#wireframes — Public Fediverse posts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

A pretty neat online tool for making Unicode wireframes.

https://wiretext.app

via @piccalilli

#WebDev #WebDesign #wireframes #unicode

A pretty neat online tool for making Unicode wireframes.

https://wiretext.app

via @piccalilli

#WebDev #WebDesign #wireframes #unicode

A pretty neat online tool for making Unicode wireframes.

https://wiretext.app

via @piccalilli

#WebDev #WebDesign #wireframes #unicode

A pretty neat online tool for making Unicode wireframes.

https://wiretext.app

via @piccalilli

#WebDev #WebDesign #wireframes #unicode

A pretty neat online tool for making Unicode wireframes.

https://wiretext.app

via @piccalilli

#WebDev #WebDesign #wireframes #unicode

#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

#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

#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

#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

#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

#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

#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

#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

#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

#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

#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

#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

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.

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.

#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

#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

#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

#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

Using squiggly styled fonts to assist with wireframing

You've probably come across “lorem ipsum” as placeholder text, here's an alternative using squiggly fonts to help clients with wireframing woes.

https://barrd.dev/project/using-squiggly-styled-fonts-to-assist-with-wireframing/

#Design #Wireframes #Fonts

Using squiggly styled fonts to assist with wireframing

You've probably come across “lorem ipsum” as placeholder text, here's an alternative using squiggly fonts to help clients with wireframing woes.

https://barrd.dev/project/using-squiggly-styled-fonts-to-assist-with-wireframing/

#Design #Wireframes #Fonts

Using squiggly styled fonts to assist with wireframing

You've probably come across “lorem ipsum” as placeholder text, here's an alternative using squiggly fonts to help clients with wireframing woes.

https://barrd.dev/project/using-squiggly-styled-fonts-to-assist-with-wireframing/

#Design #Wireframes #Fonts

Using squiggly styled fonts to assist with wireframing

You've probably come across “lorem ipsum” as placeholder text, here's an alternative using squiggly fonts to help clients with wireframing woes.

https://barrd.dev/project/using-squiggly-styled-fonts-to-assist-with-wireframing/

#Design #Wireframes #Fonts

Using squiggly styled fonts to assist with wireframing

You've probably come across “lorem ipsum” as placeholder text, here's an alternative using squiggly fonts to help clients with wireframing woes.

https://barrd.dev/project/using-squiggly-styled-fonts-to-assist-with-wireframing/

#Design #Wireframes #Fonts

Im neuen Blogpost werden einige Tools vorgestellt, mithilfe derer #Wireframes und #Mockups für den Entwurf einer grafischen Benutzeroberfläche #GUI erstellt werden können. Es werden die unterschiedlichen Einsatzgebiete dieser beiden Entwurfstechniken angeschnitten. Welche Tools nutzt ihr und wie sind eure Erfahrungen? #Fachinformatik #informatikEdu https://oer-informatik.de/wireframe-tools

Im neuen Blogpost werden einige Tools vorgestellt, mithilfe derer #Wireframes und #Mockups für den Entwurf einer grafischen Benutzeroberfläche #GUI erstellt werden können. Es werden die unterschiedlichen Einsatzgebiete dieser beiden Entwurfstechniken angeschnitten. Welche Tools nutzt ihr und wie sind eure Erfahrungen? #Fachinformatik #informatikEdu https://oer-informatik.de/wireframe-tools

Im neuen Blogpost werden einige Tools vorgestellt, mithilfe derer #Wireframes und #Mockups für den Entwurf einer grafischen Benutzeroberfläche #GUI erstellt werden können. Es werden die unterschiedlichen Einsatzgebiete dieser beiden Entwurfstechniken angeschnitten. Welche Tools nutzt ihr und wie sind eure Erfahrungen? #Fachinformatik #informatikEdu https://oer-informatik.de/wireframe-tools

Im neuen Blogpost werden einige Tools vorgestellt, mithilfe derer #Wireframes und #Mockups für den Entwurf einer grafischen Benutzeroberfläche #GUI erstellt werden können. Es werden die unterschiedlichen Einsatzgebiete dieser beiden Entwurfstechniken angeschnitten. Welche Tools nutzt ihr und wie sind eure Erfahrungen? #Fachinformatik #informatikEdu https://oer-informatik.de/wireframe-tools

So, if you are interested in how #Wireframes can support the work you are doing, here is a round up of tools to make use of. ⤵

So, if you are interested in how #Wireframes can support the work you are doing, here is a round up of tools to make use of. ⤵

So, if you are interested in how #Wireframes can support the work you are doing, here is a round up of tools to make use of. ⤵

Longtime Sketch user, starting my first wireframe in #Figma this week. Anyone have any tips or favorite resources?

I’ve been dabbing a little with Figma in anticipation.

https://www.figma.com/best-practices/what-to-expect-when-moving-from-sketch-to-figma/

#UXdesign #DesignTool #Wireframes #ProductDesign

Longtime Sketch user, starting my first wireframe in #Figma this week. Anyone have any tips or favorite resources?

I’ve been dabbing a little with Figma in anticipation.

https://www.figma.com/best-practices/what-to-expect-when-moving-from-sketch-to-figma/

#UXdesign #DesignTool #Wireframes #ProductDesign

Longtime Sketch user, starting my first wireframe in #Figma this week. Anyone have any tips or favorite resources?

I’ve been dabbing a little with Figma in anticipation.

https://www.figma.com/best-practices/what-to-expect-when-moving-from-sketch-to-figma/

#UXdesign #DesignTool #Wireframes #ProductDesign

Longtime Sketch user, starting my first wireframe in #Figma this week. Anyone have any tips or favorite resources?

I’ve been dabbing a little with Figma in anticipation.

https://www.figma.com/best-practices/what-to-expect-when-moving-from-sketch-to-figma/

#UXdesign #DesignTool #Wireframes #ProductDesign

Longtime Sketch user, starting my first wireframe in #Figma this week. Anyone have any tips or favorite resources?

I’ve been dabbing a little with Figma in anticipation.

https://www.figma.com/best-practices/what-to-expect-when-moving-from-sketch-to-figma/

#UXdesign #DesignTool #Wireframes #ProductDesign

#Design #Approaches
Breaking down a design · What helps to prepare a design for development https://ilo.im/15falh

_____
#UIDesign #WebDesign #Development #WebDev #Prototypes #Wireframes #Collaboration #Workflows #Releases

#Design #Approaches
Breaking down a design · What helps to prepare a design for development https://ilo.im/15falh

_____
#UIDesign #WebDesign #Development #WebDev #Prototypes #Wireframes #Collaboration #Workflows #Releases