Содержание
Мудборд для дизайнера: что это и зачем нужен
Мудборд для дизайнера: что это и зачем нужен
Вы могли подумать, что речь пойдет о доске желаний с кучей вырезанных картинок из глянцевых журналов, но нет. В статье поговорим о важном инструменте для вдохновения, проектирования и работы с клиентами.
Веб-дизайн
19 марта 2021
Мудборд или в переводе с английского «доска настроения» — это цифровой коллаж или группа элементов, которые помогают определить направление, настроение и стиль будущего веб-сайта. Однако, многие частенько путают мудборд с макетом, представляющим более конкретную версию веб-сайта, которая находится всего в нескольких шагах от запуска.
Можно сказать, что доска настроения — это продвинутая разновидность творческого брифинга, но вместо письменных описаний визуальных элементов и элементов пользовательского интерфейса веб-сайта вы размещайте визуальные элементы в любом графическом редакторе и помогаете себе определить стиль будущего продукта. Возможно, хороший способ описать доску настроения — это сравнить ее с инструментами, которые используют нецифровые дизайнеры, такими как образцы красок и тканей, вырезки из журналов, засушенные растения, камни, наклейки, ленты и многое другое.
Что вы можете добавлять на свой мудборд?
- изображения
- шрифты
- цветовые гаммы
- графику
- узоры
- сетки
- скриншоты других сайтов (как примеры UI)
- основной текст (не шрифты, а слова, которые вы можете или точно будете использовать для заголовков, раскрывающихся меню и ссылок)
- макеты
Почему доска настроения важная для веб-дизайнера?
Доска настроения часто не отображает какой-либо реальный дизайн, который будет реализован на вашем сайте, но является одним из лучших инструментов в процессе создания цифрового продукта:
Мудборд передает смысл лучше, чем язык
Тематические коллажи делают не только веб-дизайнеры, но и дизайнеры интерьера, рекламы и фирменного стиля, дизайнеры одежды, художники и фотографы. Картинки зачастую могут передать больше смысла, чем долгие объяснения. Хорошо составленная доска настроения позволяет специалистам из разных областей лучше понять друг друга.
Вовлекает клиента в процесс разработки на раннем этапе
Клиенты часто видят только конечный результат вашей работы и могут быть не удовлетворены визуальным исполнением. Доска настроения — это отличный способ визуально продемонстрировать все свои идеи и концепции клиенту на этапе проектирования, показать себя с профессиональной стороны и приступать к разработке веб-сайта со знанием того, в каком стиле будет ваш проект. Мудборд также помогает клиентам почувствовать себя важными в проекте и вовлекает их в работу на раннем этапе. А это точно положительно скажется на результате.
Помогает сузить количество вариантов и сэкономить время
Чем больше времени вы проведете над созданием качественного мудборда, тем больше времени в конечном итоге будет сэкономлено. Подробный мудборд подтолкнет вас и вашего клиента к принятию более конкретных дизайнерских решений, которые можно напрямую применить к основному дизайну веб-сайта. Например, вы можете получить фидбэк и одобрение по цветам, типу, изображениям, стилю значков и т. д., прежде чем перейдете к этапу создания макета. Это полезно, потому что у вас будет четкое представление о том, что нравится, а что не нравится клиенту.
Вдохновляться и создавать
Добавление дополнительных деталей и дополнительных штрихов на доску настроения делает процесс увлекательной частью этапа проектирования. Вы можете сделать доску настроения не только для конкретного клиента и проекта, но и для вашей аудитории, с которой хотите поделиться своим творчеством.
Как создать свой мудборд?
Раньше для создания доски настроения дизайнеру понадобилось бы несколько часов или дней, чтобы найти подходящие картинки и вырезать их из журналов. Сегодня, пожалуй, самый популярный способ не только найти тысячи примеров различных элементов дизайна, но и вдохновиться досками настроения других авторов помогает Pinterest, Behance, Dribbble и многие другие платформы.
Для качественного мудборда важно несколько правил:
- На доске все должно быть подчинено одному настроению: при взгляде на все элементы мудборда должно быть сразу понятно, каким будет дизайн, для какой он аудитории и какой месседж в себе несёт.
- Мудборд должен быть целостностным. Элементы мудборда не должны противоречить друг другу, иначе это будет дезориентировать и вас, и клиента.
- Старайтесь избегать слишком сложных образов, которые могут быть непонятны клиенту. Например, не стоит включать изображения исторических личностей или перегружать доску креативом.
Заключение
Для процесса веб-дизайна доски настроения — полезный инструмент. Они помогают в принятии важных проектных решений до того, как драгоценное время будет потрачено на этапе создания макета. Мудборд — это отличный способ собрать идеи и вдохновиться уникальными решениями. Источником идей могут стать любые творческие веб-сайты, однако, не стоит копировать ничего напрямую — постарайтесь использовать работы других авторов только в качестве вдохновения.
Читайте другие статьи
Каким дизайнером быть?
Работа дизайнера — это не только создание красивого макета для будущего веб-сайта. Направлений для работы дизайнером немало! Разбираемся, какие профессии существуют в мире дизайна и чем занимается каждый конкретный специалист.
Веб-дизайн
10 авг. 2021
Как бороться с излишним мнением клиента
Каждый веб-дизайнер хоть раз за свою карьеру сталкивался с клиентами, которые принимали чрезмерное участие в его работе. В этой статье мы поговорим о методах взаимодействия с такими клиентами, которые помогут завершить сотрудничество на хорошей ноте.
Веб-дизайн
14 июля 2020
10 красивых рукописных шрифтов
Одна из составляющих успешного дизайна — удачно подобранная гарнитура. Мы собрали 10 красивых рукописных шрифтов в открытом доступе, которые можно использовать для заголовков разных уровней.
Веб-дизайн
27 февр. 2020
как ставить задачу на одном языке с повелителями Фотошопа и Иллюстратора. Читайте на Cossa.ru
Случалось ли с вами такое, что дизайнер присылает бриф, а там вместо слов просто рандомные наборы букв? Чтобы вы лишний раз не гуглили, в чём отличие гайдлайна от брендбука, Логомашина решила на простых примерах объяснить значение самых популярных дизайнерских терминов.
Непонятные словечки во время брифинга
Итерация — круг правок. Итерация может включать сколько угодно правок, но они должны быть озвучены одномоментно (перечислены в одном документе). Как правило, количество итераций оговаривается на этапе заключения договора (в Логомашине, например, допустимы две итерации: заказчик после презентации дизайна может дважды предложить перечень правок, которые нужно внести).
Майндмэп (mind-map) — карта ассоциаций. В дизайне её как правило используют при поиске идей в начале разработки айдентики. При построении майндмэп двигаются от общего к частному (например, если у дизайнера задача — разработать айдентику для города, то он разбивает её на следующие блоки: определение критериев для оценивания финального результата, поиск текущих проблем города, выделение целевых аудиторий, исследование исторических и современных символов. Каждый из этих блоков в свою очередь разбивается ещё на несколько.
Майндмэп
Мудборд (moodboard) — файл, в котором собрано всё, что дизайнер должен иметь в виду при разработке дизайна. Такая папка обычно собирается вместе заказчиком и включает не только понравившиеся примеры дизайна или иллюстрации, но и стилевые фото, цвета и даже музыку.
Примеры мудборда
Стоковые (фотографии или иллюстрации) — неестественные, постановочные изображения из интернета (та самая улыбающаяся в 32 зуба семья или счастливые сотрудники за столом переговоров — вы наверняка хоть раз встречали их в мемах).
Стоковые фото
Шакал — некачественное изображение плохого разрешения.
Примеры шакалов
Референсы — примеры дизайна, которые заказчик и дизайнер считают подходящими для проекта.
Носитель — объект, на котором существует дизайн: например, визитка, упаковка товара, бланк, билборд. Идеальный заказчик заранее думает, какие носители ему наиболее актуальны и во время брифинга просит дизайнера представить будущий дизайн именно на них.
О чём нужно знать во время выбора цветов и шрифтов
Типографика (не путать с типографией) — оформление текста. Если дизайнер заговорил о типографике, значит речь идёт о необходимости выбрать шрифты и начертания, обговорить пропорции основного текста и заголовков
Антиква — шрифт с засечками.
Примеры антиквенных шрифтов
Гротеск — шрифт без засечек.
Примеры гротескных шрифтов
Акцидентный шрифт — необычный, декоративный шрифт.
Примеры акцидентных шрифтов
Интерлиньяж — расстояние между буквами.
Покернить — найти оптимальное расстояние между буквами.
Леттеринг — любой шрифт, который нарисован с нуля. С помощью леттринга дизайнер создаёт шрифт, которого ещё не существует в природе.
Примеры леттеринга
Чистые цвета — цвета без примесей. Это все основные цвета и их оттенки на цветовом круге.
Чистые цвета
Грязные цвета — все смешанные цвета, например, коричневые и земляные оттенки цветов.
Грязные цвета
Монохром — одноцветный дизайн или дизайн, в котором используются оттенки только одного цвета.
Примеры монохромного дизайна
Понятия, в которых нужно разбираться перед печатью макетов
Пантон — международная система идентификации цвета. Благодаря пантону вы сможете в любой типографии мира напечатать макеты нужного оттенка. Достаточно сказать «пантон номер 2040» — и что в Москве, что в Париже, что в Пекине это будет один и тот же цвет. И никаких проблем с «ну мы имели в виду нежно-лиловый, а вы напечатали просто лиловый»).
Пантон
Вёрстка (в графическом дизайне) — расположение элементов на макете.
Вёрстка (в веб-дизайне) — написание кода программистами.
Макет — файл, готовый к печати (может быть как в формате для редактирования, так и в JPG или PDF).
Исходник — файл для редактирования, в котором сохранены все наработки (в векторном или растровом формате).
Линки — встроенные в макет файлы. Например, у вас есть шаблон для Instagram, в который можно по мере необходимости вставлять какие-нибудь фотографии или картинки: в этом случае фото или картинки и будут линками (объектами, которые не нарисованы изначально, а уже встроены в исходный файл).
Пример линков
Сетка — вертикальные и горизонтальные линии, которые делят страницу на прямоугольники. Сетка определяет, как в целом будет выглядеть макет и где будут расположены отдельные элементы: заголовок, текст, изображения.
Сетка
Растр — формат изображения, в котором картинка складывается из пикселей. Если начать увеличивать такое изображение, то вы увидите мозаику. Растровые изображения редачат в Photoshop.
Вектор — формат изображения, в котором картинка состоит из кривых и опорных точек. Векторная графика обычно используется в полиграфии: если вы хотите макет, в котором логотип нужно будет растянуть на весь баннер, то лого надо присылать именно в векторе.
RGB — формат, в котором мы видим цвета на экране монитора.
CMYK — формат, в котором мы видим цвета в реальном мире. В жизни нельзя воспроизвести то количество цветов, которое отображается на мониторе, поэтому при печати картинка всегда будет не такой насыщенной, как вы видели до этого на экране.
Важные термины, в которых надо разбираться даже по окончанию работы с дизайнером
Логобук — документ, в котором прописаны правила работы с логотипом (пропорции, минимальные размеры, использование на разных фонах, дополнительные версии).
Гайдбук — свод правил работы с логотипом и айдентикой (как логобук, только здесь ещё есть инструкции по использованию фирменного стиля — шрифтов, цветов, паттернов).
Брендбук — самый большой документ, в котором есть не только правила по использованию внешних элементов (айдентики, логотипа), но и описана философия бренда, его позиционирование, целевая аудитория.
Стилеобразующий элемент — любой элемент, который создаёт фирменный стиль. Это могут быть шрифты, цвета, паттерн, особенные фотографии (например, для Coca-Cola стилеобразующим элементом будет фотография улыбающихся людей, которые пьют колу).
Паттерн — повторяющийся графический элемент. Паттерн используют при создании фирменного стиля: оригинальный узор повышает узнаваемость компании и помогает донести до потребителя суть её деятельности.
Примеры паттернов
Лицензия — право на использование платного шрифта. Если вы выбрали для своего дизайна платный шрифт, то важно заранее обговорить, где будет использоваться дизайн, поскольку для разных целей есть разные лицензии. Для использования шрифта в мобильных приложениях нужна одна лицензия, а для использования шрифта в рекламных баннерах для таргета — совсем другая.
Мокап — инструмент, который позволяет презентовать идею максимально реалистично. Это макет какого-то реального объекта, на который дизайнер может наложить свой дизайн. В качестве мокапов может выступать практически что угодно: футболка, упаковка, визитка, билборд, страница сайта.
Примеры мокапов
Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на [email protected]. А наши требования к ним — вот тут.
описание, где получить в России, перспективы
О профессии Web-дизайнера
Зарплаты: сколько получает Web-дизайнер
*
Начинающий: 25000 в месяц
Опытный: 50000 в месяц
Профессионал: 100000 в месяц
* — информация по зарплатам приведна примерно исходя из вакансий на профилирующих сайтах. Зарплата в конкретном регионе или компании может отличаться от приведенных. На ваш доход сильно влияет то, как вы сможете применить себя в выбранной сфере деятельности. Не всегда доход ограничивается только тем, что вам предлагают вакансии на рынке труда.
Востребованность профессии
Спрос на профессию растет по мере развития информационных технологий. Однако, на рынке веб-дизайна наблюдается большая конкуренция. Выжить и хорошо заработать смогут только действительно талантливые и старательные люди.
Для кого подходит профессия
Для творческих людей, владеющих программами компьютерной графики. Желательно иметь представление о процессе разработки сайта, понимать его устройство.
Базовые требования к веб-дизайнеру
- Профильное образование.
- Знание и понимание информационных технологий в дизайне‚ веб-стандартов‚ особенностей подготовки изображений для сайтов, приложений и социальных сетей.
- Владение Microsoft Office‚ профессиональными инструментами пакета Adobe (Photoshop‚ Illustrator‚ Dreamweaver‚ Flash)‚ CorelDRAW‚ 3D Max.
- Владение HTML/CSS и др.
- Умение работать с модульной сеткой‚ знание основных принципов веб-типографики.
- Наличие навыков обработки фото и графических изображений для размещения на веб-ресурсах‚ в мобильных приложениях‚ социальных сетях.
- Наличие опыта разработки и создания графических элементов интерфейсов (иконок‚ логотипов‚ кнопок‚ шаблонов).
- Грамотность‚ здоровый перфекционизм‚ стрессоустойчивость‚ коммуникабельность.
Карьера
Веб-дизайнер начинает свою карьеру с мелких заказов, постепенно увеличивая свой профессионализм и доход.
Обязанности
Веб-дизайнеры проектируют логическую структуру веб-страниц, продумывают наиболее удобные решения подачи информации и занимаются художественным оформлением веб-проекта.
Оцените профессию: 12345678910
Профессия больше подходит тем, кому нравятся следующие предметы в школе: ИЗО МХК информатика
Чем дизайнер продукта отличается от просто дизайнера / Далее
Обычные веб-студии придерживаются принципа поточной разработки: команда дизайнеров какое-то время работает над проектом, показывает клиенту, вносит правки, сдает и исчезает. Дизайнер продукта остается столько, сколько потребуется: будет развивать проект, улучшать, придумывать что-то новое. Чаще всего он находится внутри компании (это называется in-house), но также может быть и сотрудником на аутсорсе.
В чем главные отличие продуктового и потокового дизайнера?
Темп работы
У обычного дизайнера в календаре стоят сразу несколько проектов, сроки по которым уже согласованы с заказчиками. Соответственно, когда в ходе работы что-то идет не так и на задачу времени уходит больше, чем планировалось, все остальные проекты тоже приходится пересогласовывать и двигать. Все это обязывает дизайнера работать в быстром темпе и не выходить за рамки сроков.
Дизайнер продукта всегда может обсудить задачи с руководителем, и если времени на выполнение нужно больше, сроки сдвинут в угоду качеству. Комфортный темп и отсутствие задач по другим продуктам оставляет простор для поиска решений и тестирования гипотез.
Мотивация
Обычный дизайнер нарабатывает портфолио, стремясь выполнить качественно максимум задач — причем в те сроки, которые задает менеджер. Чем грозит срыв сроков, мы уже говорили в предыдущем пункте, поэтому у него в приоритете скорость.
В работе над продуктом на первом месте качество. От того, насколько хорошо дизайнер справится с задачей, будет зависеть и его личный успех, и успех всего продукта. А это, все-таки, главная гордость его портфолио.
Погружение
В поточной разработке должное погружение в проект невозможно из-за того, что их постоянно много. И если студия не занимается определенной отраслью, дизайнер постоянно будет предлагать сырые интерфейсные решения, сам того не понимая. Просто потому что не успевает до конца разобраться в специфике бизнеса.
Дизайнер продукта постоянно находится внутри отрасли, много времени работает над одним проектом — у него более глубокое понимание целевой аудитории, целей и задач бизнеса. Поэтому его решения, как правило, более продуманные и обоснованные.
Проработка
Чаще всего поточные проекты строго ограничены бюджетом и временем, и дополнительные тестирования гипотез в них не укладываются. Дизайнер предлагает вариант, основываясь на личном опыте и профессионализме — и он уходит в продакшн после косметических правок от клиента.
У дизайнера продукта есть ресурсы для дополнительных исследований. Поэтому он может сделать сразу несколько вариантов условной кнопки, протестировать ее на живой аудитории и оставить ту, что эффективнее работает. Таким образом решения дизайнера продукта, как правило, подтверждены числами.
Нагрузка
Куча проектов, жесткие сроки и вся специфика потоковой разработки приводят к тому, что дизайнер чаще всего оказывается перегружен. Работать приходится с максимальной отдачей, в противном случае дизайнер в глазах руководителя становится менее рентабельным как актив. Бешеный темп и большое количество проектов приводят к ощущению конвейера и быстрому профессиональному выгоранию.
Среди дизайнеров продуктов часто встречается обратная ситуация. Когда проект всего один, а дизайнеров несколько — менеджеру сложнее добиться сбалансированной нагрузки на каждого. К тому же у продуктовых дизайнеров тоже есть поводы для выгорания — это рутинные задачи для тестирования десяти вариантов одного и того же или мелкие доработки продукта. Нет ощущения «подвига каждый день».
Заключение
Различия ясны, остается решить один момент. Заказчику, который обращается в дизайн-студию или digital-агентство, хочется получить от проектного дизайнера того же уровня погружения и заинтересованности, как при работе на продукте. При этом клиенту, у которого большой и амбициозный проект, часто нужен «быстрый доступ» к дизайн-команде — с утра задача, вечером готовый макет. И его не будет устраивать, что задачу будет выполнять любой свободный специалист — клиенту важна экспертиза человека, который уже знаком с проектом.
Многие компании находят решение в том, что переходят на модель сотрудничества «команда в аренду» — когда за определенным клиентом закрепляется своя команда: проектировщики, дизайнеры, разработчики. Фактически это собственный отдел разработки на аутсорсе. Конечно, такая модель сотрудничества априори дороже для заказчика, но иногда по-другому никак.
Андрей Шевченко, креативный директор digital-агентства «Далее»:
«Дизайнер продукта не является дизайнером ни в привычном понимании слова, ни в смысле, который используется в статье. И если дизайнер — это тот, кто делает красиво, то продуктовый дизайнер, для меня — лидер с зонтичным набором специализаций и компетенций, — и чисто эстетические из них не на первом месте, — главной целью которого является создание и постоянное изменение, читай постоянное улучшение („аlways better“), продуктовых решений. „Always better“ для продуктового дизайнера — это поиск и решение проблем в областях CX, UX, UI, Visual Design для повышения удовлетворенности потребителей через оптимизацию бизнеса при помощи передовых технологий».
Теперь, когда вы знаете всё о потоковом и продуктовом дизайнере (и даже продуктовом дизайнере на аутсорсе), остается решить, какая модель работы больше подходит для вашего проекта.
Топ 14 навыков, необходимых любому веб‑дизайнеру для трудоустройства в 2021
2020 кардинально изменил порядок работы дизайнеров. Из соображений безопасности, людей, которые работают удаленно, стало больше, чем когда-либо. Если вы веб-дизайнер (или начинающий веб-дизайнер), многое из практического опыта удаленной работы будет по-прежнему востребовано в обозримом будущем.
Но помимо навыков, которые позволяют дизайнерам работать из дома, есть множество других, необходимых для того, чтобы стать состоявшимся веб-дизайнером в 2021 году. Ищете ли вы хорошую работу или просто хотите начать строить свою карьеру как веб-дизайнер, ниже есть список того, что вам нужно, чтобы быть успешным.
- 1. Пользовательский интерфейс (UI) & Визуальный Дизайн
- 2. Принципы дизайна
- 3. Основные навыки HTML & CSS
- 4. Знание UX
- 5. Адаптивный дизайн
- 6. Системы управления контентом
- 7. Программы для дизайна
- 8. Интернет-маркетинг
- 9. Теория цвета
- 10. Типографика
- 11. Управление проектами
- 12. Тайм-менеджмент
- 13. Креативное мышление
- 14. Коммуникация и сотрудничество
Чем занимается веб-дизайнер?
Прежде всего — что включает в себя работа веб-дизайнера? В обязанности веб-дизайнеров входит создание (а иногда и разработка) различных веб-сайтов и веб-страниц. Его главная задача — определить общий визуальный облик веб-сайта путем сочетания элементов, таких как цвет, типографика, композиция, иллюстрации и визуальная иерархия.
Веб-дизайнеры часто будут работать с разными клиентами и брендами, чтобы создать их присутствие в сети и транслировать их желаемые идеи.
1. UI & Визуальный Дизайн
Самыми основными навыками успешного веб-дизайнера в 2021 году, являются опыт создания эффективного пользовательского интерфейса (UI) и визуального дизайна. Хотя изучение основ того, что делает дизайн «хорошим», это важно, больше всего вы узнаете из практики, методом проб и ошибок, а также анализируя другие дизайн-проекты.
2. Принципы дизайна
Принципы дизайна это существенный ключевой фактор для создания визуально привлекательного дизайна. Чаще всего в нем есть соразмерность, баланс, повторяемость, акценты, группировка, контраст, пропорция, ритм и вспомогательное пространство (хотя другие источники могут добавить дополнительные принципы или пропустить один или некоторые из перечисленных).
Понимание того, как эти принципы взаимодействуют и какое влияние оказывают на пользователей, крайне необходимо для создания дизайна, с которым пользователям понравится взаимодействовать. Они также важны, потому что могут упростить и систематизировать процесс дизайна, показывая дизайнерам как начать и как группировать элементы.
3. Основные навыки HTML & CSS
Хотя не все дизайнеры будут работать непосредственно с HTML и CSS, важно хорошо понимать, как они функционируют. Если вы знаете, как использовать HTML и CSS, вы будете понимать пределы их возможностей и сможете создавать рабочий веб-дизайн, который может быть правильно сверстан для реального использования.
4. Знание UX
Пользовательский опыт (UX) это одна из самых важных частей проектирования исключительного и эффективного веб-сайта. В крупных проектах может работать узкий UX специалист (или дизайнер, или исследователь), в мелких веб-дизайнер может также выступать в роли UX дизайнера.
5. Адаптивный дизайн
Поскольку большинство людей во всем мире теперь выходят в Интернет с мобильных устройств, адаптивный дизайн важен, как никогда. Понимание того, как проектировать для экранов разных размеров, крайне необходимо. Хотя создание отдельно десктопной и мобильной версий сайта является вариантом, с помощью адаптивного дизайна легче охватить широкий спектр размеров экранов на рынке, от небольших смартфонов до планшетов, ноутбуков и настольных компьютеров.
6. Системы управления контентом
Большинство современных веб-сайтов созданы на основе системы управления контентом (CMS). Хотя WordPress является самым популярным, в мире существуют сотни CMS. Вам не нужно учиться использовать их все, но для начала неплохо будет изучить основы того, как они работают и что делают, а затем, освоить самую(ые) часто используемую(ые) из них.
7. Программы для дизайна
Когда речь идет о программах для дизайна у разных дизайнеров и команд дизайнеров разные предпочтения. Sketch, Adobe Photoshop, Illustrator, или XD, Affinity Designer, и Figma являются популярными вариантами, хотя существуют и другие.
В то время как особенности работы каждой программы варьируются, у всех у них аналогичные функции для создания и упорядочивания элементов и макетов. Какую из них вы выберете для использования зависит от личных предпочтений и потенциально от требований компании, в которой вы работаете.
8. Интернет-маркетинг
Нет, вам не нужно становиться экспертом в области интернет-маркетинга, чтобы стать веб-дизайнером. Но понимание того, как он работает и, что более важно, как разные виды графических данных проявляют себя в различных обстоятельствах, важно для любого веб-дизайнера.
У интернет-маркетологов есть множество запросов в части визуальной составляющей: от проектирования социальных сетей до вспомогательного контента, инфографики и изображений для онлайн-рекламы. Если вы понимаете, какие изображения могут понадобиться и как создавать те, которые работают лучше, чем у конкурентов, у вас будет преимущество перед другими дизайнерами.
9. Теория цвета
Из всех элементов дизайна цвет потенциально оказывает самое сильное влияние на юзабилити и взаимодействие с пользователем. Чтобы быть успешными веб-дизайнерам необходимо владеть хотя бы основами теории цвета. Это включает в себя понимание психологии цвета, процесса создания цветовой палитры и таких понятий, как контраст.
Чтобы стать настоящим экспертом в теории цвета, требуются годы практики и обучения, но изучить основы можно относительно быстро. Таким образом, вам нужно экспериментировать и тестировать сочетания цветов в ваших проектах.
10. Типографика
Помимо теории цвета, типографика также оказывает сильное влияние на опыт взаимодействия и удобство использования интерфейса. Хорошая типографика делает текстовый контент приятным для чтения, в тоже время плохая может сделать информацию полностью нечитаемой.
Принципы типографики включают в себя такие вещи, как масштаб, контраст, четкость, читаемость и комбинация шрифтов. Есть установленные принципы и рекомендации для каждого из них, но вместе с тем шрифтовой дизайн позволяет много экспериментировать и проявлять творческое самовыражение.
Выбор типографики для веб-дизайна: 5 вещей, которые нужно учесть
11. Управление проектами
Многие веб-дизайнеры могут столкнуться с двойными обязанностями: управление проектами, которые они же и создают. Это типично для небольших команд дизайнеров или для мелких проектов, где нет необходимости в специально выделенном менеджере проекта.
Умение управлять проектами, сроками и делегирование — ключевой навык для веб-дизайнеров. Вам понадобится освоить общепринятые методы управления проектами и приложения, чтобы быть самым эффективным. Управление проектом не должно быть сложным, но необходимо, чтобы дизайн-проект был выполнен без проблем и вовремя.
12. Тайм-менеджмент
Подобно управлению проектами, дизайнеры также должны быть экспертами в области управления своим временем. Учитывая то, как много дизайнеров в настоящее время работают удаленно (и, вероятно, продолжат делать это в ближайшем будущем), тайм-менеджмент становится как никогда актуальным.
Одним из ключевых факторов правильного управления своим временем является понимание того, когда вы работаете наиболее эффективно и креативно. Работа в эти самые важные отрезки времени может значительно улучшить вашу продуктивность и производительность без необходимости работать дополнительно.
Вам также нужно будет понять, как разбивать большие проекты на более мелкие задачи, чтобы вы могли стабильно продвигаться, выполняя их, вместо того, чтобы ждать до последней минуты или пытаться решить слишком многое за очень короткий промежуток времени.
13. Креативное мышление
Навыки креативного мышления крайне важны для любого дизайнера. Способность подходить к проблемам дизайна творчески придает дизайнерам ценности и повышает их востребованность.
Усовершенствовать их можно разными способами. Хотя один из лучших — это просто практика. Думайте о креативности, как о мышце. Если вы ее не используете, она атрофируется и ослабеет. Но, задействуя ее регулярно, вы сможете укрепить свои способности мыслить креативно.
14. Коммуникация и сотрудничество
Поскольку очень много команд дизайнеров работают удаленно, навыки общения и совместной работы стали еще более важными. Когда дизайнеры не работают в одном офисе, им нужно более тщательно обдумывать способы общения и совместной работы.
Помимо базовых навыков коммуникации и сотрудничества, вам нужно будет убедиться, что вы знакомы с приложениями, платформами и технологиями, которые используются в удаленных командах, чтобы организовать данные процессы. Они включают в себя приложения, например Slack в дополнение к таким вещам, как контроль версий электронных материалов.
10 невероятно полезных инструментов для удаленных творческих команд
Необходимые навыки, чтобы стать профессиональным веб-дизайнером
Независимо от того работаете ли вы дизайнером как сотрудник или фрилансер, в офисе или удаленно, эти навыки помогут вам стать успешнее в этом году и в будущем.
Как стать дизайнером в IT-компании — чек-лист от дизайнера Noveo
Ирина
Noveo Senior Designer
Многим творческим людям профессия дизайнера в IT-компании кажется весьма заманчивой. И не зря: это и творчество, и интересные задачи, и работа в команде или соло в зависимости от проекта, и хорошая зарплата. Однако планка входа в профессию поднята высоко. И даже умея рисовать и имея портфолио, можно не стать дизайнером. Ведь кроме того, что нужно освоить большой объем знаний, начинающим специалистам часто приходится бороться с внутренними сомнениями: «А вдруг у меня не получится?».
Я в своё время долго ходила вокруг да около. И теперь, имея за плечами семь с половиной лет работы в компании Noveo в роли дизайнера и много проведённых собеседований, хочу поделиться чек-листом, который поможет учесть всё самое важное на пути к профессии своей мечты.
1. Направления в дизайне
Для тех, что хочет стать дизайнером, IT-сфера предлагает следующий выбор*:
- Графический дизайнер. Он создает айдентику и логотипы, подготавливает печатные материалы, занимается сувенирной продукцией в рамках бренда. Он рисует иллюстрации, может делать анимацию. Эта профессия подойдёт тем, кто любит и умеет хорошо рисовать.
- Дизайнер веб- и мобильных приложений (UX/UI-дизайнер) умеет делать красивые кнопки и атмосферные тени, разбирается в отступах и шрифтах, рисует иллюстрации и иконки, а также продумывает логику работы интерфейсов, анализирует поведение пользователя, тестирует гипотезы и анализирует продукт заказчика. Здесь уже мало уметь рисовать, потребуется развитое аналитическое мышление.
- Моушен-дизайнер, оживляющий статичные объекты, — это отдельная профессия. Но иногда навыки моушен-дизайна могут пригодиться и графическому дизайнеру при подготовке рекламы, и UX/UI-дизайнеру при оживлении прототипов для команды и заказчиков.
- Продуктовый дизайнер. Некоторые IT-компании работают над одним или несколькими собственными продуктами. Такая профессия понравится тем, кто любит глубоко погружаться в один проект, комплексно развивать его до мельчайших деталей.
- Специалисты игровой индустрии. Здесь много привлекательных профессий для любителей игр. Технический дизайнер занимается прототипированием игровых механик, а игровые художники — рисуют персонажей и другую графику для игр. В том числе это могут быть и трехмерная графика, спецэффекты, виртуальная и дополненная реальность.
* Это один из вариантов названия профессий и распределения обязанностей.
В разных компаниях вы можете встретить эти профессии как в чистом виде, так и в комбинациях. Мы являемся международной аутсорсинговой компанией, работаем с мобильными и десктопными приложениями разного калибра и под разные платформы. Также у нас большой фронт внутренних задач: от анимированных иллюстраций в блог до наружной рекламы. Поэтому у нас бывают открыты вакансии на первые две должности. Дальше я буду рассказывать больше о них, хотя многие принципы будут общими и для оставшихся направлений.
Почему важно определиться?
Преуспеть одинаково во всех направлениях сразу не получится, это нормально. Зачастую стоит попробовать себя в разных областях, чтобы нащупать, что нравится.
Чтобы стать хорошим дизайнером мало разбираться только в графике или гайдлайнах. Ведь чтобы искусно работать над разными задачами, постепенно придется и ознакомиться с основами верстки, и поработать с анимацией и теорией цвета, и почитать про типографику. И вообще периодически поглядывать на разные творческие направления и вдохновляться ими.
Однако всегда стоит держать в фокусе основное направление и сильно не распыляться, чтобы стать в нём настоящим специалистом, а не универсалом «на троечку». Ознакомиться — да. Но глубоко изучить лучше позже, когда вас уже возьмут на работу по основной специальности.
Итак, вы выбрали. Что дальше? Нет, пока ещё не портфолио 🙂
2. Информационное поле
Самое важное в работе любого дизайнера — это окружить себя качественными примерами и постоянно быть в креативном и информационном потоке. Настройте как минимум:
Ежедневно просматривайте новинки и лучшие работы, вдохновляйтесь, читайте про тренды в выбранной специализации. Прочитайте несколько книг и статей по выбранному направлению, подпишитесь на интересные рассылки на тематических сайтах.
Важно: эта деятельность не должна быть в тягость! Если вы и так с удовольствием не вылезаете из Pinterest и с радостью бороздите Dribbble и прочие сайты с информацией — вы точно на правильном пути. Если же процесс идёт через силу — вернитесь на шаг 1 и подумайте ещё раз над выбранным направлением.
Тем, кто хочет стать дизайнером мобильных и веб-приложений также придется изучить все необходимые гайдлайны и следить за обновлениями и там.
Совет от тимлида отдела дизайна Noveo:
На основе гайдлайнов iOS и Android существует много готовых UI kit’ов. Используя их, можно без труда рисовать приложения. Однако профессиональным дизайнерам необходимо уметь менять эти UI kit’ы так, чтобы приложения получались разнообразными, имели запоминающийся стиль.
Отходя от стандартов, дизайнер должен понимать, для чего он это делает. Нужно уметь учитывать и комбинировать множество вещей:
- фирменный стиль;
- пожелания заказчика;
- гайдлайны ОС;
- удобство для пользователя;
- возможности разработки и верстки;
- возможности восприятия выбранной целевой аудитории;
- цели проекта;
- современные тренды;
- креатив.
Уже понятно, что в рамках даже одной профессии в себя нужно загрузить большую базу знаний. Не до распыления… 🙂
3. Основные инструменты графического дизайнера и UX/UI-дизайнера
Для разработки макетов долгое время использовался Adobe Photoshop, а для векторных иллюстраций, кроме него, также использовались Adobe Illustrator или Corel Draw. Как сейчас:
- Для создания прототипов экранов и работы над макетами в команде дизайнеры приложений используют Figma или Sketch. Можно также познакомиться с Adobe XD, хотя он и используется реже, но иногда заказчики и в нём могут прислать свои проекты для дальнейшей разработки.
- Для иллюстраций все еще отлично подходят Adobe Illustrator и Adobe Photoshop. Corel Draw почти ушел со сцены, но если нравится, то можно и в нём рисовать. Графику для приложений также можно рисовать, используя Sketch и Figma. Можно также использовать Procreate и Vectornator на iPad или их аналоги на планшетах Android.
- Для ряда задач может понадобиться анимация. Здесь владение Adobe After Effects будет вашим явным преимуществом перед другими кандидатами при устройстве на работу. Графический дизайнер, как уже упоминалось, может использовать этот инструмент для создания анимированных баннеров для соцсетей и нашего блога, а UX/UI-дизайнеры с его помощью анимируют прототипы для заказчиков и разработчиков, чтобы показать, как меняются экраны и реагируют на нажатия кнопки.
В общем-то любые редакторы на ваш вкус допустимы к использованию. Однако потом всё равно придется экспортировать свои рисунки в Adobe Illustrator или Adobe Photoshop для полиграфических задач. Или в файл Sketch или Figma для проектов. Эти четыре редактора сейчас наиболее популярны, и если вы хотите стать дизайнером и работать в аутсорсинговой компании, нужно уметь ориентироваться в каждом из них.
4. База знаний
Основная трудность для начинающего и графического, и UI/UX-дизайнера в том, что одновременно нужно прокачиваться не только в иллюстрации, композиции, теории цвета и гайдлайнах. Понадобятся также:
- основы типографики;
- знание хотя бы по верхам основ вёрстки (HTML5, CSS3 и так далее). Да, даже графическому дизайнеру понимание этих основ пригодится при, скажем, вёрстке макета рекламного баннера;
- основы юзабилити, то есть понимания того, насколько лёгок и удобен сайт или приложение в использовании;
- умение редактировать тексты и грамотно писать на языке и команды, и заказчика. Это необходимо, чтобы уметь последовательно объяснять свои решения и «защищать макеты». К тому же часто дизайнеру самому приходится заполнять макеты осмысленным текстовым содержимым. Lorem ipsum не панацея;
- также в нашей компании от дизайнера ещё обязательно потребуется владение английским не ниже уровня B2, достаточного для созвонов и переписок с иностранными заказчиками. Если же в арсенале есть французский — это точно повысит рейтинг среди кандидатов в нашу компанию.
Где учиться?
Сейчас в интернете много статей, просто огромное количество полезной информации. Но без чёткого плана воспользоваться ей с толком не получится.
Вузовское образование даст хороший план и научит системному мышлению, но оно не успевает за стремительным развитием индустрии дизайна, и самые актуальные знания лучше получать через онлайн-образование.
Можно начать с бесплатных вебинаров или интенсивов, которые познакомят с миром дизайна. Но чтобы стать дизайнером краткосрочные курсы не подходят. Стоит искать длительные курсы по выбранной специализации в дизайне. Это даст хорошую скорость профессионального роста и приличный уровень знаний в выбранной сфере. Сертификат или диплом после курсов не столько важны сами по себе, но будут приятным бонусом. Важнее тут будут полученные знания и дизайн-проект, разработанный во время учебы. Его можно будет положить в портфолио.
В дальнейшем же будет хватать «обновлений», получаемых из информационной среды (смотри пункт «2. Информационное поле» выше), обмена опытом с коллегами, участия в различных конференциях. Работая над проектами, неизбежно приходится задаваться вопросами, находить в интернете информацию по интересующим деталям и оставаться на передовой.
Можно ли научиться без курсов?
Можно, если это не первое техническое образование, и вы уже владеете системным мышлением, позволяющим разбираться в вопросах, ставить и решать задачи самостоятельно и последовательно. Времени это займёт больше, чем учеба на курсе, а результат не гарантирован. Тут уже очень индивидуально.
5. А вот теперь наконец-то портфолио
Портфолио — важнейший багаж, влияющий на трудоустройство. Прежде чем предложить тестовое задание, работодатель всегда оценивает портфолио кандидатов. Это «одёжка», по которой вас будут встречать. Если всё понравится, то будет предложено тестовое задание, а на устном собеседовании вас могут спросить о той или иной вашей работе. И здесь важно будет уметь отстоять свой дизайн, объяснить, почему было выбрано то или иное решение.
Не стремитесь поместить в портфолио всё сразу. Подумайте, владение какими навыками вы хотите продемонстрировать: работа с фирменным стилем, графикой, сетками, текстом, умение создавать логотипы и иллюстрации и так далее.
Также не нужно корпеть над одной идеальной работой, от новичка её никто не ждёт. Важно показать серию работ, по которой заметен ваш прогресс. Работодатель обращает внимание на то, есть ли рост, какой потенциал, ведь это показатель того, как вы будете расти в компании.
Способы составить портфолио:
- Придумать задачу самому. Например, сделать себе сайт-портфолио на Тильде или придумать собственный сервис, отрисовав экраны в Figma. Будьте внимательны при оформлении макетов, обязательно называйте слои и группы элементов мнемонически (названия типа Layer1, Group 2 — моветон не только в портфолио, а вообще в работе дизайнера).
- Сделать раздел с примерами своих иллюстраций и иконок для приложений на Behance, Dribbble или опять же в Figma. Можно оформить и как PDF.
- Редизайн. Можно выбрать любую мировую компанию и устроить ей ребрендинг.
- Спросить у друзей, не нужен ли им сайт-визитка. Только не увлекайтесь этим способом. Однотипные сайты-визитки не прибавят вес, но как первая работа вполне подойдут.
- Поучаствовать в конкурсах. Даже если вы не выиграете, это отличный материал для портфолио.
Что делать с готовым портфолио?
Кроме того, что его нужно разослать в откликах на понравившиеся вакансии вместе с работающими ссылками на рабочий сайт и макеты, разместите его на Behance, Dribble и других подобных ресурсах. Кроме того, что на него так будет удобно ссылаться, вы станете частью сообщества дизайнеров и попадёте автоматически в информационные поля.
6. Софт-скиллы и резюме
Конечно же, портфолио не последнее, о чём нужно подумать. Чтобы стать дизайнером, очень важно развивать в себе ещё так называемые soft skills — навыки, которые формируются в детстве и опираются на личностные особенности человека, а также уровень развития его эмоционального интеллекта и когнитивных способностей. Эти навыки можно развивать и во взрослом возрасте, но придётся приложить усилия.
Дизайнеру очень пригодятся такие soft skills, как:
- Умение быстро и эффективно искать информацию в авторитетных источниках.
- Быстрая обучаемость.
- Умение собирать информацию через опросы пользователей, общение с заказчиком, общение с командой. У дизайнера в компании может быть много коммуникаций, будьте к этому готовы, учитесь сотрудничать и слышать. Если это ваша сильная черта, смело указывайте её в своем резюме.
- Умение анализировать полученную информацию. Очень важно. Дизайнер — это в первую очередь аналитик, а потом уже креативная персона.
- Умение быстро предлагать идеи, разные способы решения задач. В последнее время может потребоваться делать это сразу в присутствии заказчика и команды благодаря той же Figma, где дизайнер у всех на виду.
- Умение не бояться рисковать на этапе мозговых штурмов.
- Умение метафорично мыслить. Сможете лаконично графически (без использования слов) изобразить на стикере 2х2см «Я в отпуске до 3 августа»? Если пока нет — тренируйтесь на подобных микрозадачах 🙂
- Умение работать в команде, умение убеждать, навыки риторики. Вам часто придётся защищать свои проекты и решения перед заказчиком и командой.
- Любопытство, искренняя готовность учиться. В IT-сфере так быстро происходят изменения, что не успевают выпускаться книги. Повторю мысль из начала поста: приходится непрерывно учиться, ловить тренды, и без «встроенной» жажды нового вам попросту будет грозить выгорание.
- Умение быстро адаптироваться, не испытывая при этом серьёзного стресса, и стойкость. Это понадобится, чтобы не впадать в отчаяние при изменении техзадания (не удивляйтесь, бывают гибкие проекты, и это не всегда минус) и обилии правок;.
- Продуктивность. Тут очевидно зачем, да? Чем быстрее тестируешь гипотезы и решаешь проблемы, тем больше шансов на успех проекта;
- Внимание к деталям, умение читать «глазами в голову», понимать до буквы, слышать между строк. Это помогает избегать критических ошибок и предельно четко понимать задачу.
Помимо стандартных упоминаний об образовании, опыте работы и интересах не забудьте зафиксировать ваши soft skills в резюме. В интернете много образцов, в каком виде это можно записать и оформить. Так что я тут просто добавлю комментарий, что при отправке резюме в ту или иную компанию важно обратить внимание на ценности компании и требования в вакансии. Ваше резюме скорее всего придётся редактировать под каждую компанию. А универсальное резюме не лишним также будет разместить на HeadHunter, SuperJob и других подобных порталах.
И не забудьте рассказать в соцсетях и друзьям, что ищете работу. Среди ваших знакомых вполне может оказаться тот, кто поможет в трудоустройстве.
Удачи! Дерзайте! Все получится!
2
Кто такой веб-дизайнер — что должен знать и уметь
Современный бизнес уже невозможно себе представить без интернета. Для успешного продвижения любой компании – от локального производителя молочных продуктов до дистрибьютора товаров всемирно известных брендов – присутствие в сети является жизненно необходимым условием. От того, насколько удобны, функциональны, понятны и стилистически выдержаны сайт компании, приложения, веб-программы, во многом зависит успешность бренда, лояльность к нему потребителей.
Специалист, создающий сайт – наиболее лаконичный ответ на вопрос
«кто такой веб-дизайнер»
. Создание предварительной схемы, разработка интерфейса интернет-ресурса, продумывание внешнего вида, художественного оформления, наполнение страницы баннерами и кнопками, облегчающими взаимодействие пользователя с программой – именно этот специалист делает так, чтобы сайт был как можно более удобным, интуитивно понятным в оформлении, простым в пользовании. Пытаясь разобраться,
кто такой web дизайнер
и чем он занимается, следует понимать, что это не просто сотрудник, подбирающий и компилирующий красивые картинки для странички во всемирной паутине, ведь само слово «дизайнер» подразумевает человека творческого. Это также профессионал, отвечающий за логическую структуру, наиболее удобный для пользователя интерфейс и эстетически выдержанную форму подачи информации на сайте.
В чем заключается работа веб дизайнера?
Условно разработку сайта можно разделить на три основных пункта:
- планирование логической проектировки интернет-страницы;
- продумывание оптимального способа подачи информации;
- дизайнерское оформление проекта.
Владеть навыками работы с новейшими интернет-технологиями, эстетично воплощать в реальность задуманное – вот что должен уметь веб дизайнер.
Дизайн веб-страниц – это баланс функциональности и графического дизайна. Поэтому основными требованиями к специалисту являются знание актуальных веб-технологий и наличие хорошего вкуса.
Основная обязанность профессионала по созданию сайтов – своими силами осуществить запуск интернет-ресурса, что подразумевает выполнение всех этапов либо самостоятельно, либо делегируя отдельно взятые участки работы подрядчикам. Если разбирать по пунктам,
чем занимается веб дизайнер
, то среди его основных обязанностей следующие:
- определение целей и функций будущей интернет-страницы;
- планирование организации будущего сайта, его содержания, навигации, начиная со схемы логического построения страниц и заканчивая продумыванием наиболее удачных форм подачи информации;
- дальнейшая разработка дизайна интернет-страниц и их составляющих соответственно продуманной схеме;
- графическое воплощение – подготовка макетов сайтов, отдельных страниц, разделов, баннеров и прочих элементов.
Какие требования выдвигают работодатели к квалифицированному специалисту этой отрасли? Прежде всего, умение работать с графическими редакторами: Adobe Photoshop, CorelDRAW, Adobe Fireworks, программами 3D-моделирования.
Веб дизайнер должен знать
базовые языки веб-программирования, умение верстать шаблоны и работать с CMS. Эти навыки помогают если не самостоятельно заниматься версткой сайта, размещением на хостинге, работой над поисковой оптимизацией, то грамотно включаться в процесс создания и запуска сайта на нужном этапе.
Если подвести итоги по пункту
«веб дизайнер: обязанности»
, становится очевидным, что для создания сайтов следует быть частично художником, а еще программистом, и отчасти интернет-маркетологом. Чтобы придать сайту собственный стиль и узнаваемость, уметь находить неожиданные решения, нужно обладать широким набором навыков, обширным кругозором, а также быть в курсе новых тенденций на рынке интернет-технологий.
Прогресс не стоит на месте. Чтобы быть востребованным на рынке труда, web дизайнер, как и специалист любой другой сферы, должен развиваться, постоянно быть «в тренде». В области интернета изменения происходят буквально изо дня в день, так что осваивать новые инструменты, следить за новинками и повышать свой профессиональный уровень необходимо постоянно.
Что такое дизайнер ?. Отрывок из книги «Дизайн — это работа» | Майк Монтейро
В этом прекрасном мифе вы являетесь так называемым «творцом». Ты счастливчик. Потому что, в то время как другие отягощены требованиями, показателями, тестированием и другими вариациями математики и естествознания, вы — дитя магии (или магии, если вы гот). Знание этих основных вопросов только испортит ваш творческий процесс. Ваш дизайн исходит из вас самих.
Но, конечно, история не будет по-настоящему интересной, пока мы не введем небольшой конфликт.Попробуем дракона? Допустим, этот дракон теперь стоит за вашим столом. И он держит распечатку вашего рисунка, импортированную в PowerPoint и помеченную очень конкретными изменениями, с большинством из которых вы не согласны — все они решили на собрании, на котором вы не присутствовали.
Магия не спасет вас от этого дракона. Пора перестать заниматься творчеством и стать дизайнером. Возьми свой обед. Мы приближаемся.
Посмотрите на эти гребаные креативщики!
Миф о волшебном творчестве жив и здоров, и он могущественен.Его одинаково увековечивают дизайнеры и те, кто с ними работает. И это разрушительно, сводя работу дизайнера к пиксель-толкателю, красивому человеку и тому, кто считает своим путем к успеху. Ожидается, что магическое творчество будет успешным, основываясь на инстинкте, каждый раз бросая кости, а не на методическом процессе, который можно повторять снова и снова.
Кроме того, это делает вас невыносимым. Никому не нравится коллега, который действует вне правил. И вам будет сложнее работать со своей командой.
Даже когда вы делаете это по иронии судьбы, вы все равно делаете это.
Это также усложняет жизнь другим дизайнерам (например, мне) при выполнении их работы. Я люблю свою работу. И я не люблю людей, которые делают это сложнее, чем необходимо. Но каждый раз, когда клиент говорит мне просто «голубое небо» или что он не хочет «задушить мое творчество», мне приходится тратить время на развенчание мифа о волшебном творчестве. (К счастью, я больше похож на возчика, чем на волшебное существо, но, увы, вы, возможно, были прокляты своей привлекательностью.)
Дизайнер требует честной обратной связи и реальной критики, а этого не произойдет в сфере, где коллеги или клиенты беспокоятся о том, чтобы сокрушить дух волшебного существа. Мешает искрящийся туман утверждения.
Так чем же на самом деле занимается дизайнер? Давайте разберемся.
Эти ограничения часто возникают в виде доступных материалов (отсутствие древесины, небольшая печатная машина или пропускная способность), аудитории, для которой предназначено решение (дети, пользователи, которые не очень хорошо разбираются в Интернете, те, кто говорят на разных языках) и бизнес-требованиях (руководства по стилю, отношения с поставщиками, наш логотип — Сатана).
Промышленный дизайн происходит!
Какие проблемы? Что ж, это то, что определяет, какой вы дизайнер. Если вы решаете задачу создать стул, который не повредит вам задницу, если вы просидите в нем восемь часов, вы дизайнер мебели. Если вам 16 лет, и вы держите в одной руке пустой рулон от туалетной бумаги, а в другой — кусок алюминиевой фольги, вы промышленный дизайнер. Поскольку вы держите в руке одну из этих маленьких ярких книжек, предположим, что вы какой-то вкус веб-дизайнера, как и я.Поэтому до конца этой книги, когда я буду вытаскивать примеры или вдаваться в подробности, они будут рассматриваться с точки зрения веб-дизайнера. Если вы дизайнер другого типа, я уверен, что вы все еще можете извлечь из этого что-то, просто абстрагируйте это на более высокий уровень и примените к своей конкретной области.
Независимо от того, помогаете ли вы запустить новый бизнес с нуля, вносите постепенные изменения в существующий продукт или что-то среднее между ними, любая задача по проектированию, которую вы выполняете, должна служить цели. Ваша работа — выяснить, каковы эти цели.
Это первый шаг к созданию чего-либо: спросите: «Почему мы это делаем?» Если ответ непонятен, или вам непонятен, или его просто не существует, вы ничего не можете спроектировать. Прекратить работу. Можете ли вы помочь в постановке этих целей? Если да, сделайте это. (Да, это часть вашей работы. Все, что помогает вам выполнять свою работу, является частью вашей работы.) Как? Скоро.
В отличие от Скотта Норвуда, убедитесь, что вы точно и уверенно попали в цель. (Я открыто признаю, что большинство людей не получат эту ссылку, но это того стоит для немногих, кто получит.)
Для кого мы проектируем? Как они будут использовать то, что мы разрабатываем? Им это нужно? Какие бэкэнд-технологии есть в распоряжении клиента? Что нового они готовы попробовать? Кто еще пробовал это, и как им это удалось или не удалось?
Когда у вас есть цели проектирования, вам необходимо собрать как можно больше информации, чтобы убедиться, что вы разрабатываете решение, которое будет выполнять эти цели. Вы просто не можете проектировать, не исследуя ландшафт. Точно так же нельзя построить дом, не обследовав землю.
Работа дизайнера начинается задолго до того, как будет размещен один пиксель, и заканчивается после того, как последний фиксируется на месте.
В конце концов всю эту информацию нужно использовать для создания чего-либо. Идеи и требования становятся артефактами и системами. Это та часть работы, которую большинство других людей распознает как «дизайн», потому что она видима и связана с изображениями. И вы можете делать это в наушниках.
Тоже весело. Успешный дизайн уравновешивает условность — знакомые формы, термины и взаимодействия — и новизну — новые формы, чтобы привлекать и радовать пользователей в надежде, что они задержатся еще немного и, возможно, купят свои штаны здесь, а не где-то еще.Если вы помните, что эти новые формы должны служить целям бизнеса. В остальном это просто новинка.
Что означает дизайнер?
Дизайнер
Дизайнер — это человек, который проектирует. Более формально дизайнер — это агент, который «определяет структурные свойства объекта дизайна». На практике дизайнером называют любого, кто создает материальные или нематериальные объекты, такие как потребительские товары, процессы, законы, игры и графику.
Классически основными направлениями дизайна были только живопись, скульптура и архитектура, которые понимались как основные искусства.Дизайн одежды, мебели и других обычных артефактов был оставлен в основном традициям или ремесленникам, специализирующимся на их ручном изготовлении.
В связи с усложнением современного общества и потребностями массового производства, когда больше времени обычно связано с более высокими затратами, методы производства стали более сложными, а вместе с ними и способы создания конструкций и их производства. Классические области теперь подразделяются на более мелкие и более специализированные области дизайна в соответствии с разработанным продуктом или, возможно, средствами его производства.Образование, опыт и генетические блоки, которые составляют основу компетентного дизайнера, обычно одинаковы независимо от области специализации, только на более поздних этапах обучения и работы дизайнер перейдет в специализированную область. Методы обучения или программа и теории различаются в зависимости от школы и области обучения. Сегодня команда дизайнеров, независимо от масштаба оборудования, обычно состоит из главного дизайнера, который будет нести ответственность за принятие решений о том, как должен развиваться творческий процесс, и ряда технических дизайнеров, специализирующихся в различных областях в соответствии с предлагаемый продукт.Для более сложных продуктов команда также будет состоять из профессионалов из других областей, таких как инженеры, специалисты по рекламе и другие по мере необходимости. Отношения, устанавливаемые между членами команды, будут варьироваться в зависимости от предлагаемого продукта, производственных процессов, доступного оборудования или теорий, использовавшихся во время разработки идеи, но обычно они не слишком строгие, давая возможность каждому члену команды принять участие. в процессе создания или, по крайней мере, чтобы выразить идею.
Luxury vs. Designer vs. Premium: в чем разница?
Business имеет множество нюансов в языке (продажи против маркетинга, бренд против продукта и т. Д.), И то же самое касается индустрии моды, возможно, даже больше. Ярлыки и имена в моде много значат. Это может означать разницу в сотни долларов в цене или разницу в целевых потребителях. Эта тонкость этикеток хорошо демонстрируется различием между роскошными, дизайнерскими и премиальными брендами.
Во-первых, давайте поговорим о том, что у них общего.Все три из этих типов брендов будут иметь более высокую цену, чем большинство, однако разница заключается в степени разницы в ценовой категории. Еще один ключевой фактор, делающий их похожими, — качество. Часто это продукты более высокого качества, которые производятся из более качественных материалов. Однако на этом сходство заканчивается.
Думая о люксовом бренде, вы должны мыслить избирательно, потому что только небольшая часть населения может позволить себе люксовый бренд, небольшая часть розничных торговцев может распространять люксовые бренды, и небольшое количество единиц действительно производится.Очевидно, это увеличивает цену до такой степени, что становится препятствием для некоторых потребителей, желающих совершить покупку у этого бренда.
Несмотря на то, что все вышеперечисленное может быть достигнуто любым брендом с помощью некоторой работы, люксовые бренды отличает название и престиж, стоящий за этим. Зачастую у этих брендов долгая история, которая помогла им достичь этого статуса роскоши. Поскольку люксовые бренды уходят далеко в прошлое, их изделия часто представляют собой вневременные коллекции, которые редко отклоняются от своей первоначальной формы.
Самый простой способ отличить премиальный бренд от люксового — это наличие у него более широкого рынка, поскольку цены на товары в этой категории основаны на их характеристиках. Например, если H&M решила создать линию, в которой использовались материалы высшего качества, чем обычно, и взимала за это премию , то это был бренд премиум-класса. По сути, вы получаете больше, если платите больше.
Однако есть и другие отличительные факторы. Эти продукты рекламируются как превосходящие «обычные» продукты, в отличие от люксовых брендов, рекламируемых на основе названия.
Ключ к мысли о дизайнерских брендах — это изменения. Дизайнерские бренды меняют сезон за сезоном и следуют актуальным модным тенденциям. Так что в следующем сезоне вещи будут устаревшими и не модными.
Найдите идеальную фабрику с Maker’s Row!
Вам также может понравиться:
Терминология
— В чем разница между дизайнером и художником?
Нет разницы.
Дизайн — это искусство, искусство — это дизайн.
Любой хороший художник проектирует свои работы. У любого хорошего дизайнера есть искусство.
Художник «конструирует» композицию любого создаваемого им предмета, будь то картина, скульптура, мебель и т. Д. Дизайн есть даже в детском рисунке. Они выбирают, куда идет солнце, где собака, где останавливается трава и т.д.
Дизайнер использует «художественный» выбор для создания привлекательных изображений. Цвета, толщина линий, положение, близость, масштаб, движение — все это художественный выбор, сделанный «дизайнером».
Если какое-либо возможное различие действительно существует, можно было бы утверждать, что существует различие в ответственности. Но это не относится ни к одной из работ конкретно. Те, кто считает себя «дизайнерами», возможно, больше склонны к тайм-ауту при создании произведений искусства. А те, кто считает себя «художниками», могут иметь немного больше свободы в создании своих дизайнов, когда им удастся их настроение.
Я рассматриваю этот вопрос как вопрос: «Это доллар или доллар?», «Фунт или фунт?» То же самое…. просто другая терминология.
Ссылка на dictionary.com ….
Дизайнер: человек, который разрабатывает или выполняет проекты, особенно тот, кто создает формы, структуры и узоры, например, для произведений искусства или машин.
Автор:
1 человек, который производит произведения в любом из искусств, которые в первую очередь подчиняются эстетическим критериям.
2.
человек, практикующий одно из изящных искусств, особенно художник или скульптор.3.
человек, чья профессия или профессия требует знания дизайна, рисунка, живописи и т.д .: художник по рекламе.
4.
лицо, работающее в одном из исполнительских видов искусства, как актер, музыкант или певец; публичный исполнитель: пантомима; артист танца.5.
человек, чья работа демонстрирует исключительное мастерство.
Я вычеркнул очевидные несвязанные определения, но остальные три в значительной степени совпадают с определением «Дизайнер»
В современном мире многие могут видеть в «дизайнере» оператора компьютера, и, к сожалению, многие дизайнеры также могут видеть себя такими же.Однако дизайн традиционно требовал высокого мастерства, устойчивых рук, хорошего художественного чутья и т. Д. Дизайн не всегда был таким простым, как запуск приложения и перемещение некоторых объектов на цифровой странице. В нем есть искусство, как и дизайн в искусстве.
Лично я не знаю ни одного дизайнера, который бы , а не тоже относил себя к художникам. Я знаю нескольких художников, которые , а не считают себя дизайнерами, но это скорее фанатичное отношение к деньгам, чем реальная работа.
Не художники ли дизайнеры, создавшие прекрасные музыкальные постеры и обложки альбомов 60-х и 70-х годов?
Пол Рэнд не был художником?
Сол Басс и Милтон Глейзер просто дизайнеры, в работе которых нет «искусства»?
Думаю, что нет.
О, так много голосов против …. 🙂 Очевидно, многие дизайнеры думают, что они не художники, или многие художники думают, что они не дизайнеры.
7 признаков того, что вы призваны стать дизайнером
Я уже 11-й год работаю в индустрии дизайна.Я начал как внештатный графический дизайнер, работающий по контрактам со стартапами, а затем как штатный веб-дизайнер / веб-разработчик и владелец онлайн-журнала, который публикует контент, связанный с дизайном.
На протяжении этой работы я встречался и учился у дизайнеров гораздо лучше меня в этом ремесле, которое мы называем дизайном. Я хотел бы рассказать о некоторых вещах, которые я заметил в них.
Вы видите следующие признаки того, что вы должны быть дизайнером в себе?
1.Вы видите дизайн во всем
Вы когда-нибудь ходили в продуктовый магазин и думали про себя примерно так: Интересно, какой шрифт используется в этой банке с тунцом. Он мог бы лучше общаться со мной, если бы в нем было немного больше кернинга.
Дизайнеры знают, что они окружены дизайном, и они просто не могут остановить свой ум от извлечения уроков, идей и решений через то, что они видят и переживают.
Дизайнеры будут видеть дизайн вне своих интересов; за пределами веб-сайтов и пользовательских интерфейсов, если они веб-дизайнеры, за пределами визитных карточек и фирменных бланков, если они полиграфические дизайнеры, за пределами мебели и обоев, если они дизайнеры интерьеров.
Я ловлю себя на том, что изучаю дизайн в вещах, которые другие люди не считают возможными.
Например, я инстинктивно увижу, насколько неэффективно разработал свою рабочую станцию. Как моя рабочая станция могла бы служить мне лучше, если бы я переставил свой ноутбук с правой стороны стола, что тогда открыло бы немного места для рукописного ввода с левой стороны, что лучше, потому что я левша, и потому что это не повлияет на Это не влияет на доступ к электрической розетке, которая нужна мне для питания ноутбука, и потому, что мне не нужно тратить время на перенаправление проводки моей рабочей станции.
Я вижу Дизайн, когда еду в машине по шоссе, и замечаю дорожный знак, который мог бы улучшить обслуживание автомобилистов, если бы он был расположен или наклонен под другим углом.
Я вижу в дизайне новаторский способ, которым мобильное приложение справляется с непростым пользовательским потоком на маленьком экране.
Дизайн присутствует везде и во всем, и дизайнеры склонны смотреть на него инстинктивно.
2. Детали, которые имеют значение, имеют значение для вас
Быть дизайнером — значит заботиться о деталях.
Но позвольте мне перефразировать это. Чтобы быть дизайнером, нужно не только уделять внимание деталям, но и определять значение деталей и уделять им внимание и заботу, которых они заслуживают.
Детали, которые влияют на восприятие людьми нашего дизайна, имеют большое значение. Эти детали священны.
Итак, мы будем беспокоиться и обсуждать огромное влияние трех пикселей на удобочитаемость и удобство использования, но не тогда, когда это просто вопрос субъективного или стилистического вкуса.
Способность разбирать, что важно, а что нет, — это разница между очень продуктивным дизайнером и тем, кто ничего не производит, потому что боится несовершенства, и других несущественных вещей.
3. Вы заботитесь о решении проблем людей
Я могу свести единственную цель дизайна к следующему: разработать что-то означает сделать на лучше, чем если бы вы оставили только .
Дизайн успешен, когда он правильно предлагает решения реальных проблем.
Речь идет о переработке веб-сайта, чтобы люди могли ориентироваться в нем. Он заключается в том, чтобы придумать умные решения для визуализации данных, которые можно включить в вашу инфографику, чтобы люди могли легко усвоить цифры.
Таким образом, имеет смысл только то, что успешный дизайнер по умолчанию решает проблемы.
Более того, великий дизайнер сострадателен и в первую очередь смотрит на потребности других людей.
Дизайнер осознает тот факт, что создание идеального дизайна в соответствии с их собственной точкой зрения и стилем потерпит неудачу, если другие не будут думать так же.
Иногда я переусердствую с решением проблем до такой степени, что это становится раздражающим (хотя я над этим работаю).
Я всегда ловлю себя на том, что формулирую вещи в терминах Проблема -> Решение . А когда друг просто хочет выпустить воздух и слушать его, попытки предлагать решения — это не решение .
Я сказал вам это, чтобы проиллюстрировать это: эта черта — желание помочь и решить проблемы — не из-за какого-то обязательства перед профессией дизайнера или чувства, что это мое призвание в жизни, или чего-то сложного и философского. как это.Эта черта всего лишь часть моего характера.
4. Вы ненавидите статус-кво
Вы постоянно смотрите на что-нибудь и заполняете пробел такой фразой: «Это могло бы быть лучше, если бы [blank] »?
Вы тот человек, который отказывается верить, что «достаточно хорошо» достаточно хорошо? Вы всегда ищете способы подняться над текущей ситуацией и находите новаторские способы решения проблем?
Великие дизайнеры постоянно ищут новые способы внедрять инновации и делать вещи лучше, чем они есть на самом деле.
Мы не боимся переделывать макет нашей сетки, если это приводит к лучшей визуальной композиции веса, которая более эффективно привлекает внимание к определенным областям, или повторять и выпускать новую версию нашего пользовательского интерфейса, потому что мы постоянно ищем возможности для предлагать решения реальных проблем, которые улучшают жизнь людей, которым мы служим.
Дизайнеры уделяют много времени изучению нового. Новые приемы Photoshop. Новые способы создания веб-сайтов. Или лучшие способы продать свой дизайнерский бизнес.Дизайнерам не нравится, когда они успокаиваются, потому что они знают, что это приводит к плохому дизайну.
5. Вы хорошо общаетесь (или хотите научиться)
Дизайнерам необходимо эффективно общаться.
Я по природе интроверт с плохими коммуникативными навыками, а когда был моложе, я был очень застенчивым человеком. Так что мне пришлось усвоить этот урок на собственном горьком опыте.
Я узнал об этом, не имея возможности закрывать дизайн-проекты.
Я усвоил это из-за того, что не смог реализовать свои идеи в моих собственных проектах, по умолчанию придерживаясь той безрассудной идеи, которую хотел клиент, потому что у меня не было инструментов для подтверждения своих аргументов.
Я узнал это, когда мне было трудно работать с другими дизайнерами и разработчиками.
Но что важно отметить из того, что я видел на своем опыте, так это то, что я, , хотел стать лучше, , несмотря на свою слабость. Я подумал про себя: «Мне нужно быть лучше в этом, чтобы я мог быть лучшим дизайнером».
Я прочитал много книг, статей, научных исследований — всего, что я мог достать, что содержало бы даже легкий намек на то, что это может помочь мне улучшить коммуникативные навыки и навыки межличностного общения.
Я умолял о встречах один на один и о встречах за кофе с людьми, которые, по моему мнению, были эффективными коммуникаторами, чтобы я мог узнать их секреты и узнать их мнение о том, как я могу улучшить свои способности.
Эти разговоры могут привести к важным урокам и советам, таким как «Прочтите [эту книгу] » или «Присоединяйтесь к Toastmasters, я думаю, они встречаются каждую среду в 8 часов в кафе на Юнион-стрит». или «Просто будь собой и будь честным».
Мои коммуникативные навыки все еще остаются незавершенными, мне предстоит пройти долгий путь, но я уже пожинал плоды своего прогресса.
Я гораздо лучше могу доносить свои идеи. У меня гораздо больше возможностей работать вместе с другими дизайнерами.
Дизайн — это передача информации и идей через визуальную среду — было бы логично, что было бы трудно преуспеть в этом, не имея другой половины уравнения.
Самая важная вещь, которую я хотел бы, чтобы вы вынесли из моего собственного опыта, заключается в следующем: ваши коммуникативные способности, как и ваши навыки работы с Photoshop, могут быть изучены и улучшены, если вы этого захотите.
6. Вы можете управлять своим временем
Дизайнеры очень увлечены. Дизайнер может быть чрезвычайно сосредоточен в своей дизайнерской работе и часто даже не осознает, что уже потратил большую часть дня, просто выбирая правильный шрифт или оттенок красного.
Когда я разрабатывал макет этого веб-сайта, мне так хотелось его реализовать, чтобы мы с Исааком могли запустить Инструкцию по дизайну, которую я забыл поесть.
Я забыл поесть на 30 часов.
Ага, верно. Я забыл поесть и поспать.Разве для этих фундаментальных не нужно человек? Я сидел перед компьютером с 6 утра до 12 вечера… следующего дня.
В то время я уже знал, что это плохо для меня — для моего здоровья, для моей производительности, для моей способности избегать выгорания — но вопреки всем логическим причинам это все равно произошло.
Это просто показывает, насколько мы можем иногда быть чрезвычайно сосредоточенными на нашей работе.
С другой стороны, продуктивные дизайнеры могут контролировать свое время, сосредотачиваясь только на важных деталях и на решении важных проблем.
Я мог бы сделать то же самое, не отказываясь от еды и сна, если бы я был умным со своим временем и если бы я работал над правильными вещами.
Хороший дизайнер целеустремлен в своей работе и ориентирован на результат. Она не может позволить себе тратить целый день на выбор между Avenir или Vectora (кстати, если вы сейчас находитесь в такой ситуации, это два очень хороших шрифта, и мне также будет сложно решить, какой из них выбрать. ).
Если вам сложно эффективно контролировать свое время, как и общение, вы можете улучшить его.
(Лично я предлагаю вам эту книгу, если вы чувствуете, что можете повысить продуктивность и управлять временем.)
7. Вы креативны
Совершенно очевидно, что для того, чтобы стать хорошим дизайнером, нужно проявить творческий подход. Вы должны быть находчивыми, вы должны уметь смотреть и видеть вещи так, как это может быть не так очевидно для ваших сверстников.
Но вы, вероятно, уже знали об этом, и вы прочитали так много статей о важности творчества во многих других местах, что мне нечего добавить к этому.
Итак, я поместил это здесь для полноты картины.
Последние мысли
Если вы еще не дизайнер и видите многие или все признаки, указывающие на ваш карьерный путь, не упустите этот момент.
У вас уже есть две важные вещи, которые делают дизайнеров хорошими в том, что они делают: желание быть единым целым и заинтересованность в том, чтобы научиться этому.
Вероятно, поэтому вы читаете эту статью так далеко.
Несколько действенных идей, которые вы можете реализовать сегодня:
- Запишитесь на онлайн-курс в Treehouse, Train Simple, Code School и т. Д.
- Купите книгу о дизайне и пообещайте себе, что вы дадите время полностью прочитать ее, как только получите ее в руки
- Ищите школы (общественные колледжи, вечерние школы, университеты) в вашем районе, которые дадут вам фору на будущее
- Подпишитесь на RSS-каналы веб-сайтов, интернет-журналов и блогов, посвященных дизайну (например, тот, на котором вы сейчас находитесь), и погрузитесь в дизайн
- Вступайте в разговор с дизайнерами , которыми вы восхищаетесь, и спрашивайте его или ее советы и рекомендации о том, как они оказались там, где они сейчас находятся
Если вы уже дизайнер , я хотел бы попросить о двух вещах от вас.
Во-первых, поделитесь своими мыслями и опытом в комментариях ниже о вещах, о которых я говорил в этой статье, чтобы другие читатели после вас ознакомились с этой статьей в гораздо лучшем и более содержательном виде.
Во-вторых, продолжайте делать то, что вы делаете сейчас: создавать классные вещи.
Я знаю, что эта профессия иногда бывает сложной, но я хочу, чтобы вы помнили, что вы служите великой цели в этом мире.
Что такое дизайн и почему это важно
Что такое дизайн? Большинство людей думают, что дизайн — это создание красивого внешнего вида — украшение.Изобразительное искусство. Но дизайн — это не только наука, но и искусство. Холодный и расчетливый процесс. Иногда в ущерб изрядно. Тем не менее, дизайну нельзя дать сбой. Дизайн для всех и ни для кого в частности. Дизайн веб-сайтов и мобильных приложений, как и дизайн в целом, — это сложный, но тонкий процесс, это больше, чем просто оформление.
Люди говорят на языках, а вещи говорят через дизайн. Сегодня кажется, что никто не говорит, что говорит на иностранном языке, который они не изучали, но все думают, что знают дизайн.
Давайте углубимся в мир дизайна и попытаемся понять, почему он так важен и для каких целей он служит.
Многогранность дизайна
Проще говоря, дизайн — это план, чтобы что-то сделать.
«Дизайн — это план для массивов , объединяющих элементов таким образом, чтобы наилучшим образом достичь определенной цели».
— Чарльз Имс, американский дизайнер, архитектор и режиссер
Между тем, значение дизайна зависит от контекста, а также может означать множество других вещей.Дизайн — это создание опыта. Это также процесс указанного творения и насколько хорошо он организован. Кроме того, дизайн — это результат , результат , то есть то, что мы видим, слышим и чувствуем.
Значение дизайна настолько многогранно, что уже невозможно сказать, возможно ли вообще универсальное определение. Однако вы можете попытаться взглянуть на сумму частей, чтобы получить более реалистичную картину. Итак, Чарльз Имс сказал, что все в дизайне — цель.Давайте углубимся в эту идею.
фантазии… от SAM JI
Назначение конструкции
Каждый дизайн существует для решения проблем. Чтобы увидеть проблему и найти решение, дизайнеры полагаются на данные. Таким образом, набор инструментов дизайнера основан на исследованиях, а не на предварительных оценках.
Ваш дизайн не обязательно должен быть оригинальным
Распространено заблуждение, что новинки и ажиотаж в дизайне помогут продать продукт. Единственная причина, по которой существуют обычные и учебные шаблоны проектирования, заключается в том, что они протестированы, проверены и работают.Согласно закону Якоба об опыте пользователей Интернета, пользователи проводят большую часть своего времени на других сайтах, поэтому имеет смысл разрабатывать шаблоны, к которым они привыкли.
Мы внедряем новые подходы только в том случае, если мы на 100% уверены, что они лучше существующих. Одно это является результатом обширных исследований.
Великолепное дизайнерское решение, которое вы ищете, уже есть.
Настоящая задача — найти его.
Каждый раз, когда вы заставляете пользователя продумывать «инновационный» шаблон навигации или нестандартное расположение меню, есть шанс потерять их. Не потому, что они глупы, а потому, что мы тяготеем к знакомым вещам больше, чем к неизвестному. Если мы все же пойдем на это, мы позаботимся о том, чтобы все в новом дизайне было пуленепробиваемым.
Отношение SAM JI
Дизайнеры не любят своих пользователей
У всех есть предубеждения, и это нормально. Когнитивные искажения снижают нагрузку и помогают нам оставаться в здравом уме.При этом важно знать, не портит ли ваша предвзятость вашей дизайнерской работе.
Дизайнеры и владельцы знают свой продукт наизнанку. Их предвзятость называется Проклятием Знаний. Это когда вам чрезвычайно трудно думать о проблемах с точки зрения менее информированных людей. Кроме того, ваши цели полностью отличаются от целей людей, для которых вы строите.
Люди хотят довести дело до конца, а не слушать о том, какой ты крут.
Что отличает нас? Если вы читаете это, значит, вы стоите на вершине пищевой цепочки, когда речь идет о компьютерах. Большинство людей нет, и им все равно. Они не знают, что нужно для создания цифрового продукта, точно так же, как мы не знаем, что нужно нашим компьютерам, чтобы работать без подключения к электросети. Все знают то, чего не знает никто другой.
Как ни странно, чем больше в проектной компании сотрудников, тем сильнее их оторванность от реальных пользователей. Неважно, насколько они хороши.Спросите Google о Живой ленте.
Вот почему для дизайнерских агентств жизненно важно сохранять скромность и всегда исследовать своих пользователей, изучать их цели и проблемы. Чем больше мы знаем о наших пользователях, тем менее предвзяты. Со временем у людей появятся свои привычки и предубеждения в отношении нашего продукта. Но сначала мы должны их преобразовать.
Погруженные мысли SAM JI
UX-дизайн — это больше, чем просто удобство использования
Юзабилити — это создание продукта для достижения людьми своих целей.UX-дизайн намного надежнее, чем это. Это приносит радость и смысл обычным вещам. Хороший UX-дизайн важен, потому что он делает каждый шаг, даже отрицательный, приятным. Если нет подключения к сети, сайт не должен умереть. Если страницы не существует, ошибка 404 не должна вас огорчить. Это работа по UX-дизайну. Это выходит за рамки привычного определения пользовательского опыта.
Почему UX-дизайн важен и что отличает хороший дизайн:
- Хороший дизайн вас взорвет. Удовлетворенность пользователей больше не является целью. Это значение по умолчанию, которому должно соответствовать каждое дизайнерское решение. Однако цель — это веселье и восторг. Тяжелые времена продаж прошли. Современный дизайн соблазняет и доставляет удовольствие.
- Хороший дизайн съест ваши деньги и заставит вас чувствовать себя хорошо. Практическая ценность — это лишь часть того, за что люди готовы платить. Другая часть — счастье. Если ваш дизайн вызывает у людей хорошее настроение, они простят вам технические проблемы и плохие обновления.Как сделать их счастливыми? Будьте искренними и честными в своей работе. Слушать. Изменять.
- Хороший дизайн ощущается человеком. Чтобы люди заботились, они должны чему-то сопереживать. Если продукт разработан таким образом, чтобы благоприятствовать всему, он ничему не способствует. Вы оказываете социальное влияние, обладая сильным отличительным голосом, продвигая правильные ценности и отождествляя себя со своей аудиторией. Независимо от того, каким бизнесом вы занимаетесь, в этом должна быть человеческая сторона.
- Хороший дизайн имеет значение. Значение связывает людей с объектами. Если эта связь значима, она сохранится на долгие годы. Дизайн должен давать людям возможность устанавливать связи, необходимые им, чтобы чувствовать себя свободными, способными и просвещенными.
обложка SAM JI
Дизайн не стадия проекта
Даже в глубоких технических кругах существует идея, что дизайн — это то время в проекте, когда они рисуют эскизы интерфейсов. Нет. Дизайн начинается, когда владелец впервые создает изображение продукта, и заканчивается, когда проект завершен, чего никогда не происходит.
Выбор бизнес-модели не может зависеть от целей владельцев. Могут быть природные таланты и безумное чутье, но было бы глупо полагаться на них.
Знание того, как продукт может вписаться в жизнь людей, — это UX. Знание того, как получить эти знания, и есть UX.
UX не вызывает UI. Он проникает в производство, тестирование, аналитику, поддержку и обновления, которые следуют за созданием простых интерфейсов. Те, кто понимает, что дизайнер — это больше, чем просто карандаш, в конечном итоге получают стабильный и надежный продукт, а не лоскутное одеяло из узких задач.
Владелец бизнеса не должен удивляться, когда никто, кроме дизайнера, не начнет расспрашивать его об их бизнес-стратегии. Фактически, дизайнер будет рисовать пользовательские интерфейсы только в 12,5% случаев, когда он будет участвовать в проекте.
обложка от SAM JI
Глаз конфет дизайнерские работы
Может показаться, что дизайн, особенно цифровой, слишком серьезно относится к себе. Действительно, есть фанаты юзабилити, которые не верят, что эстетика имеет какое-либо влияние. Примером могут служить такие непривлекательные, как Reddit и Craigslist.
В дизайне нет места конечностям. Когда внешний вид не подкреплен надлежащей функциональностью, он пуст. Когда это просто удобно и полезно, с ним не связаны никакие эмоции, и это тоже плохо. Чтобы найти баланс между удобством использования и эстетикой, нам нужно знать, как работает внимание и что делает что-то красивым.
Чтобы охватить больше людей, ваш опыт должен распространяться и позволять эмоциям влиять на пользователей. Визуальный дизайн вызывает эмоции.
Так работает веб-дизайн.Атмосфера веб-сайта решает, останется ли человек и откроет для себя его функции. Дизайн — это инженерия в том смысле, что мы умеем создавать удовольствие. С помощью визуального дизайна мы придаем смысл обычным вещам и помогаем людям найти ценность.
Иллюстрация — это оболочка для чего-то, что она представляет на более глубоком уровне. Когда мы проектировали профессиональную платформу для архитекторов, мы создали анимацию элементов, имитирующую поведение строительной площадки.
Это может показаться незаметным и может показаться не стоящим борьбы на ранних стадиях проектирования, таких как создание каркасов и прототипов.Но дизайнеру важно помнить об образе готового продукта. Более того, то, как вы визуально представляете свой цифровой продукт, многое говорит о бренде в целом.
Каким бы хорошим ни был сервис, если он не заботится о себе, то и люди тоже.
Для скептиков никакие привлекательные вещи не работают лучше, но их всегда стоит попробовать. Красиво оформленные продукты получают половину доверия из-за их визуальной привлекательности.Задача разработчика — довести остальные функции до этого уровня. Большинство людей думают, что если он хорошо выглядит, он тоже должен хорошо работать.
«Удобство использования — это еще не все. Если бы инженеры по юзабилити спроектировали ночной клуб, он был бы чистым, тихим, ярко освещенным, с множеством мест, где можно присесть, множеством барменов, меню, написанным без засечек из 18 пунктов, и удобными ванными комнатами. Но там никого не было. Они все будут на улице в «Гадкий Койот», разливая друг друга пивом.”
— Джоэл Спольски
Дело в том, что важно то, как работает продукт, но то, как он выглядит при этом, меняет правила игры.
при близком рассмотрении SAM JI
Простой и минималистичный дизайн
Если вы составите рейтинг комментариев к Dribbble, то те, в которых есть слова «чистый» и «простой», будут намного впереди остальных. Простота давно стала одним из основных элементов дизайна. Из-за этого появилось множество ложных убеждений, в которых термин «простота» используется в отношении вещей, которые в конечном итоге оказываются далеко не простыми.Итак, какой дизайн прост, а какой минимален?
Важно знать различие между двумя основными концепциями оптимизации дизайна:
Простота — это уменьшенная сложность
Минимализм — уменьшенное количество
Практика сокращения и расхламления — это отдельная дисциплина. Знать, что сокращать, означает быть уверенным в том, что в результате наших дизайнерских экспериментов пользователь не будет испытывать напряжения.Это называется трением. Каждое дизайнерское решение, которое мы принимаем, должно снижать трение. Иногда это принуждает дизайнеров к минимализму, отсюда и процветающая тенденция к минимализму в веб-дизайне и дизайне приложений. Но важно знать, где остановиться.
Уменьшение объема текста на кнопках означает замену его значками. Но насколько универсальны иконы? Вы на 100% уверены, что значок отключения звука однозначен и для некоторых не будет означать радар? Значок «Сохранить» дискеты начинает терять целое поколение людей, которые никогда не видели ни одного в реальной жизни.
Минимальный дизайн интерфейса не является целевым. Это стиль. Простота проистекает из нашего понимания опыта, независимо от того, насколько многоэлементен пользовательский интерфейс.
Дизайн должен быть сначала видим, чтобы он не навредил. Печально известное гамбургер-меню было избито, но проникло в умы дизайнеров и заслужило уважение. Это показывает, что нельзя навязывать минимализм и рассчитывать на простоту.
Все продукты Adobe безумно неминалистичны.При этом они совершенно понятны по производительности и функциональности. Вы можете изучить интерфейс и сделать его простым для себя. Но вы не можете сделать для себя то, чего нет.
Чтобы продемонстрировать масштабы проблемы с помощью простоты и минимализма, позвольте нам представить UX-пример интерфейса автомобиля Tesla Model S с 17-дюймовым экраном от Nielsen Norman Group. Основная идея заключается в том, что, установив это устройство, похожее на планшет, на приборную панель, Tesla перешла в сферу отсутствия привода и упростила работу.Они минимизировали вмешательство водителя, но создали новую модель поведения, которая могла показаться опасной.
Примите помощь с полосы движения. Это сводит к минимуму усилия водителя по смене полосы движения, с одной стороны, и отвлекает его внимание с другой. Стремление инженера минимизировать шаблон может стоить кому-то жизни.
Дизайнеры должны вмешаться и взять на себя ответственность за психическое состояние, в которое мы помещаем людей с помощью наших продуктов.
Если он едет, мы не можем упростить его и дать людям полное чувство безопасности, потому что.Мы не можем знать все возможные результаты всех возможных сценариев. Позвольте людям оставаться ответственными, но сделайте процесс понятным и приятным.
Винтажные диски SAM JI
Дизайн пользовательского интерфейса
Пользовательский интерфейс — это основная точка соприкосновения разрабатываемого продукта и пользователя. Дизайн пользовательского интерфейса предоставляет пользователю самый простой и эффективный способ взаимодействия с продуктом. В этом смысле дизайнер должен хорошо знать следующие три концепции дизайна пользовательского интерфейса:
- Условие или наличие пользовательского интерфейса.
- Контент или как выглядит пользовательский интерфейс.
- Контекст или кто управляет пользовательским интерфейсом.
Понимание каждого из этих трех элементов дает дизайнеру наиболее важные инструменты для создания визуального решения для любого типа продукта.
Чтобы элементы стали наглядными, их нужно спроектировать. Те, что видны природой, еще больше нуждаются в дизайне.
Пользовательский интерфейс (пользовательский интерфейс) состоит из нескольких основных элементов, к каждому из которых необходимо уделять внимание на высоком уровне.
Цвет в дизайне
То, что большинство людей и, к сожалению, многие дизайнеры знают о цвете, не оправдывает его. Цвет — это первое, что мы замечаем, но последнее, что понимаем. Цвета нельзя объяснить и описать, если их не увидеть. Их нельзя изменить, но их можно изучить и использовать. Так природа общается с вами, и поэтому цвет так важен в дизайне. Бен Херш написал отличное руководство по использованию цвета в дизайне, вы можете проверить его, чтобы лучше понять вопрос.
«Цвета — мощные символы, благодаря которым вы живете или умираете; на них стоит обратить внимание «.
— Бен Херш
Психология выделяет изучение цвета в отдельную дисциплину. Маркетологи знают основы теории цвета в дизайне и используют ее, чтобы пробудить в людях чувство защищенности, бдительности и т. Д. Дизайнеры используют цвет, чтобы говорить, а не слова. Однако вне нашего сознания цветов не существует.
До эпохи цифровых экранов люди использовали цвета как атрибуты физических объектов. Вот почему к топонимам (названиям мест) привязано так много названий цветов. Например, умбра названа в честь почвы в итальянском регионе Умбрия, а бирюза от французского означает «турецкий». Чтобы стать узнаваемым цветом, он должен был существовать в реальном мире.
По мере того, как наше понимание цвета росло, стали появляться теории цвета, пытающиеся определить, систематизировать и классифицировать цвета.
От средневековья до появления цветовых моделей HSL и HSV в 1970-х годах все исследования и открытия приводят нас к трем цветам: красному, зеленому и синему.
Из этих трех комбинаций можно получить практически любой цвет. Однако сегодня мы решаем придерживаться именно этого набора. Раньше было иначе, и это может измениться в будущем. Не существует таких вещей, как основные цвета, помимо тех, которые мы решили рассматривать как таковые.
Призма Джека Саббата
Мы различаем текущие цветовые модели в зависимости от носителя, на котором они будут отображаться, и цели визуального представления.Мы можем пропустить некоторые цвета, которые не видны на экранах, или включить те, которые не видны глазом. Современные цветовые технологии контролируются математикой. Но проблема в разнообразии условий, при которых мы видим эти цвета.
Современная теория цвета возлагает на наш мозг ответственность за восприятие цвета в зависимости от контекста и ищет соответствующие схемы и методы получения цветов.
«Цветовые пространства, которые мы видим, больше похожи на психоделические сосновые шишки.”
— Бен Херш
Для дизайнера знать цвет означает уметь математически выбирать цвета и иметь выбор, подкрепленный данными. В то же время мы, дизайнеры, должны четко осознавать, как цвета воспринимаются в разных культурах и как это восприятие меняется с течением времени.
Цвета — это продукт физики и математики, но при этом они интуитивно понятны и неуловимы, чтобы никогда не дать нам отдохнуть.
Типографика в дизайне
Еще одна вещь, которая всплывает каждый раз, когда речь идет о содержании цифрового продукта, — это типографика. Технически, будучи всего лишь оболочкой значения, иногда он может быть столь же значимым, как и само значение. Потому что, если он не передает это значение надлежащим образом, он останется незамеченным.
Текст — самый надежный носитель информации. Это может быть не так много с точки зрения эмоциональной реакции, но определенно с точки зрения информативности.Текст передается с помощью шрифтов или гарнитур, в общем — типографики.
Некоторые вещи существуют только в одном представлении — тексте.
Типографика — вотчина дизайна. Как и любой другой специфический для дизайна метод, типографика ориентирована на цель, но также эстетична. В качестве функционального элемента типографика в пользовательском интерфейсе используется, чтобы направлять людей, вызывать действие и помогать им на протяжении всего процесса. Это заголовки, заголовки, текст в меню, кнопки, призывы к действию и т. Д.
Веб-сайт по уходу за домашними животными от Шакуро
Когда дело доходит до типографики как эстетического элемента в веб-дизайне, мы неумолимо ориентируемся на брендинг. Слова выражают индивидуальность, которая составляет основу идентичности. Дизайнеры могут усилить эту индивидуальность за счет использования шрифтов, отражающих уникальный характер бренда.
Типографика как часть брендинга помогает продукту выделиться.
Свиток Йоги Пердана
Иконки в дизайне
Потому что ни у кого нет времени.У нас везде есть списки. Списки — это то, как мы понимаем изобилие вокруг нас. Мы перечисляем продукты, приложения, телеканалы и даже друзей Facebook. Это помогает нам структурировать информацию и лучше ее запоминать. Неудивительно, что списки вошли в веб-дизайн, где все можно разделить на категории. Так функции, услуги, преимущества и планы платежей начали объединяться в списки.
Оказалось, списки хороши для структурирования, но бесполезны с визуальной точки зрения.
Чтобы список стал якорем внимания, он должен иметь визуальный элемент.Сравните классическую комбинацию заголовок-текст и комбинацию «значок-заголовок-текст»:
Дизайнеры дают иконкам возможность быстро понять, о чем идет речь. В данном случае значки Метафорические вещества . Это наименьшее, что могут сделать значки. Фактически, вы можете закодировать в них много информации в контексте, где имение играет важную роль.
MaRc — Компонент Diner List, автор Paarth Desai
Игровые дизайнеры пошли еще дальше и создали системы логически связанных значков, представляющих различные игровые ресурсы.Это называется Визуальная синонимичность .
Система рангов по 60.o
Существует тонкая грань между иконками, которые передают метафору, позволяющую дизайнерам охватить все основы в случае, если текстовое значение упущено, и чисто декоративно-функциональными иконками. Мы в первую очередь следим за тем, чтобы значки работали, а это значит, что они мотивируют пользователя делать то, что мы от них ожидаем.
В идеале значки должны работать так же, как смайлики — как универсальный язык, достаточно гибкий, чтобы передавать любое сообщение в кросс-культурном контексте и достаточно очевидный, чтобы не оставлять никаких сомнений 💡
Анимация в дизайне
Каждый физический объект движется.Технически они могут быть все еще технически, но по отношению к окружающей среде все они движутся. Когда Солнце проходит над камнем в лесу, игра света и тени оживляет мертвый камень.
Наши глаза и мозг предназначены для захвата движения , потому что они содержат много информации. Было бы жаль оставлять это без внимания.
Motion — это первое, что мы видим в продукте, наряду с цветом, изображениями и типографикой.Эти четыре фактора вносят основной вклад в индивидуальность бренда / продукта. Для продукта важно иметь представление о том, как движутся элементы и что стоит за этим движением. Но сначала, почему анимация важна в UX-дизайне:
- Иллюстративный. Он может продемонстрировать функциональность или помочь лучше понять ее.
- Забавно. Ценность можно выразить разными способами. Позитивность — одна из них.
- Знакомый. Мы ожидаем определенной реакции на определенные действия.Анимация знакомит.
- Вовлечение. Мы склонны следовать шаблонам, и анимация — отличный их источник.
Мотоциклетный магазин Triumph Анимация Шакуро
Причина анимации интерфейса зависит от цели конкретного взаимодействия. Давайте займемся привлечением пользователя и направлением его внимания. Поскольку движение — это то, что мы видим мгновенно, имеет смысл использовать анимацию для таких вещей, как баннерная реклама и спам. От рекламы не ожидается, что она будет продавать продукт, поскольку они жаждут просмотров.Вид — это продажа, и они получат его от вас, используя дешевые уловки. Анимация баннерной рекламы — определенно дешевый трюк, который работает.
Как и когда использовать анимацию:
Но сам принцип невиновен. Более того, если мы используем анимацию, чтобы направлять пользователей таким образом, чтобы они помогали им, те же принципы баннерной рекламы могут способствовать хорошему UX. Например, отправка файла пошла не так, как надо, это не обязательно должно быть всплывающим окном с кодом ошибки или сообщением типа «крик». Мы можем привлечь к этому внимание с помощью значимой анимированной графики.
Анимация значка предупреждения на почте, автор Омер Коркмаз
Эта анимация не запутает вас в успешности отправки и поможет вам решить проблему, какой бы она ни была. В то же время это не будет слишком страшно, потому что анимация сделана дружески.
Анимация увеличивает удовольствие, которое вы получаете от успешного выполнения задачи. Чем сложнее задача, тем больше она должна приносить вознаграждение. Движение — это то, как мы передаем настроение и отношение продукта к действиям пользователя.
Кнопка отправки от Клаудио Скотто
Такая анимация может скрыть время, необходимое для выполнения технического запроса или отправки формы. Вращающийся пузырь гарантирует, что работа продолжается, и взывает к нашему естественному чувству завершенности.
Большинство веб-процессов имеют определенные шаблоны, которые люди узнают и ожидают. В то же время, с множеством устройств и экранов мультимедиа чрезвычайно сложно поддерживать такое же поведение с меньшими возможностями. Это означает, что мы должны разделить определенные процессы на понятные части, отображая весь прогресс.
Так Google решает довольно сложный и долгий процесс копирования информации на телефоны Pixel.
Поскольку это телефон, вы не сможете просто переключиться на другую вкладку и заняться чем-то другим. Тем не менее, вы должны знать, что именно происходит и почему это важно.
Анимация — огромная часть современного UI / UX дизайна, и мы только начинаем с ней работать. Это естественный процесс эволюции, который в конечном итоге сделает всю анимацию осмысленной и целеустремленной, навсегда разорвав связь с украшением.Добавленная сложность будет заменена модальностями и тонкими сообщениями, которые, безусловно, принесет хорошо продуманная анимация.
UX запись
UX Writing — это процесс создания копии для пользовательских интерфейсов. Некоторые из вас могут быть удивлены, увидев письменность, перечисленную среди фундаментальных аспектов дизайна интерфейса. Однако письмо — самое важное достижение в истории человечества. Нас окружают продукты, которые просто воспроизводят чьи-то идеи. Иногда этим идеям веками.Идеи путешествуют словами.
Причина, по которой животная жизнь конечна, заключается в неспособности передать опыт одного животного другому после него. Как люди, мы можем это сделать.
Мы передаем знания и приумножаем их. Это называется коллективным мышлением, и в его основе лежит письмо.
Слова — это то, как мы думаем и определяем мир вокруг нас. Слова — это человеческий опыт, закодированный в чем-то массивном и в то же время чрезвычайно подвижном — языке. Дизайн опирается на такие элементы и имеет долгую и драматическую историю с письмом.
Подобно тому, как дизайнеры создают набор методов, принципов и инструментов, они имеют тенденцию делать то же самое со словарем, используемым в интерфейсах. Действительно, у некоторых компаний есть руководства по стилю. Кроме того, существуют признанные руководства, такие как «Чикагское руководство по стилю», «Руководство по стилю Microsoft» и «Руководство Ассошиэйтед Пресс». Они содержат общие рекомендации для писателей и дизайнеров, работающих над конкретными вещами — документами, руководствами и другими пользовательскими ресурсами. Они учат, как избежать путаницы и двусмысленности, но при этом прикрывают реальный голос продукта.
Основной доклад Ларисы Хербст по копирайтингу
В дизайне индивидуальность ценится не меньше, чем полезность. Техническая культура лишила писателя индивидуальности, оставив ее творческой сфере. Однако, если дизайн обращается к эмоциональному восприятию, следует писать.
Так родился UX writing . В какой-то момент дизайнеры начали использовать определенный язык для именования элементов пользовательского интерфейса. Хорошо это или плохо, это были аутентичные фрагменты текста, специфичные для продукта.Мы называем это микрокопией, и она работает как обычная копия с некоторыми изменениями. Хитрость заключается в том, что, несмотря на то, что текст ясен и прост, вы не можете повторно использовать его для другого продукта. Это будет неправильно, как будто чего-то не хватает. Это что-то контекст. Микроскопия говорит иначе и излучает актуальность.
Ввод пароля + Микрокопия Маурисио Букардо
Внезапно объединение, к которому все стремились, уступило место индивидуальности через один из лучших способов передачи информации — слова.Потому что слова имеют значение.
Некоторые дизайнеры сбились с пути и стали… писателями UX. И они начали подходить к письму со всеми своими знаниями и навыками визуального воздействия. Принципы письма UX быстро нашли свою форму в виде пирамиды.
Есть два слоя. Написание UX не обязательно должно быть личным. Суть продукта может быть реализована только с помощью принципов UX-письма. Если это ясно, это полезно, а если помогает, становится значительным. Верхний уровень — это то, что усиливается UX-письмом — социально приятный голос бренда.
На бумаге это довольно просто, но как применить это на практике с реальными словами и реальными проблемами?
Зачем нужен дизайн
Почему мы используем дизайн в повседневной жизни? Как было сказано в начале этой статьи, смысл дизайна в основном заключается в планировании наиболее оптимального способа достижения определенной цели. С этой точки зрения все, что нас окружает, является результатом дизайна, и мы разрабатываем то или иное дело каждый день, будь то ваш завтрак или сложный отчет, необходимый для вашей работы.Это то, что всегда вокруг нас, удерживая все вместе. Дизайн важен в жизни, потому что это невероятно мощная сила, постоянно меняющаяся и изменяющаяся.
В основе веб-дизайна и дизайна приложений лежат бизнес-цели. Ценность хорошего дизайна — это повышенные шансы на успех. Это важно, потому что без адекватного исследования дизайна каждое предприятие — это выстрел в темноте. Может, вам повезет, а может, и нет. Профессиональный дизайн веб-сайтов и приложений дает клиентам компании больше удовольствия, и это главное.Предприниматели гордятся своим бизнесом, так почему бы не заставить его работать еще лучше, отражая характер компании?
Хороший дизайн может заставить людей больше доверять вам, изменить восприятие клиентов, сделать вас запоминающимся, донести ваше сообщение, заставить ваш продукт работать в полной мере и сиять. Великий может даже больше.
* * *
Что такое дизайн? У каждого профессионала и автора, у каждой команды и каждой компании есть свое собственное определение дизайна и понимание того, что он делает и что это такое.Каждый из них по-своему решает вопрос о значении дизайна.
Но кажется, что все сводится к тому простому факту, что смысл дизайна, хотя он может варьироваться в зависимости от разных проектов, областей и теорий, не связан с украшением как таковым, а скорее с решением конкретных задач и обеспечением жизни людей. пользователям лучше, понятнее, приятнее.
Статья была первоначально опубликована в январе 2020 года и была обновлена в ноябре 2020 года, чтобы сделать ее более актуальной и всеобъемлющей.
Искусство против дизайна — вечный спор
Проведите сколько угодно времени, работая среди профессиональных дизайнеров, и вы поймете, что приравнивание искусства к дизайну — верный способ встряхнуть горшок и услышать такие смелые заявления, как:
- «Дизайн — , а не арт. Дизайн должен функционировать ».
- «Искусство призвано вызывать мысли и эмоции, но не решает проблем».
- «Художники в первую очередь работают на инстинктах, тогда как дизайнеры используют методичный процесс, основанный на данных.”
К сожалению, дискуссия между дизайнером и художником часто превращается в разглагольствования и бреда. Строятся линии, поднимаются боевые флаги, и продуктивный диалог становится невозможным.
Что на самом деле здесь происходит? Почему искусство и дизайн противопоставлены друг другу и почему дизайнеры так непреклонны, что дизайн не может быть искусством? Эти вопросы — отправная точка вдумчивого разговора между дизайнерами Toptal Микой Бауэрс и Миклосом Филипсом.
Bowers — бренд-дизайнер и иллюстратор, который считает, что искусство включает в себя множество творческих дисциплин, дизайн является одной из них, и поэтому дизайн — это искусство.
Philips, дизайнер UX и ведущий редактор блога Toptal Design, придерживается позиции, что искусство и дизайн могут пересекаться, но это совершенно разные области.
С нашими участниками на ринге пора начинать дебаты. Господа, дотрагивайтесь до перчаток и идите по своим углам.
Дизайн — искусство?
Михей: Дизайн — это искусство. Искусство — это дизайн. Без исключений.
Давайте проясним: я осознаю, насколько непопулярна моя позиция, особенно среди моих коллег-дизайнеров.Я был на беседах, читал книги, разговаривал с коллегами и посещал занятия, решив установить непримиримые различия между искусством и дизайном. Всякий раз, когда я делюсь своими взглядами, реакция возникает быстро и яростно, но контраргументы меня не трогают (удачи, Миклос).
Настойчивое различие между искусством и дизайном было похоже на постоянную низкую лихорадку, которая беспокоила меня последние 15 лет — сначала во время обучения промышленному дизайну, затем во время учебы в магистратуре изящных искусств, а затем в моей карьере в брендинг и иллюстрация.
Моя позиция такова: отличный дизайн — это прежде всего искусство. В чем коренится это убеждение? Философское понимание искусства.
Философы, такие как Платон, веками обсуждали значение искусства и определение дизайна.
(«Платон» от lentina_x — под лицензией CC BY-NC-SA 2.0)
Поиски определения искусства уходят корнями в многовековые дискуссии. Греческий философ Платон считал, что искусство по сути является отражением реального. Но его взгляды широко оспариваются, и, поскольку мы должны с чего-то начинать, мы должны стремиться к пониманию, которое признает историю и разнообразие мировой мысли и культуры.
Перефразируя Стэнфордскую энциклопедию философии, мы здесь:
Искусство существует и существовало во всех известных человеческих культурах и состоит из предметов, представлений и переживаний, которые их создатели намеренно наделяют высокой степенью эстетического интереса.
В соответствии с этим определением дизайн, несомненно, является искусством. Его можно найти в любой человеческой культуре. Он используется для создания объектов, представлений и опытов. А дизайнеры намеренно привносят в свою работу значительный эстетический интерес.
Здесь слышен неизбежный крик: «Подожди! Вы погубили себя одним словом. Эстетично! »
Дизайнеры любят делать радикальные предположения в отношении эстетики, поэтому позвольте мне создать защиту.
Как и искусство, понятие эстетики — это сложная область философской мысли, и ее нельзя свести к стереотипу дизайнера, что это означает «делать вещи красивыми».
На самом деле, эстетика охватывает множество вопросов, которые важны для «искусства vs.дизайн »дебаты:
- «Можно ли определить эстетическое суждение из практического?»
- «На каком основании мы судим о полезности и красоте?»
- И: «Как основополагающие убеждения, с помощью которых мы делаем эстетические суждения, подвержены влиянию времени, культуры и жизненного опыта?»
Вот моя точка зрения: в мире современного дизайна искусство имеет узкое определение и несправедливо превращается в жалкую акварельную карикатуру.Дизайнеры легкомысленно преувеличивали значение своих собственных дисциплин (которые различаются по содержанию до смешной степени) на протяжении веков художественной практики, философских исследований и культурного понимания. Дизайн — это искусство. Искусство — это дизайн. Без исключений.
Миклош: Дизайн должен выполнять функцию. Не искусство.
Прежде всего, мы должны выделить, о каком дизайне type идет речь. Я вижу, что в случае графического дизайна, иллюстраций и брендинга, может быть, дизайн — это в некотором роде «искусство», , но если мы говорим о более функциональном дизайне, таком как дизайн цифровых продуктов или промышленный дизайн, нам нужно многое сделать. глубже, и становится ясно: Дизайн — это не «искусство».”
Великолепный дизайн — это отчасти наука, отчасти процесс, а отчасти — практический набор решений с примесью эстетики. Выйдя за пределы поверхности, дизайнер неизбежно обнаруживает, что отличный дизайн — это скорее решение проблем.
Дизайн — это процесс, а не искусство.
Как UX-дизайнер, мне всегда нужно копать глубже, за пределами фасада, который можно было бы назвать потенциальным «дизайном», и смотреть на более широкую картину целостно: целевая аудитория, сценарии использования, контекст и устройство дизайн предназначен для: ТВ на мобильные устройства, настольные компьютеры на планшеты, банкоматы и т. д.Что касается дизайна продукта, давайте не будем забывать о проверке и тестировании удобства использования. Если бы дизайн был всего лишь арт, как бы вы могли его проверить?
Если бы дизайн был исключительно искусством, как насчет эвристики юзабилити? Являются ли такие концепции удобства использования UX, как обратная связь, согласованность и стандарты, предотвращение ошибок, пользовательский контроль, гибкость и предсказуемость, за окном? Разве дизайн не для того, чтобы служить людям? Если хочешь быть художником, будь этим, но не называй себя дизайнером. Будьте художником или скульптором.
«Есть красота, когда что-то работает и работает интуитивно», — говорит Джонатан Айв.
«Работа интуитивно» сама по себе не может быть достигнута «искусством»; он основан на исследованиях и тестировании пользователей. Хороший дизайн также основан на данных. Более того, в ближайшем будущем ИИ изменит способ разработки дизайна. Это будет супер-персонализированный и упреждающий. Сможет ли это сделать дизайн как «искусство»? Я так не думаю.
Нельзя сказать, что проектирование пользовательского интерфейса автомата по продаже билетов — это «искусство.Конечно, эстетика и эмоциональный дизайн вступают в игру — как уже упоминалось ранее в других статьях в блоге Toptal Design, — потому что эстетика играет роль в дизайне в той мере, в какой дизайн с лучшей эстетикой заставляет продукт «работать лучше». Но все же необходимо учитывать функцию дизайна и контекст использования.
Например, в основополагающей книге Дона Нормана «Дизайн повседневных вещей» он говорит о дизайне и концепции аффордансов. (Концепция аффорданса была предложена перцептивным психологом Джеймсом Дж.Гибсон в своей новаторской книге Экологический подход к визуальному восприятию ). Норман пишет:
Возможности дают убедительные подсказки о работе вещей. Плиты толкаемые. Ручки поворотные. Слоты предназначены для вставки вещей. Ручки для подъема. Мячи предназначены для метания или отскока. Когда используются преимущества, пользователь знает, что делать, просто взглянув: изображение, этикетка или инструкция не нужны.
Итак, аффордансы — это «воспринимаемые свойства» функции в дизайне, и о них нужно сигнализировать пользователю с помощью «указателей», которые дают подсказки пользователю о существовании возможного взаимодействия.Я не знаю, как можно объединить концепции аффордансов и означающих с «искусством». Это важные концепции дизайна взаимодействия в сфере HCI (взаимодействия человека и компьютера). Они не имеют отношения к искусству.
Как UX дизайнер, я отвергаю это понятие. Я имею в виду, вы можете представить себе автомат по продаже билетов, созданный Пикассо в кубистическом стиле? Я не говорю, что это было бы неинтересно, но это было бы не очень эффективно или функционально.
Что такое хороший дизайн?
Михей: Искусство решает проблемы.«Хороший дизайн» — это просто один из путей к решению.
Автомат по продаже билетов в кубизме Пикассо? Теперь , что было бы хорошим дизайном! Я могу представить себе руки способного художника, использующего стилистический диссонанс кубизма в четко определенной визуальной иерархии, которая радует пользователей однозначными точками взаимодействия. Наконец, мы могли попрощаться с мягкими и запутанными святилищами, к которым мы все привыкли.
Интересно, что такая идея не беспрецедентна.В больших и малых городах по всему миру инсталляции паблик-арта использовались для улучшения впечатлений, ранее упускаемых из виду или запутанных в дизайне. «Путь Ван Гога», созданный голландским художником Дааном Русегаарде, является прекрасным примером.
Технология экспериментальной инсталляции оказывает существенное влияние на мир дизайна.
Вдохновленный «Звездной ночью» Ван Гога, тропа проходит через Нуэнен, Нидерланды (город, где художник жил в 1880-х годах), и состоит из тысяч маленьких раскрашенных камней, которые улавливают энергию солнца днем и светятся ночью. .
Если бы все это было охвачено проектом, это было бы не более чем красивый световой эффект, но рамки художественного видения Русегаарде намного шире. Путь Ван Гога является подтверждением концепции в рамках более крупного проекта под названием SMART HIGHWAY, амбициозного проекта, направленного на переосмысление голландского ландшафта путем внедрения устойчивой системы светящихся интерактивных дорог.
Вывод? Искусство и художники умеют решать существенные проблемы.
Решение проблем требует знаний, опыта, навыков, исследований, риска и понимания человеческого поведения, но, к сожалению, многие дизайнеры не осознают, что художники используют методологию решения проблем в своей работе, даже несмотря на то, что художники систематически ищут творческие решения для веков, задолго до того, как звание «дизайнер» стало модным.
Нужны доказательства?
И снова мы обращаемся к голландскому художнику, мастеру света и живописцу «Девушка с жемчужной серьгой» Йоханнесу Вермееру. Вермеер жил в середине 17 века, добился скромных успехов в живописи и умер под гору долгов. Однако почти через два столетия после его смерти работы Вермеера были заново открыты, и его статус одного из величайших художников всех времен был закреплен в анналах истории искусства.
Но случилось странное.Чем больше людей изучали Вермеера и его работы, тем больше они понимали, что его картины и процесс действительно не похожи на работы других художников. Как так?
- Вермеер не имел формального художественного образования и, по всей видимости, не учился на художника.
- Его работы довольно малы, всего менее 50 картин.
- У него никогда не было своих учеников или учеников.
- Почти все картины Вермеера были поставлены в одной из двух комнат его дома.
- Нет сохранившихся подготовительных рисунков или эскизов, приписываемых Вермееру.
- Рентгеновские снимки картин Вермеера не обнаруживают прорисовок или композиционных исправлений.
- Его картины содержат искажения освещения и перспективы, которые можно увидеть только через искусственные линзы.
- И, наконец, Вермеер был близким другом Антони ван Левенгука, голландского ученого, известного своими новаторскими работами в области изготовления линз и микроскопии.
Некоторые ученые утверждают, что человеческий глаз не может естественным образом воспринимать аберрации освещения и перспективы, обнаруженные на картинах Вермеера.
Что все это значит? Вермеер, вероятно, использовал продвинутую и до сих пор неизвестную форму камеры-обскуры для создания своих шедевров. Это спорная теория, но есть достаточно доказательств из множества источников, подтверждающих такое утверждение.
Какое отношение это имеет к нашим дебатам? Вермеер изобрел устройство и процесс, которые оставались незамеченными и не дублировались более 350 лет, и позволил ему создать одни из самых знаковых и технически изысканных картин без какого-либо формального обучения.Это вершина решения проблем.
Дизайн — это форма искусства, метод человеческого выражения, который следует системе высокоразвитых процедур для придания значимости объектам, представлениям и опыту. Как и все виды искусства, дизайн может решать проблемы, но нет никакой гарантии, что это так.
Больше всего я хочу, чтобы дизайнеры осознали, что искусство — это не глупая субкультура дизайна, которая отвергает озабоченные рисованием пальцами свои чувства.Фактически, низкий взгляд на искусство — это также низкий взгляд на дизайн, науку, историю и культуру, что серьезно ограничивает творческий потенциал и междисциплинарный прогресс.
В конце концов, искусство решает проблемы. «Хороший дизайн» — это просто один из путей к решению.
Миклош: Хороший дизайн беспристрастен и удовлетворяет потребности людей.
Заметьте, я не сказал «чего хотят люди», как в песне Rolling Stones: «Вы не всегда можете получить то, что хотите… вы получаете то, что вам нужно.«Люди не всегда знают, чего хотят, дизайнеры должны выяснить, что именно им нужно.
Кстати, а как картины решают проблемы? Я этого не вижу.
Хороший дизайн до некоторой степени субъективен, но, на мой взгляд, «хороший дизайн» определяется в процессе итеративного процесса проектирования с большим количеством валидации / тестирования. Это «дизайнерское мышление». Он существует уже несколько десятилетий. Это то, что просто работает, когда все складывается правильным образом, в нужное время, в нужный момент.
Хороший дизайн — это определенно , а не только об искусстве или эстетике. Это только поверхность. О хорошем дизайне следует судить по нескольким факторам, таким как предполагаемая база пользователей, среда, контекст использования, среда и устройство, на котором он будет отображаться. Например, в случае с автоматом по продаже билетов эстетика может не иметь такого большого значения — людям нужно делать что-то, а вещи просто должны работать на них. Он должен быть суперфункциональным, быстрым и эффективным.
На мой взгляд, хороший дизайн — это дизайн, в котором гармонично сочетаются эстетика и дизайн взаимодействия. Продолжая использовать пример с автоматом по продаже билетов, в этом сценарии «внешний вид» менее важен и должен занимать соответствующую часть с точки зрения важности на шкале балансировки, а удобство использования и дизайн взаимодействия (функциональный дизайн) должны занимать большее место. пропорция.
Мы также можем противопоставить «хороший дизайн» и «плохой дизайн». Плохой дизайн — это столпотворение.Это беспорядок. Это может расстраивать или раздражать. Это замедляет людей и истощает их эмоционально. На самом деле он может быть уродливым или просто непримечательным и, следовательно, не заслуживающим чьего-либо внимания. Для вашей аудитории плохой дизайн — это препятствие, а не расширение возможностей.
Выглядит круто, но хороший ли дизайн?
Является ли дизайн субъективным или объективным?
Миклош: Это сочетание того и другого в разных пропорциях.
Искусство и дизайн неразрывно связаны.Я считаю дизайн целостным начинанием, которое включает и «искусство». Дизайн является как субъективным , так и объективным, но должен быть в первую очередь объективным . Надлежащая объективность дизайна достигается путем исследования пользователей (определение целевой пользовательской базы, знакомство с пользователями продукта, наблюдение за контекстом использования), проработки основных этапов процесса проектирования, ориентированного на пользователя (UCD), и пользовательского тестирования.
Дизайн может возникнуть в голове блестящего дизайнера, но его практическое применение еще требует подтверждения.Если бы дизайн был только субъективным, не было бы необходимости в юзабилити-тестировании (что, скорее всего, расстроило бы дизайнера, потому что он / она обнаружил бы, что дизайн не работает). Дизайн должен был исходить от одного человека, что, на мой взгляд, является нелепой, отсталой идеей. Дизайнеры, которые на 100% субъективны, высокомерны.
Однако небольшой процент субъективности действительно играет роль — эстетика играет роль, и, возможно, именно здесь происходит эмоциональный дизайн. Это шаг, на котором на первый план выходят чувствительность, «искусство» и субъективность дизайнера.Великие дизайнеры «наряжают» или «прикрывают» лежащий в основе функциональный дизайн, чтобы создать что-то, что работает на всех эмоциональных уровнях — интуитивном, поведенческом и рефлексивном — для создания продукта с потрясающим UX.
Некоторые дизайнеры считают, что хороший дизайн должен быть объективным. Я в это не верю. В дизайне Старка или Джонатана Айва есть доля гениальности. Они привносят в свой дизайн нотку субъективизма, что связано со вкусом. Одним из величайших оскорблений Стива Джобса было обвинение кого-то в отсутствии вкуса.
Стул дизайн бельгийского дизайнера Маартена Ван Северен
Мика: Искусство и все его дисциплины (включая дизайн) сочетают в себе объективность и субъективность.
Я не знаю, как это случилось, Миклош, но похоже, что мы нашли общий язык, и я приятно удивлен.
Искусство и все его дисциплины, включая дизайн, требуют сочетания объективности и субъективности. Конечно, найдутся дизайнеры, которые закатят глаза и заявят: «Искусство чисто субъективно.Для разных людей это может означать разные вещи ». Очевидный контрапункт? «То же самое и с дизайном!»
Но давайте присмотримся.
Когда дизайнеры утверждают, что искусство должно быть субъективным, они обычно имеют в виду то, как люди оценивают результат усилий художника. Такое мышление об искусстве делает упор на результат. Другими словами, искусство равно объектам, представлениям и опыту. Искусство — это живопись. Искусство — это танец. Искусство — это световое шоу.
С этой точки зрения арт является субъективным.Я думаю, что американская готика жуткая, но вы находите это вдохновляющим. Я думаю, что кресло Имса — это классно, но вы чувствуете, что это вульгарно. Я думаю, что интерфейс WhatsApp сбивает с толку, но вы никогда не видели ничего более элегантного. Искусство — это результат, результаты открыты для интерпретации, и все правы!
Справедливо ли судить об искусстве исключительно по результатам усилий художника?
К счастью, определение искусства, которое я предложил в начале этой дискуссии, более тонкое, поэтому давайте освежим наши воспоминания:
Искусство существует и существовало во всех известных человеческих культурах и состоит из предметов, представлений и переживаний, которые их создатели намеренно наделяют высокой степенью эстетического интереса.
Обратите внимание на слова, выделенные жирным шрифтом. Художники «намеренно наделяют» свои работы в высокой степени смыслом. Другими словами, они сознательно усиливают или целенаправленно обогащают. Есть намерение жениться на действии.
Понимаю более полно, искусство — это не результат. Искусство — это процесс, а процесс искусства переполнен объективностью.
Не согласны? Рассмотрим столетия повторяемых практик, стандартизированных инструментов, химических реакций и научных открытий, сделанных искусством.В той степени, в которой могут существовать реальности, независимые от разума (определение объективности), искусство объективно, потому что оно зависит от процесса.
Если художник по керамике зажег блюдо, не дав ему предварительно высохнуть, оно взорвется.
Если пианист положит пальцы на правильные клавиши, она сыграет нужный аккорд.
Если веб-дизайнер выберет дингбаты в качестве основного текста, большие части сайта его клиента будут неразборчивыми.
Главный вывод, Миклош, в том, что я в основном с тобой согласен.Искусство и, следовательно, дизайн — это смешанный мешок объективности и субъективности, приправленный достаточно двусмысленностью, чтобы дискуссия «Искусство против дизайна» продолжалась долгие годы.
Заключение
Совершенно непонятно, что эти слова — «Что такое искусство?» — выражают что-то вроде единственного вопроса, на который даются конкурирующие ответы, или участвуют ли философы, предлагающие ответы, в одних и тех же дебатах… Абсолютное разнообразие предлагаемых определения должны заставить нас задуматься. — Кендалл Уолтон,
На самом фундаментальном уровне и искусство, и дизайн стремятся что-то сообщить, и, несмотря на различия, будь то изящное, коммерческое или прикладное искусство, в лучшем случае обе формы вызывают эмоциональный отклик.
Утверждалось, что разница между изобразительным и прикладным искусством контекст и больше связана с оценочными суждениями о самой работе, чем с каким-либо неоспоримым различием между двумя дисциплинами. Более того, сравнение «искусства» и «дизайна», хотя и возвышенное, возможно, донкихотское занятие, поскольку ни одно из них не может быть определено абсолютно, потому что они постоянно меняются — границы постоянно раздвигаются и, надеюсь, будут таковыми и в будущем. В конце концов, эти дебаты: — это вне времени.
Как мы решаем, что такое искусство, а что дизайн, и почему отношения между ними настолько разорваны? Разногласия возникает из-за разницы между функциональным (дизайн) и нефункциональным (искусство)? Журнальный столик Noguchi или стул Rennie Mackintosh — это просто функциональный объект, или же у искусства есть функция?
Глазский архитектор, художник и дизайнер Чарльз Ренни Макинтош был одним из первых сторонников интегрированной арт-архитектуры.Он верил в чистую интеграцию формы и функции и на протяжении всей своей карьеры стремился выдвинуть теорию «комнаты как произведения искусства».
Ренни Макинтош спроектировал мебель и другие приспособления в своих зданиях, где каждая деталь вносила вклад в общее целое.
Фрэнк Ллойд Райт настолько твердо верил в единство формы и функции, что изменил часто неправильно понимаемую аксиому «форма следует за функцией», которую его наставник Луис Салливан придумал следующим образом: «форма и функция едины.Его план относительно Guggenheim «… заключался в том, чтобы превратить здание и картины в красивую симфонию, которой никогда раньше не было в мире искусства».
В заключение скажу, что не искусство по сравнению с дизайном , а их единство лежит в основе любого превосходного дизайна. Другими словами, хороший дизайн включает искусство.
• • •
Дополнительная информация в блоге Toptal Design:
.