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

@design_telega - клад бесплатных материалов для дизайнеров. Мокапы, шрифты, иллюстрации, сервисы. Все с бесплатной лицензией.
@design_awards - 3 лучших сайта по версии трех главных конкурсов. Нереальные решения, анимация и работа с типографикой. И так каждый день.
@design_translator - находим свежие переводы статей со всего мира.
@digital_rabota - вакансии с мира digital
@onbehancer - лучшие проекты с Behance.
@package_design - дизайн упаковки со всего света
@magazine_design - журналы и верстка

Как найти идею: 7 инструментов для создания рабочих гипотез

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

В этой статье сфокусировались на этапе создания идей: делимся креативными методологиями, которые используем в дизайн-марафоне. Эти инструменты помогут начать думать нелинейно, что, в свою очередь, способствует в поиске прорывных решений.

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

1. Карта эмпатии: погружаемся в мир пользователя
2. «Мир, в котором нас нет»: находим ценность продукта
3. «Пять почему»: определяем потребность клиента
4. Job story: понимаем ситуацию клиента
5. How might we: формулируем вопрос
6. Брейншторминг: находим идеи
7. Поиск форм коммуникации и рождение новых форм (CRAFT)

Читать статью: https://clc.to/hr71zA

Улучшение UX мобильного приложения на реальном примере

В данной статье описан процесс проведения UX-исследования мобильного приложения. Отображена как сама подготовка плана, так и реализация задуманного. Многие моменты пришлось опустить, чтобы не перегружать статью деталями.

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

Цель приложения, показать водителю мусоровоза список контейнерных площадок (далее КП), на которых расположены баки с мусором и зафиксировать факт очистки этих контейнеров посредством фотоотчета. Нужно всего лишь сделать фото до и после. А если мусор невозможно убрать, то оповестить об этом.

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

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

Читать статью: https://habr.com/ru/post/522010/

Как выглядят интервью дизайнеров и UX-специалистов в топовых ИТ-компаниях

Сегодня речь пойдет о том, как устроен процесс собеседований дизайнеров в топовых ИТ-компаниях – уровня FAANG (Facebook, Amazon, Apple, Netflix, Google).

Как устроен процесс
В большинстве случаев процесс собеседований на дизайн-позиции во многом схож с тем, как интервьюируют разработчиков. Вот как описывает этапы бывший дизайнер Google Тони Аубе (он также проходил собеседования в Apple, Amazon и Facebook):

—первый контакт;
—созвон с рекрутером;
—дизайн-челлендж;
—on-site интервью;
—принятие решения о предложении работы.

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

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

Подробнее об этом в статье: https://clc.to/QJyM_A

Разбираем UX популярной игры Among Us

Углубляемся в дизайн космического детектива.

Возможно, космос – идеальное место для сотрудничества и инноваций, но также для саботажа и предательства. Этому посвящена игра Among Us. Эта чрезвычайно успешная видеоигра была выпущена в ноябре 2018 года студией InnerSloth Games, независимой игровой компанией из Редмонда, штат Вашингтон.

Но популярной она стала за последние несколько месяцев. Многие известные блогеры проводят стримы и разбирают ее геймплей. По данным YouTube в сентябре видеоролики о Among Us набрали более четырех миллиардов просмотров. На сегодняшний день в TikTok видео с хештегом #AmongUs собрали более 13 миллиардов просмотров. Сейчас в ней насчитывается 60 миллионов активных пользователей. Однако успех не был достигнут в одночасье. Среднее количество активных пользователей в 2018 году составляло примерно 30–50 человек.

Она доступна на iOS (iPhone / iPad), Android и Microsoft Windows. Ее можно скачать в Steam для Windows, но не для Mac.

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

Давайте разберем плюсы и минусы ее дизайна.

Плюсы
1. В некоторых заданиях звук обеспечивает обратную связь
2. Кнопки с ограничениями для навигации пользователей
3. Креативное использование рабочей памяти – это весело
4. Не нужно регистрироваться
5. Использование закона Фиттса для удобной навигации по элементам управления

Минусы
1. Проблемы с аффордансами в некоторых задачах
2. Информация, вводящая в заблуждение, из-за большого количества игроков
3. Неэффективное использование периферии
4. Для более быстрого общения нужны дополнительные приложения

Читать статью: https://ux.pub/razbiraem-ux-populyarnoy-igry-among-us/

10 правил проектирования интерфейсов, которые нельзя нарушать

Лучшие практики UI-дизайна.

В жизни есть определенные правила, которые нельзя нарушать. В дизайне пользовательского интерфейса тоже есть правила, по которым нужно жить. Их называют «эвристикой» или общими принципами, улучшающими юзабилити интерфейсов. Это повторяемые паттерны, проверенные временем и помогающие пользователям ориентироваться в интерфейсе. Хорошо спроектированный интерфейс всегда учитывает изложенные ниже принципы. В не очень хорошо спроектированном интерфейсе наверняка не хватает одного или нескольких принципов. Вы UI дизайнер, так зачем вам нарушать хотя бы одно из этих правил и создавать проблемы для пользователей ​​?

Этот список был взят из статьи Norman Neilsen 
«10 эвристик для проектирования интерфейса».

1. Видимость состояния системы
2. Соответствие между системой и реальным миром
3. Последовательность и стандарты
4. Контроль и свобода пользователей
5. Предотвращение ошибок
6. Пользователи должны узнавать, а не вспоминать
7. Гибкость и эффективность использования
8. Минималистский дизайн и эстетика
9. Помогите пользователям распознавать, диагностировать и устранить ошибки
10. Справка и документация

Читать статью: https://clc.to/jXYJ1g

Пошаговое руководство по сочетанию шрифтов и подбору шрифтовых пар

Если вы загуглите, как сочетать шрифты, то получите много ужасных результатов. На первой странице вы найдете сочетания, к которым ни один опытный дизайнер не прикоснется даже 3-метровой палкой. Google Fonts весело рекомендует сочетать буквально все с Open Sans и Roboto 🙄

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

1. Определите свой бренд
2. Шрифты, которые ненавязчиво передают ваш бренд
3. Выберите шрифт для основного текста исходя из его удобочитаемости
4. Добавьте дополнительный шрифт, чтобы выделить еще один аспект бренда
5. Определите правила использования
6. При необходимости повторите шаги 4 и 5

Читать статью: https://ux.pub/poshagovoe-rukovodstvo-po-sochetaniyu-shriftov-i-podboru-shriftovyh-par/

Как подобрать шрифт в логотипе

Как понять, что это именно тот шрифт, который подходит под логотип? На что нужно обращать внимание?
При подборе шрифта под знак действуют похожие правила как и в подборе шрифтовой пары. Расскажу про два основных из них.

Контраст против тождества

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

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

Детали и акценты

Когда глобально с контрастом мы разобрались самое время обратить внимание на детали шрифта и соотнести эти детали с вашим знаком.

На что смотреть:
— Толщины основных и соединительных штрихов.
— Характер линий или инструмент.
— Наклон и динамика шрифта.
— Засечки.
— Ловушки для краски.
— Формы округлых и квадратных букв.

Важное дополнение! Подобрать идеальный шрифт под знак, который вы нарисовали сложно, а иногда это занимает больше времени чем создание самого знака. Поэтому вам нужно всегда рассчитывать, что можно не только подбирать шрифт, но и можно перерисовывать детали знака, приближая его под выбранный шрифт.
Например, в логотипе снизу изначально был другой наклон у параллелограммов. Но когда я подобрал шрифт для названия то, чтобы связать их в единую систему я поменял этот угол и сделал его таким же как в «А».

В целом, подбор шрифта — это тонкая работа и в начале пути стоит не лениться потратить на неё достаточно много времени. Думаю, я заинтересовал тебя копать эту тему ещё глубже.

Читать статью с примерами: https://designpub.ru/font-in-the-logo-a716e2962de4

Как правильно создавать презентации + типичные ошибки

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

Почему презентации столь актуальны

Для человека огромную роль в восприятии информации является её визуализация.

Для создания презентаций можно использовать всем знакомый Power Point или же перейти на облачные технологии Google презентаций для более удобной совместной работы.

Типичные ошибки, чтобы запомнить и не повторять

Существует несколько типов презентаций: презентации для выступлений, информационные презентации и презентации для вебинаров. Основные составляющие хорошей презентации — это написание текста, структурирование и дизайн. И на каждом этапе можно допустить ряд ошибок.

1. Отсутствие фирменного стиля и наглядности

2. Орфографические ошибки

3. Большое количество лишней информации

4. Дословное повторение спикером текста, заявленного на слайде

5. Чересчур сложные схемы и диаграммы

6. Низкая контрастность фона и текста

7. Большое количество терминов и иностранных слова

8. Различные технические ошибки: множество шрифтов/цветов, изображения, нарушающие авторские права

9. Большое количество текста. Нужно использовать не более 30 слов на слайде. Желательно 3 минуты на слайд.

10. Мелкий шрифт. Минимум 24 точки (пт*) размер шрифта, оптимально 30 точек (пт*).

Как сделать презентацию яркой, запоминающейся и небанальной

1. История

В первую очередь, позвольте зрителю узнать ответ на вопрос «Кто и что делает?». Рассказывайте историю последовательно, запечатляя нужную информацию на слайдах, дабы удержать внимание слушателя.

2. Интерес

В качестве дополнительного материала вставляйте иллюстрации и картинки. Можно объяснять серьезные вещи и поддерживать интерес за счет провокационного визуального ряда, так как яркий образ сильнее останется в памяти человеке. Снизьте градус научности!

3. Логика

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

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

Удача презентации заключается в:

● Харизме преподавателя, его внимательности к студентам, желании взаимодействовать со слушателями.
● Четкости и структурированности

● Ярком визуальном контексте

● Наличии дополнительных ссылок и источников

● В понимании излагаемой темы

● Оптимальном выборе шаблона

Источник: https://vc.ru/design/152012-kak-pravilno-sozdavat-prezentacii-tipichnye-oshibki

Подборка полезных каналов для дизайнера

@designdealer — Инструменты и сервисы которые сэкономят твоё время и улучшат рабочий процесс

@figmaplugin — плагины, новости и бесплатные исходники для Figma

@dsgn_edu — образовательный канал, где публикуются бесплатные уроки и вебинары от топовых дизайнеров

​​Книга «Геймдизайн. Как создать игру, в которую будут играть все», Джесси Шелл

Джесси Шелл – один из известнейших геймдизайнеров, который работал на Walt Disney Company, делится своими секретами и подробно рассказывает, как создать игру, которая завоюет если не весь мир, то большую его часть. Сегодня видеоигры везде, и все они работают по определенным законам.

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

Цель книги – сделать из вас лучшего геймдизайнера.

​​Дизайн-заруба с призовым фондом в 650 000 рублей 💰

Все мы знаем ребят из Mail ru Group и Design Line. В  этом году они объединились, чтобы сделать самый масштабный конкурс дизайнеров..

Russian Design Cup — это уникальная возможность посоревноваться с дизайнерами России и СНГ. А оценивать  это будет мощнейшее жюри.

👉 Что нужно делать?

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

👉 Как зарегистрироваться?

Переходи по ссылке clc.to/rdcdsgnline и пройди бесплатную регистрацию на конкурс. 

Будет интересно - главное не упусти этот шанс.

​​⚡️UX-дизайнерам и фронтенд-разработчикам: Бесплатная онлайн-конференция Design is Frontend

9 декабря поговорим о дизайне и верстке, которые решают проблемы бизнеса. В программе пять докладов от ведущих UX-дизайнеров и фронтенд-тимлидов SberDevices, AFFINAGE, PINKMAN, Студии Олега Чулакова и Hawking Bros. Старт конференции в 14:00.

🔸«Как фиксировать и не терять баги между дизайном и версткой. Реальный опыт» — Игорь Яковлев, CEO AFFINAGE.

 🔸«Сложные виды анимации на вёрстке, типичные ошибки фронтендера» — Влад Шуянов, тимлид фронтенд-разработки Hawking Bros.

🔸«Дизайн и frontend: давайте жить дружно» — Екатерина Тюхай, UX-lead SmartApp Studio SberDevices.

🔸«Как превратить разные отделы продакшена в слаженную команду» — Юрий Чижов, технический директор PINKMAN.

🔸«Как подружить аналитику, дизайн и разработку, не сорвав сроки» — Александр Кременской, арт-директор «Студии Олега Чулакова».

⚡️Регистрируйтесь и прокачивайте хард-скиллы вместе с нами — https://bit.ly/3l89bw1

Что не так с ценами на дизайн?

Клиенты обычно не понимают, почему дизайн вообще стоит денег. Многим кажется, что дизайнер — это творческая личность, которая на раз-два реализует любую идею, не тратя на это никаких ресурсов. А раз ему всё так легко даётся и не занимает времени, значит, ему и не нужно платить.

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

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

Подробнее в статье: https://vc.ru/design/161477-chto-ne-tak-s-cenami-na-dizayn

Как создавать лучшие макеты с помощью сетки 8pt

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

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

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

Читать статью: https://ux.pub/kak-sozdavat-luchshie-makety-s-pomoschyu-setki-8pt/