Найти в Дзене
Исповедь Дизайнера!

Как выглядеть модно? Что вы обязаны знать!

Графический дизайнер Александр Тихонов рассказывает о природе профессии дизайнера, применении навыков и о том, как найти интересные проекты.
Книга будет полезна дизайнерам, фрилансерам и людям, работающим в смежных отраслях. Мысль 1.
- При разработке следующего интерфейса не забывайте о дальтониках: «2-8% мужчин страдают от различной степени дальтонизма, в то время как среди женщин их 0,4%». Поэтому недостаточно изменить цвет ссылок в текущем разделе меню.
Мысль 2.
- Не забывайте делать свой личный проект хотя бы раз в неделю.
Мысль 3.
- В своем питче вы должны продемонстрировать две концепции. Первая - это то, как, по вашему мнению, это должно быть сделано. Другая - альтернативные варианты. Это нормально - делать дополнительную работу для своих клиентов. Самое главное, чтобы это было интересно. Мысль 4.
– Пробовать в каждом новом проекте что-то новое, иначе о росте и не стоит говорить.
Мысль 5
- Уважаемые разработчики мобильных сайтов, обращаюсь к вам. Знаете ли вы, что количе

Графический дизайнер Александр Тихонов рассказывает о природе профессии дизайнера, применении навыков и о том, как найти интересные проекты.



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

Мысль 1.
- При разработке следующего интерфейса не забывайте о дальтониках: «2-8% мужчин страдают от различной степени дальтонизма, в то время как среди женщин их 0,4%». Поэтому недостаточно изменить цвет ссылок в текущем разделе меню.

Мысль 2.
- Не забывайте делать свой личный проект хотя бы раз в неделю.

-2



Мысль 3.
- В своем питче вы должны продемонстрировать две концепции. Первая - это то, как, по вашему мнению, это должно быть сделано. Другая - альтернативные варианты. Это нормально - делать дополнительную работу для своих клиентов. Самое главное, чтобы это было интересно.

Мысль 4.
– Пробовать в каждом новом проекте что-то новое, иначе о росте и не стоит говорить.

Мысль 5
- Уважаемые разработчики мобильных сайтов, обращаюсь к вам. Знаете ли вы, что количество пользователей неинтернета/интернета/интернета в мобильном интернете превышает количество обратных пользователей? Это касается не только России, но и Европы (я никогда не был в США, поэтому не могу ответить на этот вопрос).

Если в московском метро есть бассейны для iPhone, то в Будапеште или Вене их нет. Ни в Будапеште, ни в Вене таких вещей нет. Все ходят со старыми или не очень навороченными устройствами на базе Android.

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

-3

Мысль 6.
- Не заставляйте пользователей сомневаться в производительности интерфейса. Пользователь нажимает на поиск и ждет, пока загрузится контент. Тем временем в течение нескольких секунд страница остается белой и пустой. Непонятно, был ли найден контент или страница сломана. Должен быть хотя бы какой-то предзагрузчик.

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

Самое главное в период стартапа - не растерять запал.

В любом случае постепенно все встанет на свои места.

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

-4



Мысль 9.
- Люди, которые недавно начали работать над мобильными приложениями или интерфейсами мобильных сайтов, как правило, сталкиваются с теми же основными проблемами.

Возьмем, к примеру, адаптивный макет сайта.

У меня на столе три устройства: iPhone, iPad и телефон на Android (все три с существенно разными размерами экрана).

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

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

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

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

-5

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

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

Мысль 11.
Не доверяйте Photoshop, когда речь идет об отображении шрифтов.

Когда дело доходит до веб-дизайна, все встроенные режимы сглаживания шрифтов не отражают реального изображения, которое вы видите в браузере. Даже режимы для Mac и Mac LCD, появившиеся некоторое время назад (это версия для OS X), не показывают, как текст будет выглядеть на странице.

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

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

При создании веб-сайта проверяйте, как шрифты отображаются в браузере, а не в Photoshop (в конце концов, это браузер смотрит).

-6



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

Мысль 13.
При разработке интерфейсов (сложных систем или простых веб-сайтов) клиенты часто просят нас разработать все соответствующие теги, такие как QUOTE, UL, OL, P, H1, H2 и H3. Эти H мы и будем описывать.

Обычный запрос звучит так: «Мне нужно разработать H1, H2, H3, H4, H5 и H6». Вы просите все эти заголовки, потому что не знаете точно, что вам нужно и что будет работать. В данный момент вы можете повлиять на то, как будущий контент будет выглядеть в разрабатываемом вами интерфейсе.

Хорошо известно, что большое разнообразие форматов текста только снижает воспринимаемость контента. Многие гуру типографики рекомендуют ограничить количество заголовков двумя или тремя (Виньелли Кэнон предлагает три). Это ограничивает выбор текстовых форматов, но позволяет сосредоточиться на самом контенте, что хорошо для всех.

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

Мысль 14.
При анимации интерфейса приложения в After Effects используйте максимально возможное разрешение.

Например, вы рисуете интерфейс приложения для iOS, используя в качестве примера экран iPhone 5 (это по-прежнему самое распространенное разрешение для iOS-устройств). Затем импортируйте эти клипы в After Effects. Подготовьте анимацию. Утвердите. Оказывается, что разрешение экрана iPhone 6 не 2, а 3x. Приходится переделывать проект.

В Photoshop увеличить разрешение с 2x до 3x так же просто, как изменить значение dpi со 144 до 216 (при условии, что все элементы на экране - векторы или смарт-объекты с большими внутренними полями), и совсем не просто.

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

-7



Мысль 15.
Существует стандарт проверки вашей работы перед отправкой клиенту: ........ Это даже не стандарт, а требование.

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

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