Mastodawn

Прототипирование сайта на Тильде: какие ограничения нужно учесть до дизайна и сборки

Прототип сайта на Тильде нельзя рассматривать только как черновик будущего дизайна. Тильду часто воспринимают как инструмент, где можно быстро собрать сайт из готовых блоков. Это правда, когда структура заранее ложится на логику платформы. Но если сначала нарисовать свободный макет, а потом пытаться перенести его в конструктор без учета стандартных блоков, Зеро-блока, адаптива, форм, SEO-структуры и будущего редактирования, скорость быстро исчезает.

https://habr.com/ru/articles/1033380/

#прототипирование_сайтов #тильда #tilda #wireframe #wireframes #seoоптимизация #вебдизайн #вебдизайн_и_верстка #разработка_сайтов #структура_сайта

Прототипирование сайта на Тильде: какие ограничения нужно учесть до дизайна и сборки

Прототип сайта на Тильде нельзя рассматривать только как черновик будущего дизайна. На связи Марков Вадим из команды marmelad.digital, и в этой статье я разберу, какие ограничения платформы стоит...

Хабр

Inautilo Apr 26

#Design #Tools
Wiretext · Draw wireframes and export them as Markdown https://ilo.im/16c40c

_____
#Wireframes #Markdown #AI #MCP #UiDesign #WebDesign #Development #DevOps #WebDev #Frontend

Wiretext — Unicode Wireframe Design Tool

A spatial design tool where everything renders as Unicode box-drawing characters. Create wireframes, diagrams, and mockups. Share as text.

Wiretext

Stefan Bohacek Apr 17

A pretty neat online tool for making Unicode wireframes.

https://wiretext.app

via @piccalilli

#WebDev #WebDesign #wireframes #unicode

Wiretext — Unicode Wireframe Design Tool

A spatial design tool where everything renders as Unicode box-drawing characters. Create wireframes, diagrams, and mockups. Share as text.

Wiretext

Inautilo Mar 29

#Design #Tools
Mockdown · Sketch a UI and export it as Markdown https://ilo.im/16arpa

_____
#Markdown #ASCII #Wireframes #AI #Chatbots #UiDesign #WebDesign #Development #WebDev #Frontend

Mockdown — ASCII Wireframe Editor

Free browser-based ASCII wireframe editor. Design UI mockups, lo-fi prototypes, and text diagrams with drag-and-drop components — no signup required.

Mockdown

Inautilo Mar 19

#Design #Analyses
The high cost of low usability · How Balsamiq’s redesign broke rapid wireframing https://ilo.im/16bhik

_____
#Balsamiq #Wireframes #Productivity #Usability #InteractionCost #DesignTools #ProductDesign #UiDesign #WebDesign

Interaction Costs: The High Price of Low Usability - Annotated by B. Prendergast

How Balsamiq's recent redesign broke rapid wireframing

Emilie Nguyen Van Yen Dec 18

Je sors d'une session endiablée de tests publics de wireframes pour un projet sur lequel je travaille : je les appréhende toujours mais qu'est-ce que c'est passionnant et utile d'avoir des retours spontanés tôt dans le process !

#DesignProcess #UxDesign #UiDesign #wireframes

Inautilo Dec 12

#Design #Approaches
Make it ugly, for clients · “So they know what they’re looking at.” https://ilo.im/1693wi

_____
#Business #Clients #Projects #Communication #Collaboration #Wireframes #Mockups #ProductDesign #UiDesign #WebDesign

Make It Ugly, for Clients

It's important to focus the conversation

OddBird

Show thread

Dareth NHANG // DZGND.studio Oct 23, 2025

On peut donc passer directement des #wireframes à l’intégration. Je code puis présente un “look and feel” sur 2-3 pages clés. #Graphisme qu’on améliore et valide avant de passer aux autres pages.

Le #design est cohérent, fidèle à la charte graphique, et le site est déployé souvent plus rapidement. Économique et agile, ça arrange tout le monde.

Inautilo Sep 20, 2025

#Design #Guides
Prompting Google Nano Banana · Useful prompts for routine design tasks https://ilo.im/166nnm

_____
#Images #Ideation #Wireframes #UiComponents #AI #Gemini #FlashImage #ProductDesign #UiDesign #WebDesign