​​Когда наступит смерть UX-дизайнеров?

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

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

Читать подробнее

#UX #UI

​​Как сделать иллюстрации в дизайне маркетинговым инструментом

Многие люди страдают от устаревших стереотипов, полагая, что иллюстрация относится исключительно к сфере искусства и не имеет ничего общего с бизнесом. (Расскажите об этом Warner Brothers или Walt Disney Studios!) Этот архаичный взгляд сдерживает вашу компанию и делает ее менее прибыльной, потому что сегодня цифровая иллюстрация – это бизнес.

Итак, давайте развеем эти вредные заблуждения. Иллюстрация – это маркетинговый инструмент, каким бы красивым и милым он ни выглядел. Его цель – продвигать бизнес, предоставлять информацию и привлекать людей.

Читать подробнее

#Design #UI

​​Gridcalculator - прекрасный ресурс для расчета сетки. Будет полезен как веб, так и графическим дизайнерам. Выставляем общую ширину макета, количество колонок, отступы по краям, и между колонками, и получаем ширину колонки.

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

Нужно только задать отступы по краям и между столбцами равными нулю, и мы получим ширину столбцов. Результаты можно скачать в AI, PSD и PNG.

​​С чего начать и как стать графическим дизайнером?

Выбрать направление
Десять лет назад, учиться было негде; сейчас проблема в другом – объём информации по каждой теме практически бесконечный. Не хватайтесь за всё подряд – для начала, выберите одно из описанных выше направлений, которое вам по душе. Поймите, что вам нравится — читайте блоги, подпишитесь на полезную рассылку, смотрите красивый контент, изучайте отзывы о профессии.

Набрать минимальный объём теоретических знаний
Здесь пригодится классическое университетское образование, курсы, либо самообразование.

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

Получайте обратную связь
Идеальный вариант – это практика под руководством наставника (ментора или опытного коллеги).

Заведите знакомства
Станьте частью сообщества дизайнеров – это может быть комюнити вокруг определённой школы, либо группа коллег.

#Design

Автор

​​8 способов быстро придумать концепцию для логотипа

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

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

Читать статью

#Design

​​Балансируйте пробелы для текста с выравниванием по ширине

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

Свойство hyphens управляет расстановкой переносов текста в элементах уровня блока. Обратите внимание, что класс <hyphens> зависит от языка. Это помогает находить возможные разрывы в зависимости от языка, определенного в атрибуте font родительского элемента. Поддерживаются не все языки, и поддержка зависит от конкретного браузера.

Примечание. Если расстановка переносов невозможна, используйте выравнивание текста по левому краю.

Автор

​​Sketch – это инструмент векторного дизайна, позволяющий создавать, как вайрфреймы, так и высококачественные дизайны.
Он был впервые выпущен в 2010 году и быстро стал популярным среди UX-дизайнеров.

В Sketch есть активное сообщество, которое работает над определением приоритетности функций, формированием фидбека и выявлением проблем. В свою очередь, Sketch продолжает улучшаться благодаря участию сообщества, а новые инструменты и функции выпускаются ежемесячно.

#UX

​​Способ быстро придумать логотип. Собрать символ из букв названия

Иногда можно заметить связь связь некоторых букв в названии и понять, как их можно объединить.
Например в «СлавНефти» С и Н прекрасно складываются в трубы нефтепровода.

#Design #Logo

Сохраняйте файлы с обложками

При большом количестве проектов бывает трудно найти нужный файл в Figma.

Создание обложки – это простое и действенное решение, которое позволит сделать проекты узнаваемыми и упростит их поиск.

Все, что нужно для создания обложки:

1. Создайте страницу в документе и назовите ее «Обложка» (как вариант, но не обязательно)
2. Нарисуйте фрейм для изображения обложки (лучший размер для этого – 1920 x 960).
3. Наполните обложку такими элементами дизайна, как логотип или другими символическими изображениями, которые помогут вам и вашей команде узнать проект.
4. Щелкните на фрейм правой кнопкой мыши и выберите «Set as thumbnail» (Установить, как миниатюру).

#Figma

​​Ultimate google font pairings - огромная коллекция профессионально подобранных шрифтовых пар. Все шрифты доступны в Google Font, и их можно скачать прямо с сайта, либо скопировать HTML код. Особенно удобно для тех, кто пока еще не совсем ладит со шрифтами, и подбором.

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

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

#Design #UX

​​logodesignlove.com — сайт о логотипах и только. Регулярное обновление новостей.

​​«ВкусВилл» объявил о ребрендинге и первой за девять лет смене логотипа

У компании новый слоган — «Здесь полезное вкусно».
Слоган передаёт ценность натуральных, полезных и вкусных продуктов с честным составом.

Читать подробнее

#Design #Logo #Brend

Нам нравится такой ребрендинг!

​​Vektors – это агрегатор коллекций с иллюстрациями.
Все иллюстрации этого ресурса бесплатные (но на некоторые коллекции есть пользовательские лицензии).

В Vektors вы найдете иллюстрации от художников по всему миру и для самых разных проектов.

Иллюстрации доступны в форматах PNG, SVG, Figma, Sketch.

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

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

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

#Design #UX

​​Culrs – это большая библиотека готовых цветовых палитр. Цвета, которые подобрали профессионалы в своем деле. Больше не надо ломать голову, чтобы найти правильные цветовые сочетания!

#Figma #Icons
Прикольный набор иконок с эффектом матового стекла — популярного эффекта 2021 года глассморфизм. У нас есть видео урок, как создать этот эффект в Figma.

Установить пак

Pigment
Уникальный способ генерировать свежие и яркие цвета, основанные на освещении и пигменте, а не на математике. Найдите красивую, свободную цветовую палитру за считанные секунды.

#Color

​​Простой дизайн — скругление внутренних углов фигур

Дизайнеры часто неосознанно создают дискомфорт пользователю, не учитывая природу вещей, одно из них — это неправильное внутреннее скругление форм

Читать подробнее

#Design

UI Gradients - подобранная вручную коллекция красивых цветовых градиентов.