Vitaliy Menchukovskiy | Блог о UI/UX, графическом дизайне и не только

Где искать лучшие гайды по UI-дизайну?

🎨 Для тех, кто хочет прокачать навыки в UI-дизайне, вот подборка платформ и ресурсов с полезными гайдами и уроками:

1️⃣ Figma Community
Figma — это не только инструмент, но и огромная библиотека гайдов, готовых компонентов и плагинов. Просто зайдите в раздел Community и найдите примеры интерфейсов, сеток и стилей от других дизайнеров.

2️⃣ Material Design
Google Material Design — один из лучших ресурсов по созданию интерфейсов. Тут вы найдёте детализированные гайды по работе с типографикой, сетками, цветами и анимацией.
Официальный сайт Material Design

3️⃣ Human Interface Guidelines от Apple
Если вы работаете с iOS, обязательно изучите гайды Apple. Они подробно объясняют, как разрабатывать интерфейсы под экосистему компании.
Официальный сайт HIG

4️⃣ Design Systems от крупных брендов
Многие компании делятся своими дизайн-системами:
• Atlassian Design System
• Carbon Design от IBM
• Lightning Design от Salesforce
Они подойдут, чтобы лучше понять, как выстраиваются интерфейсы для больших продуктов.

5️⃣ Awwwards и UI Design Daily
Awwwards — сайт с премиум-дизайнами, где можно вдохновиться. А на UI Design Daily вы найдёте бесплатные шаблоны UI-компонентов.

6️⃣ YouTube и блоги
• Каналы на YouTube: Flux Academy, DesignCourse, The Futur
• Блоги: Smashing Magazine, UX Design CC


⚡ Совет: Подпишитесь на тематические рассылки или Telegram-каналы о UI/UX, чтобы быть в курсе трендов.

💬 Какие ресурсы используете вы? Делитесь в комментариях!

#UIDesign #графическийдизайн #дизайнсоветы #дизайнсистемы

🎨 Подборка сайтов для работы с цветом

Ищешь вдохновение или хочешь подобрать идеальную цветовую палитру для своего проекта? Вот лучшие ресурсы, которые помогут тебе создать гармоничные цветовые схемы и изучить современные тренды!

1. Coolors

Инструмент для создания и генерации цветовых палитр. Можно зафиксировать цвета, настроить их по яркости и сохранить для будущих проектов.

2. Adobe Color

Классика от Adobe! Позволяет создавать палитры, исследовать тренды и проверять совместимость цветов по теориям контраста.

3. Color Hunt

Коллекция трендовых цветовых палитр, которая обновляется ежедневно. Отличный ресурс для быстрого вдохновения.

4. Paletton

Онлайн-инструмент для генерации цветовых схем на основе теории цвета. Помогает создавать монохромные, комплементарные и триадные палитры.

5. Khroma

Искусственный интеллект подбирает цветовые комбинации на основе твоих предпочтений. Настраивай палитры под свой стиль!

6. ColorSpace

Создает градиенты и палитры на основе заданного цвета. Удобно для создания плавных переходов и стильных фонов.

7. Happy Hues

Показывает примеры использования цветовых схем в реальных проектах. Полезно для UI/UX-дизайнеров.

8. ColorBrewer

Инструмент для выбора палитр для картографических и информационных дизайнов. Полезно для аналитиков и дизайнеров инфографики.

9. Material Palette

Сервис для создания палитр в стиле Material Design. Подходит для разработки мобильных и веб-приложений.

10. CSS Gradient

Инструмент для создания и настройки градиентов. Генерирует готовый CSS-код, который можно сразу использовать.


#цвет #дизайн #палитры #графическийдизайн #ресурсы #вдохновение

🖼️ Подборка сайтов с бесплатными мокапами для дизайнеров

Мокапы — это отличный способ презентовать свою работу клиенту или улучшить портфолио. Вот список сайтов, где ты найдешь бесплатные мокапы высокого качества для любых проектов. Сохраняй и пользуйся! 👇

1. Mockup World

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

2. Freepik

Огромная коллекция PSD-мокапов. Большинство из них бесплатны, но может потребоваться указание авторства.

3. GraphicBurger

Популярный сайт с подборкой стильных и качественных мокапов. Все ресурсы бесплатны и просты в использовании.

4. Smart Mockups

Платформа с современными мокапами для брендинга, гаджетов, печати и упаковки.

5. Pixeden

Профессиональные PSD-мокапы для презентации логотипов, упаковок и других дизайнерских работ.

6. Unblast

Большая коллекция бесплатных мокапов, включая шаблоны для визиток, гаджетов, баннеров и многого другого.

7. PSD Repo

Подборка бесплатных PSD-шаблонов, включая мокапы для брендинга, одежды и цифровых устройств.

8. Mockup Hunt

Сайт-агрегатор бесплатных мокапов со всех уголков интернета. Удобный поиск и фильтрация.

9. Zippy Pixels

Качественные мокапы в PSD-формате. Отлично подходят для профессиональной презентации проектов.

10. Placeit

Онлайн-инструмент для быстрого создания мокапов. Есть бесплатные опции для дизайна на одежде, гаджетах и других носителях.

#мокапы #mockup #дизайн #ресурсы #графическийдизайн #портфолио #дизайнеру

🎨 Подборка сайтов для UI/UX-дизайнеров

Ищешь вдохновение, готовые шаблоны или инструменты для улучшения своих навыков в UI/UX-дизайне? Лови подборку полезных ресурсов, которые помогут тебе создавать стильные и удобные интерфейсы!

1. Dribbble

Платформа, где дизайнеры со всего мира делятся своими проектами. Идеально для вдохновения и поиска современных трендов.

2. Behance

Глобальное сообщество творческих людей. Здесь можно найти профессиональные UI/UX-проекты и концепты.

3. Awwwards

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

4. UI Patterns

Каталог паттернов и решений для дизайна интерфейсов. Полезно, если ты ищешь примеры реализации определенной функции.

5. Mobbin

Библиотека реальных UI-примеров из популярных мобильных приложений. Можно подсмотреть, как реализованы экраны в топовых продуктах.

6. UX Design CC

Полезный блог на Medium, посвященный пользовательскому опыту, дизайну интерфейсов и исследованиям.

7. Smashing Magazine

Один из старейших ресурсов с качественными статьями и гайдами по веб-дизайну, UI/UX и фронтенду.

8. Open Peeps

Бесплатная библиотека иллюстраций персонажей, которые идеально вписываются в современные UI/UX-проекты.

9. Figma Community

Библиотека бесплатных UI-шаблонов, иконок и других ресурсов, которые легко интегрируются в Figma.

10. Lapa Ninja

Сайт с коллекцией лучших лендингов и веб-страниц для вдохновения. Отличный выбор для тех, кто работает с веб-дизайном.


#UIUX #дизайн #uxдизайн #uidesign #дизайнеру #ресурсы #вдохновение

🖼 Подборка сайтов с бесплатными иконками для дизайнеров

Работаешь над проектом и нужны качественные иконки? Эти ресурсы помогут найти все: от минимализма до сложных иллюстраций. Сохраняй подборку, чтобы всегда иметь под рукой! 👇

1. Flaticon

Огромная библиотека иконок в разных стилях. Большинство доступно бесплатно, но требует указания авторства.

2. IconFinder

Качественные иконки для личного и коммерческого использования. Есть как бесплатные, так и премиум-материалы.

3. Icons8

Бесплатные иконки в различных стилях, включая глифы, 3D и неон. Подходит для веб-дизайна, приложений и маркетинга.

4. The Noun Project

Миллионы иконок на любую тему. Бесплатно с указанием авторства, либо платная подписка без ограничений.

5. Material Icons

Иконки от Google для веба и приложений. Поддержка SVG, PNG и интеграция с Material Design.

6. Streamline Icons

Минималистичные и детализированные иконки. Бесплатная версия предлагает ограниченный, но качественный набор.

7. Iconmonstr

Простой сайт с большим выбором черно-белых иконок. Не требует регистрации, все можно скачать бесплатно.

8. Bootstrap Icons

Коллекция бесплатных SVG-иконок, идеально подходящих для проектов с использованием Bootstrap.

9. Heroicons

SVG-иконки с минималистичным дизайном. Отлично подходят для современных веб-интерфейсов.

10. Eva Icons

Качественные иконки в 2 стилях (Outline и Filled). Легко интегрируются в React, Vue или Angular проекты.

#иконки #бесплатныеиконки #дизайн #графическийдизайн #icons #дизайнеру

✍️ Бесплатные шрифты для твоих проектов!

Если ты дизайнер или просто любишь играть со стилем текста, эта подборка — твой мастхэв. Все шрифты бесплатны, но не забывай проверять лицензию, особенно для коммерческих проектов. Сохраняй и используй! 👇

1. Google Fonts

Тысячи бесплатных шрифтов с открытой лицензией. Легко интегрируются в веб-проекты.

2. Font Squirrel

Коллекция шрифтов для коммерческого использования. Удобный поиск по стилям и категориям.

3. DaFont

Огромный выбор шрифтов, от минимализма до креатива. Убедись в лицензии перед использованием.

4. Behance Free Fonts

Авторские шрифты от дизайнеров со всего мира. Уникальные и стильные.

5. Lost Type Co-op

Шрифты на любой вкус по принципу “заплати сколько хочешь”. Можно скачать бесплатно.

6. 1001 Fonts

Интуитивный поиск по стилям и лицензиям. Идеально для быстрого выбора.

7. FontSpace

Огромная библиотека независимых дизайнерских шрифтов. Часто обновляется.

8. Abstract Fonts

Если ищешь что-то нестандартное, этот сайт точно для тебя.

9. FontsArena

Современные и классические шрифты для любых задач.

10. Pixel Surplus

Отличный ресурс для стильных шрифтов в брендинге и графическом дизайне.

#шрифты #бесплатныешрифты #дизайн #графическийдизайн #fonts #дизайнеру

📸 Подборка сайтов с бесплатными изображениями и фотографиями

Делитесь красивым визуалом с миром без затрат! Эта подборка поможет найти качественные фотографии и иллюстрации для ваших проектов — как коммерческих, так и личных. Сохраняйте и используйте! 🌟

1. Unsplash

Один из самых популярных ресурсов с огромным выбором высококачественных фото. Отлично подойдет для создания сайтов, постов в соцсетях и презентаций.

2. Pexels

Еще одна большая библиотека бесплатных фото и видео. Все изображения доступны для коммерческого использования без указания авторства.

3. Pixabay

Фото, векторы, иллюстрации и даже видео — все это можно скачать бесплатно и без регистрации. Отличный выбор для любого проекта.

4. Freepik

Здесь можно найти бесплатные изображения, иллюстрации и векторы. Для некоторых материалов требуется указание авторства, поэтому проверяйте условия.

5. Burst by Shopify

Коллекция стильных фото для бизнеса и маркетинга. Отлично подходит для стартапов и брендов.

6. Kaboompics

Отличный сайт с уникальными фото, включая популярные категории вроде еды, интерьеров и природы. Удобный поиск по цветам.

7. Reshot

Платформа с тщательно отобранными бесплатными фотографиями для креативных проектов. Меньше стандартных фото, больше уникального контента.

8. Life of Pix

Качественные фото высокого разрешения без ограничений на использование. Отлично подходят для дизайнерских проектов.

9. Gratisography

Если ищете что-то необычное, этот сайт для вас! Здесь собраны креативные и нестандартные изображения, которые выделят ваш проект.

10. StockSnap

Бесплатные фотографии в высоком разрешении, обновляемые каждую неделю. Удобный поиск и множество красивых категорий.

💡 Совет: Все изображения можно использовать бесплатно, но всегда проверяйте лицензию, особенно если работаете с коммерческими проектами.

🎨 Подборка сайтов с бесплатными текстурами

1. Textures.com

Один из самых популярных ресурсов. Здесь можно найти текстуры для всего: от дерева и камня до ткани и металлов. Есть бесплатный тариф, но с ограничением по количеству скачиваний в день.

2. Poly Haven

Идеальный сайт для реалистичных текстур. Все материалы доступны в высоком разрешении и полностью бесплатны даже для коммерческого использования.

3. CC0 Textures

Большая библиотека текстур в высоком качестве с открытой лицензией (CC0). Это значит, что их можно использовать где угодно, без указания авторства.

4. Texture Haven

Бесплатные PBR-текстуры для 3D-дизайна. Высокое разрешение и полное отсутствие ограничений на использование.

5. Free PBR

Идеально для дизайнеров, работающих в 3D. Здесь представлены материалы с картами нормалей, отражений и других деталей.

6. Substance Share

Платформа от Adobe с огромным количеством материалов и текстур, созданных пользователями. Много бесплатного контента для экспериментов.

7. Textures.one

Агрегатор бесплатных текстур с разных сайтов. Удобный поиск и множество разнообразных материалов.

8. 3DXO

Простая библиотека с бесплатными текстурами для игр, 3D-моделирования и визуализации.

💡 Совет: Перед использованием текстур в коммерческих проектах всегда проверяй лицензионные условия, даже если они заявлены как “бесплатные”.

Подписывайся, чтобы не пропустить новые полезные подборки! ✌️