Раннер обновился и теперь вставляет символы из библиотек. Можно настраивать, какие библиотеки будут показываться в меню. Насколько быстро будет работать список из 1000 символов — вопрос открытый.

#классные_люди №3 Глеб Кузнецов

medium.com/sketchdesigner/glebich-e588a420314c

Глеб Кузнецов — вдохновивший меня дизайн-директор из компании Fantasy Interactive, который сейчас живёт и работает в Сан-Франциско. Я начал эту рубрику на Скетч-дизайнере c Клаудио Гуглиери, который тоже был в этой компании, и это неслучайно. Фэнтези — одна из моих любимых студий. То, что они делают это круто и инновационно. Их клиенты — Google, Facebook, HP, Microsoft, Wacom и др.

Одна из работ Fantasy Interactive: https://vimeo.com/119778835

Дрибл Глеба Кузнецова: dribbble.com/glebich

Лекция Глеба «Как создавать то, чего ещё не было».

Основной её смысл я изложил в посте на медиуме. Немного сложная для восприятия, но полезная.

https://www.youtube.com/watch?v=9I73ryTIUqw

Мобильные UX-паттерны, которые используются неправильно
Пост из блога «Советы по проектированию»

Если ты уже 10 лет отработал синьёр-дизайнером в Apple, я перечислю их, чтобы сэкономить тебе клик.

1. Ещё раз пнём бедный гамбургер
Хотя, не всё так однозначно. VK недавно отказались от гамбургера в верхнем левом углу и перешли на здоровую пищу. Количество негатива, которое я слышу от обновившихся, зашкаливает. Люди привыкли к ним и хотят скрывать ненужные меню. Видимое меню действительно вовлекает больше, но и отвлекает от контента.

2. Нестандартные иконки без подсказок — феил
Если пользователь не знает предыстории, не читаются.

3. Жестовое управление неочевидно
В разных аппах применяются по-разному. Конвенция использования жестов ещё не сформировалась. В одних аппах свайп вправо помечает письмо как прочитанное, в других — как непрочитанное. Если явно не показывать, что жесты вообще есть, пользователь не одуплит.

4. Туториал на затемнённом экране бесит
Потому что мешает начать использовать продукт. Где тут кнопка Skip? А вот. Ой, а как прогу то использовать?

Вывод: сомневайся, принимай свои решения и исследуй. Что работает в одном продукте, не работает в другом.

По-русски: goo.gl/gmSwXB (сентябрь 2017)

По-английски: goo.gl/ZV19Xd (ноябрь 2015)

#UX_паттерны

Когда создаёшь стайлгайд, полезно разместить HEX-коды цветов в виде текста, чтобы они были сразу видны. Изящный способ сделать это — перетаскивать их прямо из поля в раскрытой палитре и красить. #GIF

HEX-код — обычный текст. Поэтому, когда он попадает на холст, для него сразу создаётся текстовый слой. А следующим же действием можно запипетить цвет пробника (Ctrl + C), чтобы HEX-код сам себя иллюстрировал.

Stark: позаботься о дальтониках

Старк — окно, через которое можно увидеть макеты так, как их видят люди с разными особенностями зрения.

github.com/stark-contrast/stark-sketch-plugin

Ситуация с доступностью (accessibility) в интерфейсах в наши дни традиционно-катастрофическая, прямо как с пандусами для инвалидов в московском метро. Хотя попытки предпринимаются, особенно в крупных проектах. Качественный дизайн = доступный дизайн.

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

Больше по теме дальтонизма: ru.wikipedia.org/wiki/Дальтонизм

Плагин доступен в Runner.

#плагины

Канал иллюстратора Mad Rabbit
Я наткнулся на канал интересного коммерческого иллюстратора Mad Rabbit, в котором он рассказывает, как сделать иллюстрации лучше. Это очень актуально, если ты много проектируешь и мало времени уделяешь отрисовке. Хороший продукт-дизайнер должен уметь всё.

Мэд Ребит по полочкам разбирает распространненые ошибки, учит рисовать классные иллюстрации в флэт-стиле. Также он ведёт мастер-классы и выкладывает их в виде скринкастов на Ютюб.

Следуй за белым кроликом: @mr_mad_rabbit

Что интересного:
- Мастер-класс: Плоская графика в Иллюстраторе (с вопросами от слушателей): youtu.be/AzrvhpcBWJg
- Фотошоп-трюк: Как добавить плоским иллюстрациям фактуры goo.gl/NcEaCL
- Инструкция по выживанию: Как общаться с иллюстраторами goo.gl/o2KsBq

Но я подозреваю, что никакой он не кролик — как можно писать посты лапками?

Мои конспекты по Фреймеру на русском
Для Айпада, 120 стр.

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

#конспект #Фреймер #анимация #прототипы

Если ты хочешь узнать, на что способен Фреймер, посмотри это видео:

youtu.be/ER1TxhMZU18

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

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

Подробнее об этом конспекте и Фреймере:

medium.com/sketchdesigner/framer-guide-3c7e0f7a2e53

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

Я создал @framerchat, в котором можно задавать вопросы. Если ты где-то застрял, не стесняйся писать. Если ты хорошо знаешь Фреймер, приходи и помоги другим.

Как настраивать свои горячие клавиши в Скетче и не забывать их

В продолжение поста «Стратегический дизайн интерфейсов» я написал руководство для тех, кто хочет применять его на практике. Всё начинается с такой базовой и банальной вещи как настройка горячих клавиш. Знаю, что это не самое весёлое, что есть в нашей работе, но без этого не достичь профессионализма в Скетче.

medium.com/sketchdesigner/custom-shortcuts-dfd6e4d255fb

В этом посте я отвечаю на вопросы:
- Как настроить кастомные клавиши через System Preferences
- Как расшифровываются значки ⌘ ⇧ ⌥ ⌃ ⎋
- Примеры паттернов горячих клавиш
- Как работает Раннер
- Почему так важно работать с символами с клавиатуры
- Как легко запоминать клавиши и подсматривать их в меню через поиск

Следующим шагом поговорим про систему названий символов и их расположение на холсте.

#горячие_клавиши #идеология_символов