Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤5
This media is not supported in your browser
VIEW IN TELEGRAM
UI/UX дизайнерам теперь доступна полноценная изометрическая библиотека иконок вообще бесплатно.
Только что наткнулся на инструмент Isocons. Аккуратная, грамотно сделанная библиотека изометрических иконок, которую можно использовать без оплаты. Отлично подходит для дашбордов, лендингов и интерфейсов продуктов.
До сих пор не верится, что это бесплатно. Сохрани себе.💜
👉 @PortalToDesign
Только что наткнулся на инструмент Isocons. Аккуратная, грамотно сделанная библиотека изометрических иконок, которую можно использовать без оплаты. Отлично подходит для дашбордов, лендингов и интерфейсов продуктов.
До сих пор не верится, что это бесплатно. Сохрани себе.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13👍3🔥3
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15👍9
Совет по UI-дизайну: давай цветам имена, которые описывают их назначение, а не внешний вид.
Аккуратная система цветов начинается с понятных и предсказуемых названий.
Вот структура, которую я использую, чтобы палитра оставалась логичной и масштабируемой:
[element · tone · emphasis · state]
Каждый цвет получает до четырёх описателей, которые объясняют, как и где его нужно использовать в интерфейсе. Это помогает дизайнерам и разработчикам говорить на одном языке и ускоряет разработку.
Можно пойти дальше и назначать цветовые токены конкретным компонентам, но обычно это уже перебор, если ты не работаешь над огромной системой
👉 @PortalToDesign
Аккуратная система цветов начинается с понятных и предсказуемых названий.
Вот структура, которую я использую, чтобы палитра оставалась логичной и масштабируемой:
[element · tone · emphasis · state]
Каждый цвет получает до четырёх описателей, которые объясняют, как и где его нужно использовать в интерфейсе. Это помогает дизайнерам и разработчикам говорить на одном языке и ускоряет разработку.
Можно пойти дальше и назначать цветовые токены конкретным компонентам, но обычно это уже перебор, если ты не работаешь над огромной системой
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👍7
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Новая версия Ant Design! Один из самых крутых UI-компонентных наборов:
✓ Архитектура на CSS Variables
✓ Минус поддержка Internet Explorer
✓ Оптимизация под React Compiler
✓ Новый компонент Masonry
→ github.com/ant-design/ant-design
👉 @PortalToDesign
✓ Архитектура на CSS Variables
✓ Минус поддержка Internet Explorer
✓ Оптимизация под React Compiler
✓ Новый компонент Masonry
→ github.com/ant-design/ant-design
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍1
Правильный эффект матового стекла
• iOS (Clear): четкий полупрозрачный фон, цвета читаются и выглядят живо
• One UI (Blur): сильное размытие убивает детали и насыщенность, в итоге все выглядит мутно
Эффект матового стекла должен быть легким и аккуратным, а не выглядеть так, будто экран намазали вазелином.
Меньше размытия – больше эстетики.
👉 @PortalToDesign
• iOS (Clear): четкий полупрозрачный фон, цвета читаются и выглядят живо
• One UI (Blur): сильное размытие убивает детали и насыщенность, в итоге все выглядит мутно
Эффект матового стекла должен быть легким и аккуратным, а не выглядеть так, будто экран намазали вазелином.
Меньше размытия – больше эстетики.
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚11👍9🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Разработчик создал инструмент, который сам вытаскивает весь брендинг с любого сайта.
Просто кидаешь ссылку на сайт и через пару секунд получаешь полный бренд-пак — логотипы, использованные шрифты и цвета, отступы, OG-картинку.
Маленькая, но полезная вещь для тех, кто хочет быстро разобрать чужой бренд — забираем
👉 @PortalToDesign
Просто кидаешь ссылку на сайт и через пару секунд получаешь полный бренд-пак — логотипы, использованные шрифты и цвета, отступы, OG-картинку.
Маленькая, но полезная вещь для тех, кто хочет быстро разобрать чужой бренд — забираем
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14👍2
Несколько сайтов-портфолио, оформленных в стиле операционных систем:
mitchivin.com
estebandesign.dev
jiaan.vercel.app
👉 @PortalToDesign
mitchivin.com
estebandesign.dev
jiaan.vercel.app
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7