12 заметок с тегом

дизайн

дизайн-дизайныч

Воркшоп «Логотипы и фирстили»

Я уже писал, что скоро у нас с Антоном Жуковым будет лекция про логотипы и фирстили, верстку и составление гайдлайнов.
https://www.facebook.com/events/1224056707663177/

После лекции, с 19-го февраля, мы начнем воркшоп по этой же теме. Курс будет длиться 1,5 месяца, занятия пройдут раз в неделю по воскресеньям. С собой возьмите ноут и ваком. Остальным материалом, сканером и принтером обеспечим.

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

Естественно, потогонная программа подразумевает кучу коротких упражнений, мозготренировок и домашних заданий. Будет тяжело и интересно.

Всех желающих мы вдвоем не осилим, поэтому воркшоп ограничен — всего 16 мест.
https://www.facebook.com/events/1312427898828120/

Суть → польза → внешний вид

Как за 0 копеек улучшить муниципальное сообщение о неработоспособности чего-нибудь?

— Этот терминал не работает. Приносим свои извинения.

— Вход в метро временно не работает. Извините за временные неудобства.

— Дорога перекрыта. Ведутся работы.

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

А вот пример хорошего сообщения:

— Этот терминал не работает. Приносим свои извинения. Ближайший терминал по адресу ул. Пушкинская, 25.

— Вход в метро временно не работает. Воспользуйтесь другим вестибюлем ↱.

— Дорога перекрыта. Ведутся работы до 20 октября. Воспользуйтесь объездной (схема или стрелка).

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

Ребята, помните последовательность: суть → польза → внешний вид.

2016   дизайн   объявление

Кнопки

Принцип простой: внешний вид элемента должен соответствовать функции.

Кнопка должна выглядеть как кнопка, текст должен оставаться текстом, а выпадающий список всем своим видом должен намекать, что по нажатию появится выпадающий список.

Прогрессивные и умные ребята мне часто сообщают: «А чо, не ясно, что это кнопка?». Бля, не ясно.

Про очевидное
Дизайнер считает, что все люди в мире дизайнеры. Баба на почтамте уверена, что вы знаете, как заполнять форму («Там же все написано!»). Кассирша на автовокзале тоже уверена, что вы знаете, что время отправления написано в левом нижнем углу между номером факсимильного аппарата и датой тиража формуляра. Это же очевидно, что для получения кредита в банке вам нужно иметь справку о состоянии левой ноги, заверенную по четным дням в регистратуре управления по делам инвалидов, с которой вам нужно предварительно сходить в отдел социального снабжения и получить шестизначный номер.

Попробуйте найти код, позволяющий вам пройти электронную регистрацию:

Он находится в строке Amadeus: 37AQ27

Иногда код выглядит вот так:

В строке UT/5SVK75 нужными являются символы от пятерки до пятерки, а не вся строка целиком.

* * *
В гайдлайнах Эппл пишут, что нужно избегать одинакового цвета в интерактивных и неинтерактивных элементах:

Ага. Открываем Reminders.

Действующая функция добавления нового списка обозначена серым, цветные вкладки переключаются, а количество пунктов (items) некликабельно, это просто подстрочник. Восклицательные знаки тоже некликабельны:

Старый вид напоминалок был понятнее:

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

* * *
Существуют ситуации, когда контекст нам подсказывает, что этот кусок текста является кнопкой и быть просто текстом не может (хотя хуй его знает). Примерно понятно, что Log in у Тумблера и English ↔ Spanish у Гугла являются кнопками.

Хотя Гугл и Эппл не стесняются нормально показывать кнопки:

Дизайнер, игнорирующий внешний вид кнопок, ничем не отличается от кассирши-с-начесом, орущей на вас за подпись в неверной графе.

2015   дизайн   интерфейс   кнопки
Ctrl + ↓ Ранее