#wireframes — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #wireframes, aggregated by home.social.
-
#Design #Approaches
The last product design tool · “Wireframes are so back.” https://ilo.im/16f1fh_____
#Wireframes #Tldraw #AI #Browser #DesignProcess #DesignSystems #ProductDesign #UxDesign #UiDesign #WebDesign -
#Design #Approaches
The last product design tool · “Wireframes are so back.” https://ilo.im/16f1fh_____
#Wireframes #Tldraw #AI #Browser #DesignProcess #DesignSystems #ProductDesign #UxDesign #UiDesign #WebDesign -
Прототипирование сайта на Тильде: какие ограничения нужно учесть до дизайна и сборки
Прототип сайта на Тильде нельзя рассматривать только как черновик будущего дизайна. Тильду часто воспринимают как инструмент, где можно быстро собрать сайт из готовых блоков. Это правда, когда структура заранее ложится на логику платформы. Но если сначала нарисовать свободный макет, а потом пытаться перенести его в конструктор без учета стандартных блоков, Зеро-блока, адаптива, форм, 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 -
A pretty neat online tool for making Unicode wireframes.
via @piccalilli
-
A pretty neat online tool for making Unicode wireframes.
via @piccalilli
-
#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 #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.
-
#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/
-
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/
-
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. ⤵
-
#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 -
Merci à @balsamiq pour leur soutien ! 💜
#Balsamiq est le seul outil de #wireframes conçu à la fois pour les gestionnaires de projet, les profils marketing, les développeureuses… et bien sûr les spécialistes UX.
https://balsamiq.com/wireframes/ -
Merci à @balsamiq pour leur soutien ! 💜
#Balsamiq est le seul outil de #wireframes conçu à la fois pour les gestionnaires de projet, les profils marketing, les développeureuses… et bien sûr les spécialistes UX.
https://balsamiq.com/wireframes/ -
#Wireframes should not be used in lieu of up-to-date #documentation!
Also, wireframes should be #prescriptive, not #descriptive!
-
#Wireframes should not be used in lieu of up-to-date #documentation!
Also, wireframes should be #prescriptive, not #descriptive!
-
New TinyUX update, a bit smaller icons to make the wireframes look better.
-
And another update to TinyUX, added white and gray 'flat' rounded rectangles.
Here is a linkedin wireframe I created with TinyUX on my phone.
-
And another small TinyUX update with some visual tweaks, like improving how merged icons (like arrows) are rendered on buttons.
With TinyUX you can create wireframes on your phone. It's grid based, and larger shapes 'merge' depending on how you place them. No fiddling with dragging and alignment.
-
With latest TinyUX update you can create wrapping, multi-line text. I also added a 'lorum ipspum' button.
Have to think about what should be next focus. Probably some smaller tweaks to make the wireframes look better.
#wireframes #TinyUX #UXdesign #uxTools #MobileDevelopment #lorumIpsum
-
New TinyUX update, now you can import components from my online library.
More about TinyUX: https://tinyux.app
The online page:
https://www.tinyux.app/ux-content-library/I'll be adding more items to the library later :).
-
New TinyUX update (1.1.6), now you can import components via text.
Next I'll be adding export to 'ux source code'. So you could then send someone a component/page that they can import in their app.
Also it should be possible to write a script that turns 'ux source' to HTML, or perhaps some other format you might want to use.
Https://tinyux.app
#ux #wireframes #uxdesign #tinyUX #wires #app #sourceCode #uxsource -
Latest TinyUX update (1.1.2) includes text search.
You can search in a bunch of languages like English, French, German, Chinese, Russian.
Earlier update included the option to search by drawing with your finger.
#ux #uxdesign #wireframes #textsearch #search #icons #uxd #app #update #TinyUX
-
Creating training data for the neural net that will enable visual search in #TinyUX.
About 220 icons, 100 drawings / icon.
I've been doing this for many many hours in the evening while watching a football match or something.
I don't know if the feature will be used much, but wanted to get experience in embedding a neural net in an app that was actually used. Not just a demo.
Https://tinyux.app for more about the app.
-
I am so annoyed by people using #wireframes as living #documentation... This is just SO wrong!
-
#Wireframes 👏 are 👏 not 👏 #release 👏 #documentation!
-
The Many Benefits of Annotating Your Wireframes
https://xd.adobe.com/ideas/process/wireframing/benefits-of-annotating-wireframes/
#webdesign #wireframes #uxd #ixd #uiDesign -
Fairly happy with the swipe gesture and animation now. Tomorrow will try something to speed up switching icon groups (tapping bottom bar buttuns). Then will put out a new release.
#ux #uxdesign #gestures #reactNative #animation #swipe #wireframes #tinyux
-
Thinking about how import & export should work on TinyUX.
#ux #uxdesign #dogfooding #uxui #import #export #tinyux #uiux #wireframes #wireframing
-
Next update to #TinyUX (1.0.16) includes a tutorial video in the help pop-up.
#ux #wireframes #uxdesign #uxd #lowfi #appdevelopment #tutorial #howto