Connect with us

Дизайн и прототипирование

Зачем и как необходимо тренировать свой взгляд на дизайн

Хороший дизайнерский взгляд часто обгоняет способности дизайнера. Это необязательно плохо. Фактически, это означает, что ваш взгляд поможет со временем найти недостатки в своем дизайне.

Ксения

Опубликовано

/

     
     

Джонатан Уайт, UX/UI дизайнер и основатель CrowdHub, дает важный совет тем дизайнерам, которые ищут новые способы саморазвития.

dYHQVdfE

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

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

Вопрос в том, как развивать этот взгляд?

Простая стратегия

Пара советов, что можно сделать.

Ищите вдохновляющие дизайны

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

  • Что изначально заинтриговало вас в этом дизайне? Он привлекает вас так же, как и раньше?
  • В чем цель этого дизайна? Как она повлияла на дизайн?
  • Что вы чувствуете, глядя на этот дизайн?
  • Как шрифт вписывается в дизайн?
  • Что бы вы могли улучшить в этом дизайне?

Дизайны интерфейсов вы можете найти на таких сайтах как Dribbble, Behance, и Awwwards. Я ищу на них новые популярные паттерны дизайна и смотрю, как другие дизайнеры решили конкретные проблемы.

1-87tYUTh66fNQ5IFtptcbWg

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

1-xw9DXnJ2jfXdSl6NtKovQQ

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

1-YZwH9ud1aN5RV8ktiDf0zw

Учитесь смотреть

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

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

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

1-JWzqJLv92GEppZWc41PN4g

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

1-p2yVMfNvID1LW7y0mRsUHA

Создайте петлю обратной связи

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

Вывод

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

Комментарии
Если вы нашли опечатку - выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать info@apptractor.ru.
Advertisement
Click to comment

You must be logged in to post a comment Login

Leave a Reply

Дизайн и прототипирование

Создание шрифта с нуля за 24 часа

Графический дизайнер Джеймс Барнард бросил себе вызов – он захотел за 24 часа создать шрифт и отправить его в Google Fonts. Как он это сделал и что узнал в процессе — в нашем переводе статьи Джеймса.

Анна Гуляева

Опубликовано

/

Я большой фанат One Day Builds Адама Сэвиджа. В начале дня у него есть только материалы, а в конце он становится обладателем чего-то, что он хотел.

Поэтому я бросил себе вызов: создать с нуля абсолютно новый шрифт и отправить его в Google Fonts за 24 часа.

В старом блокноте у меня были эскизы нескольких букв. Я хотел создать узкий шрифт без засечек, который можно будет использовать на постерах или на других больших изображениях. Во время работы в Men’s Health я использовал шрифты вроде Tungsten или Heron, которые выглядят ужасно в тексте, но отлично смотрятся в заголовках или промоматериалах (которые и были моей основной работой). Это был стиль, который я и хотел создать.

Очень грубые наброски

13:00, среда

Я отправился в Adobe Illistrator с двумя-тремя буквами, которые были у меня в эскизах. Я создал сетку из пяти строк – для линии нижних выносных, базовой линии, линии строчных, линии прописных и линии верхних выносных букв. Затем я определил ширину прописных букв и толщину основного штриха.

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

  • Линия строчных = 2 × высота линии верхних выносных / высота линии нижних выносных
  • Ширина основного штриха = ¼ ширины прописной буквы
  • Ширина строчной буквы = ¾ ширины прописной буквы

Вот как это выглядит на иллюстрации

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

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

Мой шрифт был очень простым, но с одним «украшением». Любая апертура, то есть, срез концов полуовала, должна была быть отрезана под углом. Самыми сложными буквами стали G и K.

Затем я приступил к строчным буквам. Это было сложнее, но с установленными правилами работать было проще. Я использовал больше «украшений», особенно в верхних выносных и нижних выносных элементах. Самыми сложными стали буквы f, g, a и e, так как они были абсолютно новыми.

21:00, среда

Я перешёл к другим символам, таким как восклицательный и вопросительный знаки. Я стал работать быстрее и успел создать около 35 знаков.

Утро четверга

Утром я довольно быстро закончил цифры от 0 до 9 и начал создавать файл с шрифтом. Это было совершенно новым опытом. Мой знакомый каллиграф Иэн Барнард посоветовал для этого программу Glyphs. Я скачал программу, посмотрел несколько обучающих видео и понял, что неверно создал файл в Illustrator. Поэтому мне пришлось вставлять каждый символ вручную и подгонять его под правила программы.

10:00, четверг

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

11:00, четверг

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

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

Затем я конвертировал текст в прописные буквы и сделал то же самое для них.

12:59, четверг

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

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

Название шрифта? Odibee Sans (произносится как oh-dee-bee), то есть, One Day Build — ODB.

Заключение

Я отправил Odibee Sans в Google в мае 2017, и он все ещё находится в очереди на добавление. Команда предложила мне пока уделить время дизайну шрифта, хотя они признали, что это противоречит духу проекта.

Я поработал над шрифтом ещё один день. Я добавил все нужные знаки, а также внёс изменения примерно в 30 символов.

Более того, сейчас в шрифте существует более 1500 кернинговых пар, что стало значительным улучшением шрифта. А также я создал сайт: odibeesans.com.

Комментарии
Продолжить чтение

Дизайн и прототипирование

Ультрафиолет стал цветом 2018 года: что он значит?

В конце каждого года институт цвета Pantone выбирает цвет, который будет определять наступающий год. В 2018 году таким цветом стал Ultra Violet — ультрафиолетовый. Какую символику несет в себе этот цвет и универсальны ли цветовые коды для людей по всему миру?

Анна Гуляева

Опубликовано

/

В конце каждого года институт цвета Pantone выбирает цвет, который будет определять наступающий год. Этот цвет не является отражением модных тенденций, а символизирует изменения в обществе. В 2018 году таким цветом стал Ultra Violet — ультрафиолетовый. Какую символику несет в себе этот цвет и универсальны ли цветовые коды для людей по всему миру?

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

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

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

Но это не единственное значение ультрафиолетового. Он имеет большое значение в качестве цвета, который использовался в символике движения суфражисток, для которых он символизировал преданность и упорную верность своей цели. Помимо этого, ультрафиолетовый является важным символом борьбы за права ЛГБТК-людей. Фиолетовый — это смесь голубого и розового цветов, несущих гендерную окраску, и он отражает размытие границ гендеров. Ультрафиолет позволяет нам увидеть вещи, невидимые в обычном освещении, и этот смысл действительно важен для 2018 года, как в стремлении к многообразию и равноправию разных групп общества, так и в напоминании о творческом потенциале людей и возможностях человеческого мышления.

Комментарии
Продолжить чтение

Дизайн и прототипирование

Как создание эмодзи Apple изменило мою жизнь

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

Анна Гуляева

Опубликовано

/

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

Я была стажеркой, а Реймонд — это мой друг и ментор. За три месяца мы создали некоторые из самых используемых эмодзи: лицо со слезами от смеха, кучку какашек, красное сердце и хлопушку, а также ещё 460 менее используемых. Затем мне удалось сделать кое-что ещё в качестве сотрудницы Apple.

Это было лето 2008, и прошел только год с момента получения мной степени магистра графического дизайна в Школе дизайна Род-Айленда. Этим же летом я попала на стажировку в Apple и очень ждала знакомства с командой – той же самой, что была ответственна за iPhone, за это волшебное устройство, которое появилось годом ранее. Можете только представить, сколько бабочек было у меня в животе, когда я прилетела в Купертино и прибыла на 1 Infinite Loop. Я не знала, над каким проектом буду работать, размер команды, где я буду сидеть и смогу ли я действительно ездить на велосипеде на работу (я ужасно езжу на велосипеде).

Вскоре после прибытия и встречи с командой мне дали мой проект. Я пыталась понять полученную задачу, когда кто-то спросил, знаю ли я, что такое «эмодзи». Как и большая часть англоговорящих людей в то время, я ответила: «Нет». Но это изменилось, как только для iPhone выпустили клавиатуру с эмодзи и сделали их популярными во всем мире. Чуть позже я узнала, что значило это японское слово и что мне предстоит нарисовать сотни эмодзи. Пока я смотрела вниз и обдумывала, что это не работа с макетом или шрифтом, а просто рисование иллюстраций, мне назначили ментора.

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

Реймонд создал лицо со слезами радости и кучку какашек, а я нарисовала красное сердце и хлопушку.

Реймонд научил меня всему, что нужно было знать о дизайне иконок. Я не знала, что он, мой скромный наставник, был одним из лучших дизайнеров иконок в мире. Другими словами, я сидела рядом с одним из лучших создателей иконок, использовала его знания для обучения до тех пор, пока я не могла начать работать сама, и обменивалась с ним историями о взрослении в Южной Флориде и поездках в Pollo Tropical в поисках отличных подорожников. Урок скромности пройден.

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

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

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

Забавные истории, понимание того, что наши школы находились менее чем в 30 милях друг от друга, общее прошлое и дни совместной работы привели к тому, что вместе мы постоянно смеялись до слез. Через десять лет после моей стажировки мы с Реймондом постоянно смеемся и он дает мне самые честные отзывы, и наоборот. Я верю, что эмодзи стали успешными благодаря нашей дружбе через дизайн.

Когда я заметила постоянно меняющийся камень в парке Бернал-Хайтс в Сан-Франциско, мы с Реймондом решили, что должны отдать дань волшебной кучке какашек. Фото 2016 года.

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

Стоит заметить, что хотя Реймонд и я, Анджела Гузман, являемся оригинальными создателями эмодзи, ответственными за 500 символов (на которые получили патент), конечно, в Apple есть и другие дизайнеры. Олли Вагнер создал около десятка эмодзи для оригинального набора после завершения моей стажировки и ещё больше — в следующем году. Сейчас количество эмодзи составляет примерно около 1000, и некоторые из них ещё и анимированы.

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

Подарок от Реймонда на окончание моей стажировки — его реальная версия эмодзи. Апельсин, яблоко и баклажан были созданы мной.

Я хочу предложить любому дизайнеру, ищущему причину просыпаться по утрам, найти своего скромного ментора или стать ментором и отправиться по пути дружбы. Магия происходит, когда дизайн приводит вас к дружбе, а дружба — обратно к дизайну. С каждым эмодзи я узнавала что-то новое. С каждым эмодзи мы с Реймондом еще больше становились друзьями. Чем более близкими друзьями мы становились, тем лучше становилась я как дизайнер. В этом случае дружба и дизайн развивались с каждым созданным эмодзи. И этой историей стоит поделиться.

 

Комментарии
Продолжить чтение

Дизайн и прототипирование

Podlodka #42: Дизайн-системы

В последнее время в сообществе разработчиков все чаще упоминаются некие “дизайн-системы”.

Леонид Боголюбов

Опубликовано

/

Podlodka

С тем, что это такое и как это применимо к мобильному миру, нам помог разобраться Александр Зимин – iOS-разработчик из Badoo!

 

Комментарии
Продолжить чтение

Наша рассылка

Каждому подписавшемуся - "1 час на UI аудит": бесплатный ускоренный курс для разработчиков!

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

Вакансии

Популярное

X

Спасибо!

Теперь редакторы в курсе.