UI/UX дизайнерам теперь доступна полноценная изометрическая библиотека иконок вообще бесплатно.

Только что наткнулся на инструмент Isocons. Аккуратная, грамотно сделанная библиотека изометрических иконок, которую можно использовать без оплаты. Отлично подходит для дашбордов, лендингов и интерфейсов продуктов.

До сих пор не верится, что это бесплатно. Сохрани себе. 💜

👉 @PortalToDesign

Раскройте свой творческий потенциал с помощью Photoshop

👉 @PortalToDesign

Совет по UI-дизайну: давай цветам имена, которые описывают их назначение, а не внешний вид.

Аккуратная система цветов начинается с понятных и предсказуемых названий.

Вот структура, которую я использую, чтобы палитра оставалась логичной и масштабируемой:

[element · tone · emphasis · state]

Каждый цвет получает до четырёх описателей, которые объясняют, как и где его нужно использовать в интерфейсе. Это помогает дизайнерам и разработчикам говорить на одном языке и ускоряет разработку.

Можно пойти дальше и назначать цветовые токены конкретным компонентам, но обычно это уже перебор, если ты не работаешь над огромной системой

👉 @PortalToDesign

Новая версия Ant Design! Один из самых крутых UI-компонентных наборов:

✓ Архитектура на CSS Variables
✓ Минус поддержка Internet Explorer
✓ Оптимизация под React Compiler
✓ Новый компонент Masonry

→ github.com/ant-design/ant-design

👉 @PortalToDesign

Skype для iPhone в 2010 году

👉 @PortalToDesign

Правильный эффект матового стекла

• iOS (Clear): четкий полупрозрачный фон, цвета читаются и выглядят живо
• One UI (Blur): сильное размытие убивает детали и насыщенность, в итоге все выглядит мутно

Эффект матового стекла должен быть легким и аккуратным, а не выглядеть так, будто экран намазали вазелином.

Меньше размытия – больше эстетики.

👉 @PortalToDesign

Что лучше?

При загрузке контента

A или B 🤔

👉 @PortalToDesign

Разработчик создал инструмент, который сам вытаскивает весь брендинг с любого сайта.

Просто кидаешь ссылку на сайт и через пару секунд получаешь полный бренд-пак — логотипы, использованные шрифты и цвета, отступы, OG-картинку.

Маленькая, но полезная вещь для тех, кто хочет быстро разобрать чужой бренд — забираем

👉 @PortalToDesign