12 признаков, по которым дизайнеры определяют хороший дизайн — а значит и вы сможете | by Nancy Pong | Основы визуального дизайна

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

Amy Hood for Hoodzpah/Dribbble

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

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

05. Читается ли текст?

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

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

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

The Prince Ink Co./Dribbble

• Цвет и контраст. Если цвета фона и шрифта находятся в дисгармонии (как например неоново-зеленый текст на красном фоне — самый яркий пример) или, наоборот, слишком похожи друг на друга, текст становится сложно читать. То же самое происходит, если цвета недостаточно контрастны.
• Стиль. Некоторые шрифты больше подходят для чтения, чем остальные. Простые, четкие гарнитуры (без наворотов) идеальны для текстов. “Показные” шрифты (display fonts) — то есть необычные шрифты с ярко выраженым характером — больше подходят для крупномасштабных дизайнов. Приберегите их для случаев, когда нужно выделить одно слово или фразу. Если написать таким шрифтом целый абзац, читаемость текста сильно пострадает.

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

Steve Wolf/Dribbble

06. Сбалансированы ли форма и функция?

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

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

Эта иллюстрация для кукурузных чипсов Doritos очень эффективно “подружила” форму и функцию. Иллюстрация и цвета подобраны не случайно: они углубляют дизайн и поддерживают образ бренда. Горы (а также птицы и солнце) напоминают настоящие чипсы Doritos, а их цвета соответствуют разным вкусам.

DKNG/Dribbble

07. Есть ли контраст?

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

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

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

Martin Azambuja/Dribbble

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

08. Правильно ли используется пространство?

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

• Близость. Близость — расположение взаимосвязанных элементов на небольшом расстоянии друг от друга (а несвязанных элементов на отдалении) — это простой принцип, который может сыграть огромную роль в дизайне. Группировка взаимосвязанных элементов автоматически делает дизайн более логичным и организованным.
• Белое пространство. Концепция белого пространства в дизайне сводится к тому, чтобы обеспечить каждому элементу достаточно свободного места. Этого можно добиться при помощи полей, пустого места вокруг элементов и между ними, больших межстрочных интервалов и многого другого. В большинстве проектов вам достаточно будет просто найти золотую середину между занятым и пустым пространством в лейауте. Если оставить слишком мало белого пространства, дизайн будет казаться переполненным. Если белого пространства будет слишком много, пропадет эффект близости элементов, потеряется взаимосвязь между ними. Дизайн, в котором соблюден баланс между пустым пространством и заполненным, не только красиво выглядит, но и проще воспринимается.

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

Cosmin Capitanu/Dribbble

09. У дизайна подходящее настроение?

Цвета, стили шрифтов и другие элементы придают дизайну определенное настроение — возможно, игривое, серьезное или утонченно-элегантное? Убедитесь, что настроение дизайна соответствует его назначению, чтобы не вводить пользователей в заблуждение.

Этот баннер, к примеру, посвящен детскому конкурсу по раскрашиванию, который проводился в рамках Октоберфеста. Поэтому подобраны очень осенние цвета, а также веселые и причудливые шрифты. С серьезными шрифтами и серыми цветами дизайн был бы совершенно другим, и (что самое важное!) он не подходил бы настроению самого события.

Emrich Office/Dribbble

10. Гармонична ли цветовая схема?

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

Szende Brassai, Adline/DribbbleSteve Wolf/Dribbble

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

В дизайне этого логотипа используется много цветов, но больше всех выделяются оттенки оранжевого сверху, синий баннер посередине и оттенки фиолетового снизу. Это схема из расщепленных дополняющих цветов (split complementary colors): выберите основной цвет, а потом еще два, которые находятся по бокам от дополняющего его цвета. В данном случае это желто-оранжевый, синий и фиолетовый. У такой цветовой схемы достаточно сильный визуальный контраст, но зато сочетания цветов менее резкие, чем у дополняющих (представьте: красный и зеленый, фиолетовый и желтый).

Justin Mezzell/Dribbble

11. Соответствует ли дизайн брифу?

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

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

12. В хорошем ли качестве итоговый файл и изображения?

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

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

Если хотите поглубже изучить различия между печатным и веб дизайном, а также получить конкретные рекомендации по цвету, разрешению и форматам файлов, почитайте эту статью: “Графический дизайн для печати и для веб: 15 важнейших различий, о которых нужно знать”.

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

В следующий раз, когда будете работать над дизайн-проектом, задайте себе эти 12 вопросов.

Если вам понравилась статья и перевод, дайте нам знать — нажмите кнопку Recommend

А если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.

Нас можно найти в Facebook: Ольга Скулкина и Ринат Шайхутдинов.

12 блогов о дизайне: учитесь, вдохновляйтесь, следуйте тенденциям

01.

Inside Design Blog – по-настоящему информативный блог о дизайне от компании InVision. Судя по названию блога, он расскажет все о дизайне, каким он есть изнутри. Статьи удобно разделены по категориям: карьера, портфолио, фриланс, обсуждение, вдохновение, командам, анимация, видео и другие. Большая часть дизайн блога посвящена пользовательскому интерфейсу.

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

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

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

02.

Блог Marvel – это идеи и слова о пользовательском опыте, дизайне, работе и многом другом. Ресурс рассказывает все о дизайне сайтов, приложений и цифровых иллюстрациях. Отборные статьи публикуются каждый день, поэтому вы узнаете все тренды графического дизайна 2021. Сообщество читателей блога составляет более 500 000 пользователей.

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

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

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

03.

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

Юрий Ветров – дизайн-редактор Mail.Ru. Посмотреть некоторые дизайнерские проекты портала можно на Behance и Dribbble. Юрий Ветров занимается разработкой UX-интерфейсов уже более 18 лет. За это время ему довелось сотрудничать с такими брендами: Audi, Яндекс, HeadHunter, TezTour, AdWatch Isobar и др.

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

Предлагаем вам посмотреть, как любовь Юрия к бургерам отразилась на его профессиональной деятельности. Узнайте, какой «бургер» используется в интерфейсе веб-ресурсов Mail.Ru Group.

04.

IDEO Blog: The Octopus – это авторитетный блог о дизайне. Компания IDEO является глобальной дизайнерской компанией, которая стремится оказывать положительное влияние. Это сообщество дизайнеров, предпринимателей, инженеров, преподавателей, исследователей и других специалистов.

Проект «Осьминог» предлагает инновационный взгляд дизайнера на вселенную. Главное – ориентация на человека. Дизайнер должен удовлетворить потребности аудитории, решать возникшие задачи и давать ответы на вопросы. Блог позволит вам следить за трендами графического дизайна 2021, которые создают удобство пользования.

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

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

05.

Дизайн-кабак – это самый крупный журнал о дизайне в России. Он являет собой электронный сборник статей, а точнее – клуб по интересам. Дизайнеры и графические иллюстраторы делятся своим опытом и экспериментами. Присоединиться к ним может каждый.

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

В блоге собрано огромное количество статей о трендах в веб-дизайне и других типах цифрового проектирования. Журнал имеет рубрику «Пятничный дайджест». В ней собраны все новости за неделю о трендах, продуктах и инструментах дизайнера. Также на сайте есть раздел «Авторская колонка», где представлены статьи основателя ресурса.

06.

Tilda Education – это цифровой образовательный блог о веб-дизайне. Он являет собой практические руководства по маркетингу и дизайну для любых электронных проектов. Отдельное внимание блога уделено дизайну Landing Page, так как посадочные страницы должны цеплять посетителя мгновенно.

Сайт о веб-дизайне расскажет также многое о контенте, верстке, бизнесе и СЕО. Статьи удобно распределены по категориям: Дизайн, Маркетинг, Вдохновение, #madeontilda и др. Удобный интерфейс и навигация сайта позволят быстро найти интересную статью.

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

07.

INTERNET 9000 – это успешный Telegram канал о дизайне с более чем 12 000 подписчиков. Основная идея проекта: интернет – это волшебное место, наполненное чудесными вещами. Так автор решил делиться всем интересным о дизайне и проектировании в цифровом мире.

Автор канала – Сергей Сурганов, дизайнер/разработчик в компании Notion. На канале он представляет личное видение дизайнерских инноваций и делится интересными публикациями с других ресурсов. Публикации выходят каждый день, поэтому автор успеет рассказать обо всех тенденциях графического дизайна.

08.

The DESK Magazine – это действительно полезный журнал о дизайне без рекламы и «без балды». Блог DESK предназначен для независимых производителей и тех, кто хочет расширить свой кругозор за пределы обычных дизайнерских тем. Поэтому вы не найдете статьи, как «последние тенденции UX».

Блог написан о вещах, которые волнуют дизайнеров уже сейчас.

The DESK Magazine – это отличная возможность увидеть все последние тренды в дизайне. Статьи в журнал публикуются по категориям: дизайн, эффективность, жизненные уроки, карьера, советы, фотография, фриланс, психология, жизнь в Нью-Йорке и другие.

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

09.

Cuberto – это лондонская компания, которая занимается исследованиями и разработкой юзабилити-дизайна. Компания спроектировала большое количество веб-сайтов, приложений и брендинг-проектов. Именно об этом вам расскажет блог Cuberto на платформе Medium.

Работы студии не раз награждались авторитетными премиями, поэтому блог несет действительно полезную информацию. Для примера можно посмотреть современный дизайн веб-сайта компании Cuberto.

В блоге Cuberto можно увидеть образовательные и развлекательные материалы. Многие статьи смогут вдохновить вас на создание уникального продукта. Если вы увлекаетесь UI дизайном мобильных приложений, вам обязательно стоит подписаться на Cuberto.

10.

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

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

Особенно интересным и полезным является раздел Новости, если для проектирования дизайна вы используете Photoshop, Illustrator, Premiere Pro, After Effects или другие продукты Adobe. В разделе вы увидите актуальную информацию о дополнениях и обновлениях для программ.

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

11.

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

Автор предлагает вам сперва ознакомиться с обучающими материалами по графике и веб-дизайну. Затем приступить к изучению процесса разработки личных проектов Veerle. Вы можете использовать материалы и шаблоны Veerle, они находятся в свободном доступе. И на конец автор предлагает вам набраться вдохновения, и начинать творить.

Раздел блога Inspiration действительно поможет найти свое вдохновение. В нем собраны иллюстрации, фотографии, шрифты и другие материалы, которые способны настроить вас на работу. Цветовые палитры можно загрузить в виде Adobe Swatch Exchange (.ase).

12.

Fjord – это глобальный консалтинг по дизайну и инновациям. Они используют силу дизайна для создания услуг, которые любят люди. Fjord разрабатывает новейшие технологии для создания цифровых продуктов и услуг. Это диктатор мод в мире цифрового дизайна. Если вы желаете следовать тенденциям, рекомендуем вам следить за обновлениями на fjordnet.com.

Каждый год консалтинг выпускает доклад о трендах в дизайне. Данный проект – это труд и краудсорсинг от фьордов (1000 человек) со всего мира – от Сан-Франциско до Берлина, от Гонконга до Йоханнесбурга, от Дубая до Сан-Паулу и 22 других мест. Этот процесс приводит к появлению тенденций, которые, как мы ожидаем, повлияют на бизнес, технологии и дизайн в будущем году.

Следите за популярными ресурсами о дизайне, чтобы всегда быть в тренде!

как сделать красивый сайт / Skillbox Media

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

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

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

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

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

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

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

У адаптивного дизайна есть плюсы и минусы, главные из которых — медленная загрузка страниц и невозможность перейти на полную версию сайта.

Сайт CreativePeople отлично смотрится на любом устройстве

Мобильная версия — это отдельная версия, полностью или частично дублирующая информацию основной версии сайта, но предназначенная для просмотра с мобильных устройств. Она имеет отдельный адрес, как правило, это приставка к основному домену m. или mobile.

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

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

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

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

Создать красивый дизайн, который понравится всем пользователям, — невозможно. Дизайн сайта должен понравиться целевой аудитории. Как правило, ЦА для компании подбирают маркетологи, поэтому вы получите к ТЗ определенный портрет пользователя. Если же клиент не предоставляет таких данных, стоит потратить время на беседу с ним и изучение сайтов конкурентов.

Для поиска вдохновения и удачных решений заглядывайте на Pinterest, Behance и Awwwards. Лучше всего создать подборку как минимум из 20–30 примеров сайтов для каждого проекта. Их можно обсудить с клиентом, чтобы понять, какой дизайн он от вас ждет.

Сайт Awwwards — отличное место для поиска вдохновения

Работа над дизайном сайта — увлекательный процесс. Новичкам нужно приобретать массу знаний и нарабатывать опыт. Но как только вы почувствуете уверенность в собственных силах и получите первые деньги за свой проект, то поймете, насколько здорово быть дизайнером. А с трудностями, знаниями и вопросами мы поможем разобраться на  курсе «Веб-дизайн с 0 до PRO».

Дизайн – наука о красоте, которая делает комфортнее существование человека

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

О том, как обучать школьников дизайну и с чего начать, 7 сентября 2017 г. на Московской Международной Книжной Выставке-Ярмарке рассказал Гуров Григорий Евгеньевич, автор учебника «Дизайн и архитектура в жизни человека» 7-8 кл. и учебного пособия «Дизайн» 10-11 кл. группы компаний «Просвещение», преподаватель МИОО (ЦНХО Б.М. Неменского), Лауреат премии Президента в области образования 2004 г.

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

«Начинать обучать школьников дизайну надо параллельно по двум направлениям. Первое – это теория, с помощью целого ряда комбинационных упражнений необходимо научить ребёнка работать с композицией, формой, цветом и т.д. Но всё это должно сопровождаться эмоциональной окраской.  На первых парах так оно и получается, сначала он делает, а потом приходит передача всяческих состояний. Ученик должен понимать, что дизайн – это не просто механические кубики. Настоящая абстракция, действительно обладающая изобразительной, духовной и иными ценностями, провела долгий и насыщенный процесс поиска пути вместе с человеком, создавшим её» – рассказывает Григорий Евгеньевич в своём выступлении.

Дизайн может быть ярким и тихим, традиционным и дерзким, он может быть кричащим или, наоборот, успокаивающим. Автор рассматривает дизайн в различных направлениях и противоречивых образах. Выдающиеся имена, выразительный зрительный ряд, терминология, история, творческие задания, от простейших до сложных – всё это можно найти на страницах его учебников. Учебный текст написан доступным языком, поэтому с ним можно работать как на уроке, так и использовать его самостоятельно дома, для расширения кругозора и самообразования.

Учебники созданы в соответствии с Федеральным государственным образовательным стандартом среднего общего образования. Они знакомят с основами образно-выразительного языка искусства дизайна, разными видами дизайна, особенностями профессии дизайнера. Изучение композиции на плоскости и в объёме, особенностей использования цвета, линии, пятна, объёма, фактуры, стилизации, а также разных видов дизайна помогает развивать у школьников художественное мышление, вкус и побуждает находить собственное отношение к различным явлениям культуры.

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

«Профессия промышленного дизайнера интегрировалась во все сферы промышленности» – Британская высшая школа дизайна

— Как прошел первый год обучения на программе? Над какими проектами работали студенты?

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

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

— Какие направления изучают студенты на программе?

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

— Кто преподает на программе?

— На программе преподают действующие профессионалы из индустрии: промышленные дизайнеры, арт-директора, дизайн-исследователи, академические предметы преподают опытные преподаватели из Строгановки, МГТУ им. Баумана, БВШД.

Среди преподавателей — Максим Кузин, разработчик легендарного трамвая R1, Евгений Аринин, победитель десятка международных конкурсов, арт-директор и промышленный дизайнер, Буляш Тодаева, призер Lexus Design Awards и евангелист Sustainable Design методологии, Анна Неклеса, CMF дизайнер Aston Martin, и множество других ярких и талантливых дизайнеров.

— Работают ли студенты с реальными кейсами из индустрии? Есть ли у них возможность стажировки?

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

— Насколько сейчас востребована профессия промышленного дизайнера в России и мире?

— Профессия промышленного дизайна набирает популярность в России из-за изголодавшейся индустрии и фантастического всплеска развития промышленности, на что также влияет ситуация со сложностью импорта продуктов и стратегией импортозамещения, развиваемая Министерством Промышленности РФ. В мире профессия промышленного дизайнера интегрировалась во все сферы промышленности, а с приходом цифровых технологий приобрела новую жизнь в phygital формате или CX (customer experience) дизайне, который объединяет в себе цифровой и физический миры. Нам еще предстоит увидеть революцию технологического смешения.

— Какие тренды в промышленном дизайне являются самыми актуальными?

— Такие тренды, как CX design, phygital, Sustainable design (устойчивое проектирование), а также генеративный дизайн, интегрированы в двухгодичный курс, предоставляя студентам выбор инструмента и направления деятельности.

— Какими студенческими проектами/достижениями вы особенно гордитесь?

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

Дизайн: все об образовательном направлении

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

Как поступить?

Направление подготовки «Дизайн» есть и на бакалавриате, и на магистратуре: чтобы поступить на бакалавриат, необходимо сдать ЕГЭ по литературе и русскому языку, а также — дополнительное испытание по предмету «Рисунок, живопись и композиция». Кроме того, абитуриенты должны представить домашние творческие работы по своему выбору (рисунок, живопись, графика, компьютерная графика, анимация, Web-сайты, игры, фото, видео и др.) — эта презентация является частью вступительного испытания «Рисунок, живопись и композиция».

Проходной балл для поступления на бюджетную основу в 2019 году составил 267 баллов

Чему будут учить?

На направлении подготовки «Дизайн» есть 4 программы: промышленный дизайн, графический дизайн, информационный дизайн и средовой дизайн. У каждой из программ есть своя специфика, но в общем, они объединены одной целью — подготовить специалистов в области трехмерной визуализации и анимации, Web-дизайна, визуальных эффектов для кино, телевидения и рекламы, а также индустрии компьютерных игр и технологий виртуальной реальности.

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

Некоторые профильные дисциплины

• Допечатная подготовка
• Иллюстративная графика
• История графического дизайна и рекламы
• Дизайн-проектирование
• Информационные и аудиовизуальные технологии в дизайне
• Высокоуровневые методы информатики и программирования, интеллектуальные системы и технологии
• Дизайн интерфейсов
• Инструментальные средства создания мультимедиа и Web-приложений
• Дизайн-проектирование
• Академическая скульптура и пластическое моделирование
• Персонажная анимация, программирование компьютерных игр и технологии виртуальной реальности

Образцы работ по живописи и рисунку для вступительных экзаменов

Высшая школа креативной индустрии и дизайна

Реализацией направления подготовки «Дизайн» занимается Высшая школа креативной индустрии и дизайна (https://design. spbstu.ru/) — одна из высших школ в составе ИММиТа. В состав высшей школы входят несколько лабораторий и специализированных классов, оснащенных современным оборудованием:

• Лаборатория визуализации и компьютерной графики
• Специализированный компьютерный класс Apple
• Лаборатория фото и видеосъемки
• Лаборатория видеомонтажа с 4 студиями нелинейного видеомонтажа
• Лаборатория человеко-компьютерного взаимодействия
• Лаборатория дизайна
• Экспериментальная лаборатория горячих эмалей
• Лаборатория ковки
• Лаборатория художественного литья
• Производственная линия цифрового литья

Академические знания по графическому дизайну — нужны ли?

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

Узнайте больше о программе «Дизайн» на Дне открытых дверей ИММиТ 25 января — подробная информация и контактные данные здесь: https://immit.spbstu.ru/events/dod_immit/

***

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

Глассморфизм (glassmorphism) — новый тренд в дизайне интерфейсов — UXPUB

Еще один тренд UI дизайна становится все более популярным. Вы о нем еще не знаете?

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

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

MKBHD использовал этот стиль в интро своих роликов

Что такое неоморфизм? Давайте разберем неоморфизм с точки зрения доступности

Прогнозируется, что в 2020 году неоморфизм станет одним из главных трендов дизайна пользовательского интерфейса

Привет, Глассморфизм

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

• Прозрачность (эффект матового стекла с использованием размытия фона)
• Многоуровневый подход с объектами, плавающими в пространстве.
• Яркие цвета, подчеркивающие размытую прозрачность
• Тонкая светлая граница на полупрозрачных объектах.

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

Мне кажется, что из-за этого стеклянного вида, лучше всего назвать этот тренд ГЛАССМОРФИЗМ (стекломорфизм).

История

Размытие фона было впервые широко представлено в 2013 году с релизом iOS 7. Это было довольно радикальное изменение, но, несмотря на все разногласия по поводу сверхлегких шрифтов и уродливых иконок, это было одно из немногих нововведений, которое не вызывало споров. Казалось, людям это нравится.

Быстрый просмотр уведомлений стал забавным занятием, так как вы могли ясно видеть (медленно опуская шторку уведомлений), как иконки исчезают и размываются под новой «стеклянной» панелью.

Усиление тренда

С тех пор Apple значительно уменьшила эффект размытого стекла в своей мобильной ОС, но недавно вернула его в Mac OS Big Sur. Просто посмотрите, как на окно Sketch на картинке выше, и как сквозь него просачивается размытая часть фотографии. Я выделил места, где размытие фона наиболее заметно.

Конечно, вы можете полностью отключить этот эффект в настройках системы.

Источник: Microsoft Fluent Design System

Дизайн-система Microsoft Fluent также хорошо справляется с этим эффектом. Они называют этот конкретный элемент акрилом (The Acrylic) и демонстрируют его как неотъемлемую часть своей дизайн-системы.

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

— Microsoft Fluent Design System

Анализ Dribbble

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

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

Ghulam Rasool

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

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

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

Как добиться этого эффекта

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

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

Как установить правильную прозрачность

Однако важно помнить, что вы не делаете прозрачной всю фигуру – только ее заливку. Большинство инструментов дизайна при 100% заливке и более низкой прозрачности объекта просто отключают размытие фона.

В приведенном выше примере у нас одинаковое значение размытия фона, равное 8, но изображения выглядят совершенно иначе. Когда непрозрачность заливки равна 100%, не имеет значения, насколько мала непрозрачность объекта. У нас просто не получится желаемый размытый фон.

Как выбрать подходящий фон

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

Это может быть причиной почему Apple выбрала цветной фон в качестве обоев по умолчанию для Mac OS Big Sur. Эти заметные тональные различия легко увидеть, когда поверх них находится размытая прозрачная поверхность.

При выборе фона убедитесь, что у него достаточно тональной разницы, чтобы эффект стекла был действительно заметен.

Заключительные детали

Последнее, что вы можете попробовать – это добавить к вашей форме внутреннюю границу 1p с определенной прозрачностью. Она имитирует край стекла и может больше выделять фигуру на фоне. Экспериментируйте! Хотя элементы этого стиля, такие как размытый фон, существуют уже много лет, его популярность только начинает расти. Поэтому есть еще много интересных креативных эффектов, которые стоит изучить.

Изображение слева имеет полупрозрачную рамку, а изображение справа – без границ

Вы также можете посмотреть мой небольшой урок о том, как создать это в Sketch и Figma.

Доступность

Как и в случае с неоморфизмом, этот стиль, вероятно, не так доступен, как, скажем, Material Design. Главное правило неоморфизма применимо и здесь – если у вас есть хорошая функциональная иерархия, то экранные элементы должны работать без фона. Это гарантирует, что люди с проблемами зрения по-прежнему смогут понимать интерфейс.

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

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

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

Это лучший пример – эта карточка имеет четко определенную структуру, поэтому ее содержимое будет работать, даже, если стеклянный фон будет полностью удален. Это быстрый пример – цветовые контрасты еще можно улучшить

Глассморфизм 2021?

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

Людям легко наскучивают тренды, и каждые несколько лет маятник колеблется в другую сторону. Некоторое время мы использовали супер-минималистичные, почти плоские интерфейсы, но затем они стали более красочными, более вертикальными и более «бросающимися в глаза».

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

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

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

Увидимся по ту сторону стекла!

Все, что нужно знать о принципах и видах дизайна

Мебель. Одежда. Программное обеспечение. Плакаты. Карты. Опыт. Здания. Сайты.

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

Ответ: Может. У дизайна есть множество определений, но в простейшей форме его можно определить и как глагол, и как существительное: он может относиться к процессу создания композиции или или к самой композиции.

Design — это создание осуществимых, функциональных решений множества проблем, и он всегда осуществляется с определенной целью. — Аманда Чонг, дизайнер HubSpot

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

Дизайн имеет множество различных коннотаций в зависимости от области применения. Это невероятно подвижная отрасль. Короче говоря, дизайн может быть тем, чем вы хотите, если вы не забываете некоторые из его предопределенных принципов. Они известны как принципов дизайна .

Принципы дизайна

Принципы дизайна — это универсальные идеи, которые применимы к дизайну как отрасли и практике. Эти принципы являются принципами, которым рекомендуется следовать всем дизайнерам, чтобы создать эффективную и эффектную композицию.Основные принципы включают баланс, контраст, доминирование, иерархию, пропорцию и единство.

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

Давайте разберем каждый принцип дизайна и связанные с ними концепции дизайна.

Чувствуете себя застрявшим? Возьмите наш семинар «Дизайн для не дизайнеров».

Весы

Баланс — это то, как объекты в композиции расположены и какой визуальный вес они несут. Баланса можно достичь следующими способами.

• Симметрия (Формальный баланс): когда объекты расположены равномерно вокруг вертикальной или горизонтальной оси. Объекты расположены вокруг центральной точки (или радиуса), известной как радиальной симметрии .
• Асимметрия (Неформальный баланс): когда объекты расположены неравномерно вокруг вертикальной или горизонтальной оси.Как правило, в асимметричной композиции есть одна доминирующая сторона или элемент.

Источник

Контраст

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

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

Источник

Доминирование

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

• Доминанта — Объект первоочередного внимания. Ему придается наибольший визуальный вес, и он обычно находится на переднем плане композиции.
• Субдоминанта — Объект (ы) вторичного акцента, обычно находящийся на среднем уровне.
• Подчиненный — Объект (ы) третичного акцента, обычно находящийся на заднем плане.

Интересный факт: визуальный центр — это место, где мы, естественно, сосредотачиваемся на части визуального дизайна.Он находится немного выше и правее фактического центра композиции, и его часто называют «музейной высотой».

Источник

Механизм

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

Источник

Пропорции или масштаб

Пропорция относится к визуальному весу и размеру элементов композиции, а также к тому, как они соотносятся друг с другом.Этот принцип также известен как шкала .

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

Источник

Единство

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

Следующие принципы дизайна связаны с единством.

• Выравнивание — Когда объекты выстраиваются по определенной оси или каденции
• Продолжение — Когда линия или паттерн расширяются
• Перспектива — Когда есть расстояние между элементами
• Близость — Когда объекты расположены близко друг к другу
• Повтор — при многократном копировании объектов
• Ритм — Когда объекты повторяются с небольшим изменением или прерыванием

Источник

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

Типы дизайна в маркетинге

• Графический дизайн
• Брендинг и дизайн логотипов
• Дизайн пользовательского интерфейса и пользовательского интерфейса
• Веб-дизайн (Front-End)
• Мультимедийный дизайн
• Экологический дизайн

Давайте разберем каждый тип дизайна и то, как они применяются в маркетинговой индустрии.

Получите 195 бесплатных шаблонов визуального маркетинга в подарок.

Графический дизайн

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

Источник

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

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

Брендинг и дизайн логотипов

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

Источник

Дизайнеры брендов и логотипов создают активы, которые представляют бренд, иллюстрируют миссию, видение и ценности бренда и способствуют повышению узнаваемости бренда для компании.

Изучите фундаментальные концепции графического дизайна и способы их использования для создания высококачественной графики, пройдя курс «Основы графического дизайна HubSpot Academy».

Дизайн пользовательского интерфейса и пользовательского интерфейса

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

Источник

Хотя некоторые роли сочетают UI и UX-дизайн, эти две практики совершенно разные. Дизайнеры пользовательского интерфейса несут ответственность за создание визуально приятного впечатления от бренда для пользователей с помощью дизайна веб-страниц, дизайна приложений и дизайна тем на таких сайтах, как WordPress и Shopify.

С другой стороны, дизайнеры

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

Веб-дизайн (Front-End)

Веб-дизайн применяется к внешней (общедоступной) стороне веб-сайта. Внешние дизайнеры подобны дизайнерам пользовательского интерфейса, обладающим знаниями в области программирования — они создают статические макеты пользовательского интерфейса для веб-сайта, а затем переводят их в код HTML, CSS и JavaScript. (Но не путайте эту практику с интерфейсной веб-разработкой.)

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

Мультимедийный дизайн

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

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

Экологический дизайн

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

Источник

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

Советы по маркетинговому дизайну

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

Примечание. Следите за принципами дизайна, которые мы обсуждали выше … они также появятся в этом разделе.

Советы по графическому дизайну

1. Начните с цели

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

2. Примените свое руководство по стилю

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

3. Создайте порядок с линиями и выравниванием

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

Источник

4. Перец в некоторых иконах и иллюстрациях

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

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

Советы по брендингу и дизайну логотипов

1. Создайте эстетику своей личности

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

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

2. Немного напуганный

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

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

3. Будьте проще

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

4. Приоритет согласованности

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

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

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

Советы по дизайну пользовательского интерфейса и пользовательского интерфейса

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

1. Адаптируйте точку зрения пользователя

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

Источник

2. Предвидеть ошибки

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

3. Не пренебрегайте стандартами и тенденциями

Дизайнеры любят прокладывать новый путь и «изобретать колесо» в своем дизайне. Хотя это может создать что-то уникальное и запоминающееся для пользователя, оно также может сбить их с толку, если вы зашли слишком далеко. Подумайте о том, чтобы придерживаться известных шаблонов проектирования, стандартов и тенденций, таких как панель навигации в правом верхнем углу или контактная информация в нижней части страницы.Это может помочь вашим пользователям уже подсознательно знать, как перемещаться по вашему сайту без объяснения причин.

4. Удобство для мобильных устройств

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

Советы по веб-дизайну (Front-End)

1. Рассмотрим складку

На веб-сайте складкой считается нижняя часть экрана — там, где ваша страница «складывалась бы», если бы это был физический элемент, например, газета. Самая важная информация на веб-сайтах всегда должна размещаться «в верхней части страницы» (как в газетах), чтобы посетителю не приходилось прокручивать страницу вниз, чтобы увидеть ее.

2. Используйте пустое пространство для выделения фокуса

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

3. Используйте цвет для направления действий

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

Источник

4. Избегайте стандартных стоковых изображений

Есть много способов использовать изображения в маркетинге, но единственный метод, которого следует избегать, — это использование стандартных стоковых изображений. Обычные дрянные стоковые изображения заставляют бренд казаться ленивым и оторванным от своего покупателя. Изображения на вашем веб-сайте должны отражать вашу аудиторию, и если вы не можете охватить вашу фактическую аудиторию , вам следует усердно поработать, чтобы найти подходящие стоковые изображения.Совет: отличный способ собрать образы аудитории — запустить кампанию пользовательского контента (UGC).

Загрузите наше бесплатное руководство по веб-дизайну, ориентированному на рост, чтобы получить еще больше советов по веб-дизайну.

Время проектирования

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

Все по дизайну. Все! | Джон Этохана | Korapay

Дизайн — одна из самых мощных сил в нашей жизни, осознаем мы это или нет. Это также может быть вдохновляющим, вдохновляющим и просветляющим » — Элис Роустхорн, дизайнерский критик The International New York Times цитирует в своей книге Дизайн как отношение.

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

«Все дизайн. Все! » — Пол Рэнд

Дизайн — это огромная экономическая движущая сила в том, как потребители делают покупки и живут своей жизнью сегодня — от вождения и следования указателям движения до значков, которые изображают смысл, магазины, в которых мы делаем покупки, ваш модный автомобиль, интерьер в ваш дом, одежду, которую вы носите и т. д.Без графического и веб-дизайна не было бы газет, журналов, тематических парков (да, даже Диснея), даже ваших ежедневных походов в торговый центр или огромного прогресса в использовании технологий и Интернета. Нельзя отрицать важность дизайна в нашей повседневной жизни.

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

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

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

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

В заключение, дизайн — это все, потому что он есть во всем; дизайн присутствует повсюду — на упаковках с едой, банках с содовой, футбольных мячах и т. д. Автомобили, железные дороги и дороги так же «спроектированы», как мобильные телефоны, одежда и рекламные щиты. Дома устроены так же, как выключатели и двери. Разработаны даже надгробия.

Дизайн настолько распространен, что на самом деле мы склонны замечать вещи, а не внешний вид, но он присутствует во всем. Дизайн — это все.

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

— —

Автор: Джон Этохана | Креативный дизайнер Korapay

Дизайн — это все, но не все — дизайн | Мэтт Оуэнс

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

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

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

Преппи против панков

Первая книга, которую я когда-либо прочитал, в которой эстетика связана с верой, — это Официальное руководство по преппи. Впервые опубликованный в 1980 году, это «шутливое руководство по подражанию внешнему виду, образцам речи, мышлению и образу жизни тех, кто посещает подготовительные школы и является частью высшего общества». В 1980-х эстетика преппи стала доминирующим культурным феноменом, который был фундаментально связан с системами верований эпохи Рейгана изобилия и консерватизма.Его редакционная противоположность, «Субкультура: значение стиля», опубликованная в 1979 году, представляет собой книгу о «значениях, скрывающихся за модной внешностью британских субкультур рабочего класса», в которой используется сложный теоретический аппарат, сочетающий семиотику, социологию девиантности и Марксизм.»

По-разному то, что у вас есть в The Preppy Handbook и в Subculture: The Meaning of Style — это попытка понять, как выглядит и ведет себя аудитория молодежной культуры, чтобы затем связать этот эстетический и поведенческий выбор с идеологическими идеологиями группы. и социальные убеждения.Молодежная субкультура отличается тем, что по сути является четко определенной эстетической и поведенческой «системой бренда», которая связывает внешний вид с тем, что группа думает о себе, своих сверстниках и окружающем мире. Современные бренды не исключение. Вместо Teddy Boy или Preppy у нас есть люди из Apple и Android. Современные бренды — это продолжение нас самих и того, как мы видим наш мир.

Левый. Получите рекламу Mac 2006–2009 гг. Верно. Официальный справочник Preppy 1980

Эстетика как основа более глубокого самовыражения

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

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

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

Почему дизайн — это все

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

В качестве примера недавно я познакомился с мужским брендом натурального мыла Dr. Squatch. Я видел их довольно забавные объявления и заглядывал на их сайт. Мне понравилась история «настоящего мыла», находящаяся под угрозой исчезновения; Натуральный маленький мыльный парень против химического большого мыльного парня. Я заказал мыло, дезинфицирующее средство для рук и дезодорант. Через несколько дней я получил заказ по почте. Когда я открыл коробку, их дезинфицирующее средство для рук разлетелось по всему натуральному сосновому дегтярному мылу и обычному чеку, а дезодорант, который был помещен в ломкий коричневый пластик, разлетелся на части.Не было ничего, что могло бы защитить продукцию, ни экологически безопасного упаковочного материала, ни классного «натурального человечка» с благодарностью. Нет любви. Это был худший опыт распаковки, который у меня когда-либо был. Доктор Сквотч не позаботился о том, чтобы передать эстетически или на собственном опыте то, что их реклама заставит вас поверить в то, что они считают брендом.

Предоставляя необдуманный опыт доставки и распаковки, доктор Скватч пренебрегал концепцией целостного восприятия бренда и потерял возможность рассказать связную историю и укрепить доверие потребителей.Между прочим, мыло из соснового дегтя действительно великолепно, и я мог бы подумать о том, чтобы купить еще у них в будущем, но поскольку они обещали один опыт, а затем предоставили другой, я опасаюсь их подлинности. Действительно ли они для маленьких человечков и отстаивают натуральные ингредиенты, или они просто бросают продукты в коробки и больше заинтересованы в создании забавной рекламы? Я не совсем уверен. Но в чем я уверен, хороший дизайн может быть всем.

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

От меня к нам: рост целенаправленного бренда. Accenture

В отличие от продукта для образа жизни или ухода за телом, когда мы думаем о связи между дизайном и ценностями в цифровом контексте, платформа электронной рассылки Substack является отличным примером уникального бренда SaaS, который фундаментально объединяет опыт продукта с идеологией бизнеса.В недавнем интервью Алекса Кантровица журналисту и писателю Гленну Гринвальду Гринвальд объясняет причину своего присоединения к Substack:

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

Что касается пользовательского опыта Substack, Гринвальд объясняет:

«Я работал, очевидно, с множеством разных систем, включая различные версии The Intercept , Salon. , с The Guardian .Тот, что находится в Substack, не только самый простой в использовании, но и самый продвинутый, самый сложный с точки зрения компоновки и возможностей, которые он предоставляет.

Из того, что Гленн Гринвальд принял Substack в качестве платформы и бренда для рассылки электронных писем, мы можем заключить, что его ценности как организации и пользовательский опыт как редакционная платформа усиливают возможности, которые делают его больше, чем просто полезным программным обеспечением. . Это также помогает укрепить ценности Гринвальда как журналиста. Что касается брендов, у Substack нет причудливого логотипа или забавного логотипа-талисмана, как у Mailchimp.Это бренд цифровых утилит, мало чем отличающийся от Reddit (примечание: недавно Reddit запустил очень успешную 5-секундную рекламу суперкубка, которая в основном была текстовой).

Что касается бренда, то уникальность Substack — это четкая и конкретная связь между ее идеологией и ценностями как компании и ее пользовательским опытом как продуктом. Если бы дизайн продукта Substack не был самым передовым и сложным в издательской индустрии, одни только его ценности не могли бы убедить аудиторию издателей контента и журналистов принять его.Мой вывод заключается в том, что не имеет значения, являетесь ли вы предприятием, SaaS или ведущим образ жизни, ваш опыт работы с брендом, продукт и бизнес-ценности должны быть фундаментально взаимосвязаны со всем, что вы делаете и выражаете в мире.

Все, что вам нужно знать о принципах проектирования | Билли Фрейзер

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

Нельзя сказать, что наша работа проста — это далеко не так. Это (обычно) включает в себя организацию хаоса, перевод желаний и потребностей различных, разнородных групп людей и да, даже случайную предварительную настройку PowerPoint.

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

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

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

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

Введите принципы проектирования.

Согласно Nielsen Norman Group (мировые лидеры в области исследования пользовательского опыта), принципы проектирования представляют собой формулировки ценностей, которые определяют проектные решения и поддерживают согласованность в принятии решений группами, работающими над одним и тем же продуктом или услугой.

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

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

Создание порядка из хаоса

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

Работайте быстрее и эффективнее

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

Конструирование с намерением

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

Обеспечение единообразия

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

Усиление влияния

Несмотря на то, что принципы дизайна обычно разрабатываются дизайнерами для дизайнеров, они могут быть чрезвычайно полезны при сообщении того, что вы делаете, другим не дизайнерам в вашей команде или в вашей компании. Установка флага и обмен тем, что вы цените, могут стать отличным примером того, как другие команды и отделы могут организовывать свою работу и сообщать о ней. Принципы дизайна также могут донести ценность того, что вы делаете, до других сотрудников и помочь вам уйти от ответа на один вопрос, который вам всегда будут задавать: «Сможете ли вы сделать красивее ?»

Сделайте их запоминающимися

К этому моменту, скорее всего, вы слышали фразу: «Двигайся быстро и ломай вещи.«Если вы этого не сделали, вы, вероятно, не работаете в сфере технологий. Для тех из нас, кто это делает, мы слышали эти (не) известные слова эхом почти в каждом коридоре и в чатах за последнее десятилетие. Эта мантра компании исходила от очень молодого, очень незрелого Facebook, поскольку он только начинал развиваться и может считаться одним из первых принципов их дизайна. Многие могут возразить, что эти слова привели к некоторым довольно безответственным решениям, которые привели к распространению белого превосходства и других ненавистных идеалов, но вы не можете отрицать, что эти пять простых слов запомнились вам.Я уверен, что эти слова запомнились каждому продуктовому дизайнеру, поскольку они помогли превратить Facebook в того гиганта, которым он является сегодня. Этот принцип велел им сосредоточиться на скорости и всегда просить прощения вместо разрешения.

Избегайте трюизмов

Трюизмы — это утверждения, которые, очевидно, верны и не говорят ничего нового или интересного. Прекрасный пример трюизма в дизайне: «Сделайте вещи удобными для пользователей». Это приводит к плохому принципу дизайна, потому что любой дизайнер в любой команде должен стремиться к тому, чтобы их дизайн был более простым в использовании.Период. Конечно, бывают случаи, когда часть опыта должна включать в себя несколько защитников, но в целом пользователь должен уметь выполнять все, что он намеревался сделать. Если принцип дизайна не играет никакой роли, то велика вероятность, что он не будет иметь такой ценности, когда вам это нужно.

Будьте буквальными

Представьте, что вы сидите за своим столом, погружаетесь в дизайнерскую работу и принимаете решение. Например, предположим, что вам нужно создать всплывающее окно с сообщением об ошибке, и вы не знаете, что в нем должно быть сказано.Это идеальное время для вас, чтобы вытащить свой удобный список принципов дизайна и посмотреть, решает ли какой-либо из них эту проблему. Если вы работаете с асаной, один из ваших принципов — «Повышайте уверенность через ясность». Используя это как руководство, вы можете включить сообщение типа «Извините, срок действия введенного вами промокода истек. Пожалуйста, попробуйте еще один. Это дает пользователю больше ясности, чем «Недействительный промокод. Попробуйте снова.»

Пересматривайте их раньше и чаще.

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

Кредит: LinkedIn

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

1. Хороший дизайн — новаторский
   Возможности для нововведений никоим образом не исчерпаны. Технологическое развитие всегда открывает новые возможности для новаторского дизайна. Но инновационный дизайн всегда развивается вместе с инновационными технологиями и никогда не может быть самоцелью.
2. Хороший дизайн делает продукт полезным
   Товар покупается для использования.Он должен удовлетворять определенным критериям, не только функциональным, но также психологическим и эстетическим. Хороший дизайн подчеркивает полезность продукта, игнорируя при этом все, что могло бы отвлечь от него.
3. Хороший дизайн эстетичен
   Эстетическое качество продукта является неотъемлемой частью его полезности, потому что продукты, которые мы используем каждый день, влияют на нашу личность и наше благополучие. Но красивыми могут быть только хорошо выполненные предметы.
4. Хороший дизайн делает продукт понятным
   Он проясняет структуру продукта.Более того, это может заставить продукт говорить. В лучшем случае это не требует пояснений.
5. Хороший дизайн ненавязчивый
   Выполняемые цели изделия подобны инструментам. Они не являются ни декоративными предметами, ни произведениями искусства. Поэтому их дизайн должен быть нейтральным и сдержанным, чтобы оставлять место для самовыражения пользователя.
6. Хороший дизайн — это честный
   Он не делает продукт более инновационным, мощным или ценным, чем он есть на самом деле. Он не пытается манипулировать потребителем обещаниями, которые невозможно выполнить.
7. Хороший дизайн долговечен
   Он избегает быть модным и поэтому никогда не выглядит устаревшим. В отличие от модного дизайна, он длится много лет — даже в сегодняшнем мире одноразового использования.
8. Хороший дизайн продуман до мельчайших деталей
   Ничто не должно быть произвольным или оставленным на волю случая. Внимательность и аккуратность в процессе проектирования демонстрируют уважение к пользователю.
9. Хороший дизайн — экологически чистый
   Дизайн вносит важный вклад в сохранение окружающей среды.Это экономит ресурсы и сводит к минимуму физическое и визуальное загрязнение на протяжении всего жизненного цикла продукта.
10. Хороший дизайн — это как можно меньше дизайна
    Меньше, но лучше — потому что он концентрируется на основных аспектах, а продукты не обременены второстепенным. Назад к чистоте, к простоте.

Кредит: Airbnb Design

1. Унифицированный
   Каждый элемент является частью большого целого и должен положительно влиять на систему в целом.Не должно быть изолированных особенностей или выбросов.
2. Универсальный
   Airbnb используется во всем мире широким мировым сообществом. Наши продукты и визуальный язык должны быть приветливыми и доступными.
3. Iconic
   Мы уделяем особое внимание дизайну и функциональности. Наша работа должна смело и ясно говорить об этом.
4. Разговорный
   Использование нами движения вдыхает жизнь в наши продукты и позволяет нам общаться с пользователями понятными способами.

Кредит: Asana

1. Позвольте пользователям сосредоточиться на своей работе без помех.
   Внимание пользователя должно быть на его контроле, отвлекать пользователей только изменениями, которые имеют личное значение.
2. Повышение уверенности за счет ясности.
   Внутри приложения и в более широком смысле внутри команд однозначно, что происходит и почему.
3. Стимулировать продуктивную и эмоционально удовлетворяющую межличностную динамику.
   Пользователи чувствуют себя частью команды, где они могут рассчитывать друг на друга, чтобы внести свой вклад, и чувствуют, что они движутся вперед к общей цели.
4. Дизайн для быстрого, легкого и преднамеренного взаимодействия.
   Простые и обычные задачи должны быть простыми и очевидными; сложные задачи должны казаться эффективными и увлекательными. Но скорость не должна приводить к неточностям.
5. Расширьте возможности каждого благодаря прогрессивной возможности обнаружения.
   Каждый человек на всех уровнях опыта работы с Asana должен чувствовать, что он знает, как использовать продукт, независимо от того, сколько функций они используют.
6. Будьте последовательны и стандартны и вводите новшества, когда это того стоит.
   Пользователи должны чувствовать, что Asana знакома, но в то же время современна.

Кредит: Facebook

1. Universal
   Наша миссия состоит в том, чтобы сделать весь мир более открытым, а это значит охватить каждый уголок, каждого человека. Поэтому наш дизайн должен работать для всех, для каждой культуры, для каждого языка, для каждого устройства, на каждом этапе жизни. Вот почему мы создаем продукты, которые работают для 90% пользователей, и убираем функции, которые работают только для меньшинства, даже если мы отступим в краткосрочной перспективе.
2. Человек
   Пользователи возвращаются на наш сайт в окружении друзей и близких людей. Это главное обещание нашего продукта — все люди, которые вам небезразличны, собраны в одном месте. Вот почему наш голос и визуальный стиль остаются на заднем плане, за голосами людей, лицами и выражениями людей.
3. Чистый
   Наш визуальный стиль чистый и сдержанный, чтобы создать чистый холст, на котором живут наши пользователи. Минималистичное, хорошо освещенное пространство поощряет участие и честное прозрачное общение.Чистота — не самый простой подход к визуальному стилю. Напротив, поля и масштаб шрифта, размывка и цвет становятся более важными, поскольку мы сокращаем количество стилей, на которые мы полагаемся.
4. Согласованность
   Мы мудро инвестируем свое время, принимая шаблоны, осознавая, что наше удобство использования значительно улучшается, когда похожие части выражаются одинаковым образом. Наши взаимодействия говорят с пользователями единым голосом, укрепляя доверие. Уменьшайте, используйте повторно, не изменяйте дизайн.
5. Полезно
   Наш продукт — это больше полезность, чем развлечение, он предназначен для многократного ежедневного использования и эффективно обеспечивает ценность.Вот почему наши основные взаимодействия, с которыми пользователи взаимодействуют ежедневно, оптимизированы, очищены от ненужных кликов и потраченного впустую места.
6. Быстро
   Мы ценим время наших пользователей больше, чем свое. Мы понимаем, что более быстрый опыт более эффективен и не требует усилий. Таким образом, наши пользователи никогда не должны замечать производительность сайта. Наш сайт должен двигаться так же быстро, как и мы.
7. Прозрачный
   Пользователи доверяют нам свою личность, свои фотографии, свои мысли и разговоры.Мы отвечаем взаимностью с максимальной честностью и прозрачностью. Мы четко и открыто знаем, что происходит и почему.

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

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

Design Kit от Ideo.org — Обзор и пошаговые инструкции по созданию принципов дизайна.

Принципы проектирования — Коллекция принципов и методов проектирования с открытым исходным кодом.

Interaction Design Foundation — Дополнительная литература и ресурсы по принципам дизайна

Десять принципов хорошего дизайна — Дом Дитера Рамса и его философии хорошего дизайна.

Почему современный дизайн выглядит одинаково?

Если вы достаточно взрослые, чтобы помнить первые дни веб-дизайна, вы знаете, что эстетика нашего цифрового опыта значительно изменилась.То, что когда-то было «диким западом» иконок, кнопок, изображений и навигации, теперь превратилось в пространство в основном организованных, функциональных и знакомых веб-сайтов. В целом это принесло пользу как компаниям, так и пользователям; более эффективный, элегантный, более предсказуемый цифровой ландшафт облегчает компаниям и людям достижение их целей. Но с развитием цифрового дизайна возникла новая проблема: почему все выглядит одинаково и что это говорит об изменении роли дизайнеров?

В этом эпизоде ​​ Wireframe , хост и Adobe Sr.Директор по дизайну Хой Винь вместе с продюсером подкастов Эми Стэнден совершили путешествие во времени, чтобы увидеть, как мы сюда попали. Что мы получили по мере развития современных принципов цифрового дизайна и что мы потеряли в процессе? Поначалу может показаться странным исследовать визуальную тему «эстетической монокультуры» в аудиоформате, но, как показывает Вин, это давало редкую возможность задать некоторые из серьезных вопросов в дизайне.

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

Щелкните здесь, чтобы прочитать полную стенограмму этого эпизода.

Episode 11

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

Клифф Куанг, руководитель UX-дизайна в Google. Изображение предоставлено Medium / Cliff Kuang.

На заре Интернета, каким мы его знаем, веб-дизайнеры очень много «придумывали по ходу дела». Они обращались к офлайновому миру за вдохновением (например, щелкая значок громкоговорителя для воспроизведения звукового файла) . Развивая наши методы проектирования, дизайнеры создали собственный цифровой визуальный язык.

Веб-дизайн 90-х — не такой красивый, но, безусловно, более интересный. Изображение Tiklah.

«[Ранние веб-дизайнеры] несли бессознательную культуру эстетики, ориентиров, влияний и всего такого рода вещей, которые они несли с собой, верно? Я думаю, что сегодня это радикально отличается », — сказал Виню и Стэндену Клифф Куанг, руководитель UX-дизайна в Google и автор готовящейся к выпуску книги User Friendly.

Дизайнеры недооценивают себя

Джессика Хельфанд, дизайнер, писатель, профессор Йельского университета и управляющий редактор Design Observer.

«Мы все стали более изощренными. Наш аппетит к красивым вещам или лучшим вещам или более функциональным вещам лучше ». Джессика Хельфанд, дизайнер и писатель, преподающая в Йельском университете, добавила, подчеркнув, что публика и ее восприятие изменились вместе с самими дизайнерами.

«Это фантастическое время для работы дизайнером, но затем вы задаете вопрос, который приводит нас сегодня сюда: почему все выглядит одинаково. Я думаю, это связано.

Для производителя Standen это особенно задело — то, что такая же тенденция дизайна заметна и в офлайне.«Я думаю, что эстетическая монокультура сети отражает то, что мы видим на улицах. Причудливые, ориентированные на сайты, очень местные предприятия заменяются стилизованными, минималистскими кофейнями и сетевыми магазинами, которые выглядят одинаково независимо от того, в каком городе вы находитесь. Лично я бы предпочел мир, в котором больше странностей и меньше хитрый консьюмеризм. То же самое в Интернете », — сказала она.

Очень игривый веб-сайт фотографа Джил Гринберг, 1995 г., «Манипулятор».

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

«Я думаю, что существует риск того, что дизайн станет дисциплиной, которая, так сказать, поставляет только детали. И не становится дисциплиной, которая действительно учитывает благополучие пользователей, действительно думает обо всем пути этих клиентов и действительно берет на себя ответственность за то, что делает. Короче говоря, я думаю, что риск состоит в том, что мы недооцениваем себя с точки зрения того, как мы можем повлиять на результаты ».

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

Текущий веб-сайт Джилл Гринберг. Развитая эстетика, та же интересная атмосфера. Изображение Джилл Гринберг

В защиту эстетической монокультуры: дело только в доступности и простоте?

Вин и Станден также поговорили с Эмили Хейворд, одной из основательниц агентства дизайна и брендинга Red Antler, которое создало множество веб-сайтов для клиентов, которые явно используют визуальные и UX-соглашения, составляющие нынешнюю эстетическую монокультуру.По ее мнению, эти тенденции уходят корнями в запросы ее клиентов и восприятие того, что эти принципы дизайна сделают работу лучше для всех.

Эмили Хейворд — соучредитель агентства дизайна и брендинга Red Antler.

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

Скриншот веб-сайта Red Antler. Компания провела брендинг и создала веб-интерфейс для многих популярных брендов. Большинство из них сейчас стремятся быть максимально доступными и простыми, чтобы упростить потенциальным клиентам доступ к информации о продуктах.

Standen, с другой стороны, рассматривает это как корпоратизацию веб-дизайна. «Есть последствия, как социальные, так и эстетические, у сети, в которой все больше доминируют крупные корпорации, пытающиеся продавать нам вещи.С эстетической точки зрения это означает меньше индивидуализма, больше того, какой бы ни была текущая визуальная тенденция », — сказала она. Пользовательские интерфейсы приложений

в цифровом мире отдают предпочтение схожей эстетике дизайна, оптимизированной для максимального удобства использования. Изображение предоставлено: статья Fast Company, в которой исследуется «сходство», возникающее в приложениях (и почему это не обязательно плохо).

Но Хейворд и команда Red Antler также видят ценность в противодействии этому «сходству», которого жаждут многие их клиенты, — вместо этого ища новые подходы к дизайну и мягко подталкивая своих клиентов в этих направлениях.Red Antler глубоко вкладывается в набор молодых дизайнеров, только что окончивших школу, потому что они еще не «усвоили правила» современной эстетики дизайна, и это помогает им намного лучше расширять границы.

Мы отвлеклись от мяча.

Хой Винь

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

«Мы стали лучше во всех этих дополнительных аспектах основного процесса проектирования», — сказал он.

«Но мы отвлеклись от внимания с точки зрения того, чтобы убедиться, что хороший дизайн, который мы делаем, действительно хорош и вносит уникальный вклад в общий мир, который мы создаем … Это просто так много единообразия. там, и так мало вопросов о том, как это может быть. Однако положительным моментом является то, что это прекрасная возможность для новых, уникальных голосов прорваться и обнулить таблицу, когда дело доходит до того, как может выглядеть Интернет.

Behind Wireframe — это серия блогов, в которой вы познакомитесь с подкастом Adobe по дизайну Wireframe, который ведет старший директор по дизайну продукции Хой Винь. Подпишитесь на Wireframe и каждую неделю следите за новостями о дизайне.

Все есть дизайн: рецензия на работу Пола Рэнда — краткий обзор мастера | Дизайн

Когда графический дизайнер Луи Данцигер встретился с арт-директором Гельмутом Кроне в Esquire в 1948 году, Кроне находился в тени несколько упрямого гиганта.До медали Айги Данцигера за дизайн еще оставалось несколько десятилетий; Кроне было всего 29 лет, но она еще не добилась успеха в кампании Volkswagen Think Small. «Если ты хочешь быть таким же хорошим, как Рэнд, — посоветовал Данцигер своему молодому коллеге, — не смотри на Ранда; посмотри, на что смотрит Рэнд ».

«Рэнд», конечно же, был Пол Рэнд: графический дизайнер, евангелический модернист, самопровозглашенный самоучка, коренной житель Нью-Йорка, писатель и учитель. Его работы сочетали радикальную смелость с формальным аскетизмом, синтезируя образ и язык в умных, четких и мгновенно запоминающихся иконографических формах.Его корпоративный брендинг установил стандарты воздействия и эффективности, в первую очередь восьмистрочный логотип IBM (1972 г.) и черный круг ABC с белым шрифтом, подобным Герберту Байеру (1962 г.), оба из которых все еще используются.

Логотип IBM Пола Рэнда. Фотография: thisisdisplay.com

Работа Рэнда изменила весь ландшафт американского дизайна 20 ^– годов — визуально, дискурсивно и даже структурно. Работая в рекламном агентстве William H Weintraub & Co, он был первым арт-директором среди множества художников на Мэдисон-авеню в 40-х и 50-х годах, которые настаивали на сотрудничестве с копирайтерами, что позволяло ему отвечать напрямую клиенту, а не на задание копирайтера.На пике своего успеха в Weintraub’s он, как известно, вел переговоры о неполном рабочем времени и двойной оплате.

Рэнд был большим. Он все еще большой. Но, несмотря на всеобъемлющее название, заимствованное из одного из афоризмов торговой марки Рэнда, «Музей города Нью-Йорка — это дизайн: работа Пола Рэнда», куратором которого является Дональд Альбрехт, невелик: 150 предметов из более чем 60 произведений Рэнда. год карьеры, содержался в полутора комнатах.

Реклама бренди Coronet 1946 года Пола Рэнда. Фотография: Поставляется

Две витрины в прихожей трудно интерпретировать как предполагаемое введение.Мы встречаемся с Рэндом в конце 1930-х годов, когда он уже является «Рэндом», занимающимся дизайном обложек для журнала Apparel Arts (до того, как он стал GQ) и независимого журнала по искусству Direction. Нам в основном остается интерполировать важнейшие справочные материалы Рэнда из заостренных элементов дизайна обложек: звезд и векторов от конструктивистов; части тела как чистая форма и домашние как юмористические от дадаизма; шрифт и пропорция школы Баухаус; гармония и контраст от супрематистов и сплоченность в коммерческом искусстве от AM Cassandre.

С самого начала не было фактического начала Ранда как Переца Розенбаума, родившегося в семье ортодоксальных евреев в Браунсвилле, Бруклин, в 1914 году. До того, как он сменил свое имя, чтобы оно выглядело уравновешенным и звучным нееврейским, Розенбаум узнал о европейском авангардном искусстве через тома книги. Британский дизайнерский журнал Commercial Art в Нью-Йоркской публичной библиотеке. С этого времени появляется только одна статья — выпуск немецкого журнала о дизайне Gebrauchsgraphik за 1929 год, в котором мало рассказывается о формирующем самообразовании Розенбаума.

Реклама сигар El Producto, 1955 год. Фотография: Стивен Хеллер

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

Особый интерес представляют рекламные буклеты Рэнда, в которых клиентам очень детально представлены элементы и обоснование предлагаемой идентичности. Отображается несколько разворотов из так называемого Руководства по идентификации графики и Руководства по графическому оформлению, которое Рэнд сделал для американской компании по производству электроники Westinghouse в 1961 году. Рэнд перечисляет 15 инструкций и стратегий по использованию своего логотипа, круг, содержащий букву W, увенчанный меньшим, закрашенные кружки и подчеркнутые, чтобы напоминать корону.Рэнд выпускает от скрупулезного — «Когда коммерческое предложение используется в качестве последней строки основного текста, шрифт должен соответствовать типу тела курсивом или жирным шрифтом того же шрифта» — до педантичного — «Свет [версия] будет особенно полезна, когда желателен более деликатный эффект »- до откровенно властного -« Никогда больше не следует использовать старый буквенный стиль шрифта для коммерческого заявления ». К дизайну, как всегда, относятся как к неизбежному: функциональный, красивый, логичный ответ на «проблему» корпоративного имиджа.Журнал

Jazzways, 1946 г. Фотография:

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

Но к 1980-м годам мы находимся на другой территории: новый восьмистрочный логотип IBM Рэнда стал иконой, и современная потребительская культура укоренилась. Репродукция плаката этого периода с обновленным логотипом и некоторыми рандианскими инструкциями («Белые полосы выглядят толще, особенно при освещении (вывески, экраны телевизоров)») жирным шрифтом и лишена юмора; в своей монохромной строгости это зловещий исторический указатель.

Sparkle and Spin Пола и Энн Рэнд: книга о словах, 1957. Фотография: прилагается.

Рэнд любил утверждать, что манипуляции являются неотъемлемой частью дизайна.Работа дизайнера, писал он в «Мысли о дизайне» (1947), состоит в том, чтобы манипулировать ингредиентами в данном пространстве — манипулировать символами посредством сопоставления, ассоциации и аналогии. В наши дни трудно отделить логотипы и брендинг от других, более коварных форм манипуляции. Недавнее возвращение к плоскому корпоративному дизайну, символизируемое решением Apple отказаться от скевоморфизма в 2013 году, можно рассматривать как попытку вызвать расцвет Рэнда, когда потребители доверяли визуальным подсказкам бренда, чтобы сообщить какую-то важную истину.

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

• Все по дизайну: Работа Пола Рэнда находится в Музее города Нью-Йорка до 19 июня.Подробности здесь.

Что такое дизайн-мышление? (Обновленное руководство на 2021 год)

Дизайн-мышление — это и идеология, и процесс, связанный с решением сложных проблем с высокой ориентацией на пользователя. В этом руководстве мы дадим вам подробное определение дизайн-мышления, проиллюстрируем, что именно включает в себя этот процесс, и подчеркнем, почему это важно: в чем ценность дизайн-мышления и в каких контекстах оно особенно полезно? Мы также проанализируем взаимосвязь между дизайном пользовательского опыта и дизайн-мышлением и обсудим два реальных примера, демонстрирующих дизайн-мышление в действии.Все звучит немного подавляюще? Не волнуйтесь — мы разбили руководство на удобоваримые куски. Во-первых, посмотрите это видео, чтобы вежливо познакомиться с этой областью от эксперта по дизайну и наставника CareerFoundry, Камрена Брауна:

Если вы хотите перейти к определенному разделу, просто нажмите на соответствующий заголовок меню, и вы ‘ Пойду прямо туда.

1. Что такое дизайн-мышление?
2. Что такое процесс дизайн-мышления?
3. Какова цель дизайн-мышления?
4. Как работают вместе дизайн-мышление, бережливость и гибкость?
5. Каковы преимущества дизайн-мышления в работе?
6. Методология дизайн-мышления в действии: примеры из практики
7. Какая связь между дизайн-мышлением и UX-дизайном?

Готовы исследовать увлекательный мир дизайн-мышления? Пойдем!

1.Что такое дизайн-мышление?

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

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

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

Что это на самом деле означает? Давайте взглянем.

В чем разница между мышлением, ориентированным на решение, и мышлением, основанным на проблемах?

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

Хорошим примером этих двух подходов в действии является эмпирическое исследование, проведенное Брайаном Лоусоном, профессором архитектуры в Университете Шеффилда. Лоусон хотел исследовать, как группа дизайнеров и группа ученых подойдут к конкретной проблеме. Он поставил перед каждой группой задачу создать однослойные конструкции из набора цветных блоков. По периметру конструкции нужно было использовать как можно больше красных кирпичей или как можно больше синих кирпичей (мы можем думать об этом как о решении, желаемом результате), но не было определенных правил относительно размещения и взаимосвязи некоторых из них. блоки (проблема или ограничение).

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

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

С другой стороны, дизайнеры:

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

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

Чтобы узнать больше, посмотрите это видео-введение в дизайн-мышление, подготовленное опытным дизайнером Камреном Брауном. А пока давайте посмотрим на процесс дизайнерского мышления и на то, что это влечет за собой.

2. Что такое дизайн-мышление?

Как уже упоминалось, процесс дизайн-мышления прогрессивен и очень ориентирован на пользователя.Прежде чем рассматривать процесс более подробно, давайте рассмотрим четыре принципа дизайн-мышления, изложенные Кристофом Майнелем и Гарри Лейфером из Института дизайна Хассо-Платтнера в Стэнфордском университете, Калифорния.

Четыре принципа дизайн-мышления

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

Пять этапов дизайн-мышления

Основываясь на этих четырех принципах, процесс дизайн-мышления можно разбить на пять этапов или фаз в соответствии с вышеупомянутым Институтом дизайна Хассо-Платтнера в Стэнфорде (также известным как d. school): сопереживать, определять, придумывать, прототипировать и тестировать. Давайте рассмотрим каждый из них более подробно.

Этап 1: Сочувствие

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

Этап 2: определение

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

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

Этап 3: Идея

Имея четкое представление о ваших пользователях и четкую постановку проблемы, пора начать работу над потенциальными решениями. На третьей фазе процесса дизайн-мышления происходит творчество, и очень важно отметить, что стадия идеализации — это зона, свободная от суждений! Дизайнеры будут проводить сеансы идей, чтобы придумать как можно больше новых углов и идей.Дизайнеры могут использовать множество различных методов формирования идей: от мозгового штурма и составления карты разума до бодибилдинга (сценарии ролевой игры) и провокации — техники крайнего нестандартного мышления, которая заставляет дизайнера бросать вызов устоявшимся убеждениям и исследовать новые варианты и альтернативы. Ближе к концу фазы формирования идей вы сузите ее до нескольких идей, с которыми можно двигаться дальше. Здесь вы можете узнать обо всех наиболее важных техниках создания идей.

Этап 4: прототип

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

Этап 5: Тест

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

Является ли дизайн-мышление линейным процессом?

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

3.Какова цель дизайн-мышления?

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

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

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

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

Что такое «серьезная проблема» в дизайн-мышлении?

Дизайн-мышление особенно полезно, когда дело доходит до решения «злых проблем».Термин «злая проблема» был придуман теоретиком дизайна Хорстом Риттелем в 1970-х годах для описания особенно сложных проблем, которые имеют весьма неоднозначный характер. Что касается злых проблем, есть много неизвестных факторов; в отличие от «ручных» проблем, окончательного решения не существует. Фактически, решение одного из аспектов нечестивой проблемы может выявить новые проблемы или привести к их возникновению. Еще одна ключевая характеристика злых проблем — то, что они не имеют точки остановки; поскольку характер проблемы со временем меняется, должно меняться и ее решение.Таким образом, решение серьезных проблем — это непрерывный процесс, требующий дизайнерского мышления! Некоторые примеры серьезных проблем в нашем современном обществе включают такие вещи, как бедность, голод и изменение климата.

4. Дизайн-мышление на рабочем месте: как дизайн-мышление, бережливость и гибкость работают вместе?

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

Что такое бережливое и гибкое?

Основанный на принципах бережливого производства, Lean UX фокусируется на максимальной оптимизации процесса проектирования — минимизации потерь и максимизации ценности. Вот некоторые основные принципы бережливого пользовательского опыта:

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

Lean UX — это метод, который работает в сочетании с методами гибкой разработки. Agile — это процесс разработки программного обеспечения, который работает в итеративных инкрементных циклах, известных как спринты. В отличие от традиционных методов разработки, Agile гибок и адаптивен. Основываясь на Манифесте гибкой разработки, созданном в 2001 году, гибкая разработка придерживается следующих принципов:

• Люди и взаимодействия важнее процессов и инструментов.
• Рабочее программное обеспечение над исчерпывающей документацией.
• Сотрудничество с клиентами по согласованию контрактов.
• Реагирование на изменение в соответствии с планом.

Сочетание дизайн-мышления с бережливым и гибким

Дизайн-мышление, бережливое производство и гибкость часто рассматриваются как три отдельных подхода. Компании и команды будут спрашивать себя, использовать ли Lean или , Agile или Design Thinking, но на самом деле их можно (и нужно!) Объединять для достижения оптимальных результатов.

Почему? Потому что применение дизайн-мышления в экономичной и гибкой среде помогает создать процесс разработки продукта, который не только ориентирован на пользователя, но и очень эффективен с точки зрения бизнеса. Хотя верно, что каждый подход имеет свои собственные modus operandi, также существенно перекрываются. Сочетание принципов каждого из них может иметь решающее значение для удержания кросс-функциональных команд на одной странице, гарантируя, что дизайнеры, разработчики, менеджеры по продуктам и заинтересованные стороны бизнеса будут сотрудничать в рамках одного общего видения.

Итак, как же работают вместе дизайн-мышление, бережливое производство и гибкость?

Как поясняет Джонни Шнайдер, руководитель отдела продуктовой стратегии и дизайна в ThoughtWorks: «Дизайн-мышление — это то, как мы исследуем и решаем проблемы; Lean — это наша основа для проверки наших убеждений и изучения нашего пути к правильным результатам; Agile — это то, как мы приспосабливаемся к меняющимся условиям с помощью программного обеспечения ».

Это все хорошо, но как это выглядит на практике?

Как мы узнали, дизайн-мышление — это основанный на решениях подход к исследованию и решению проблем.Он фокусируется на генерировании идей с учетом конкретной проблемы, при этом в центре всего процесса находится пользователь. Как только вы создадите и спроектируете подходящее решение, вы начнете внедрять принципы бережливого производства — тестировать свои идеи, собирать быстрые и постоянные отзывы, чтобы увидеть, что работает, — с особым упором на межкомандную совместную работу и преодоление разрозненности отделов. Agile связывает все это в короткие циклы спринта, позволяя адаптироваться к изменениям. В гибкой среде продукты улучшаются и наращиваются постепенно.Опять же, межгрупповое сотрудничество играет решающую роль; Agile — это создание ценности, которая приносит пользу как конечному пользователю, так и бизнесу в целом.

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

5. Каковы преимущества дизайн-мышления в работе?

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

Имея это в виду, давайте рассмотрим некоторые из основных преимуществ использования дизайн-мышления в работе:

• Значительно сокращает время вывода продукта на рынок: Делая упор на решение проблем и поиск жизнеспособных решений, дизайн-мышление может значительно сократить время вывода продукта на рынок. сократить время, затрачиваемое на проектирование и разработку, особенно в сочетании с бережливым производством и гибкостью.
• Экономия затрат и высокая рентабельность инвестиций: Быстрый вывод успешных продуктов на рынок в конечном итоге экономит деньги для бизнеса. Доказано, что дизайн-мышление дает значительную отдачу от инвестиций; Например, команды, применяющие методы дизайнерского мышления IBM, в результате рассчитали рентабельность инвестиций до 300%.
• Повышает удержание и лояльность клиентов: Дизайн-мышление обеспечивает ориентированный на пользователя подход, что в конечном итоге повышает вовлеченность пользователей и удержание клиентов в долгосрочной перспективе.
• Поощряет инновации: Дизайн-мышление — это все, что связано с оспариванием предположений и устоявшихся убеждений, побуждающим все заинтересованные стороны мыслить нестандартно. Это способствует развитию культуры инноваций, выходящей далеко за рамки команды дизайнеров.
• Может применяться в масштабах всей компании: Самое замечательное в дизайн-мышлении то, что оно предназначено не только для дизайнеров. Он использует групповое мышление и поощряет межгрупповое сотрудничество. Более того, его можно применить практически к любой команде в любой отрасли.

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

6. Методология дизайн-мышления в действии: примеры из практики

Итак, мы довольно подробно рассмотрели теорию, лежащую в основе дизайн-мышления, и задействованные процессы — но как это выглядит в действии? Давайте рассмотрим несколько примеров того, как дизайн-мышление оказало огромное влияние на реальный мир.

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

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

Сочувствовать

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

Определить

Основываясь на своих выводах на этапе сочувствия, они определили, что снижение страха должно быть приоритетом. Их постановка проблемы могла выглядеть примерно так: «Пациенты, поступающие в нашу больницу, должны чувствовать себя комфортно и непринужденно».

Ideate

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

Прототип

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

Испытание

Этап тестирования состоял из проведения вышеупомянутых экспериментов и проверки их успешности. Как объясняют Дирк Дайхманн и Роэль ван дер Хейде, «переход к формальному принятию этих идей имел тенденцию быть более постепенным. Если идея сработает, рано или поздно другие группы спросят, могут ли они тоже ее попробовать, и лучшие идеи распространятся органически ».

Результат

Приняв подход дизайн-мышления, офтальмологическая больница Роттердама смогла понять суть потребностей своих пользователей и найти эффективные решения для их удовлетворения.При этом они значительно улучшили пользовательский опыт: прием пациентов вырос на 47%, и с тех пор больница получила несколько наград за безопасность, качество и дизайн.

Бизнес-пример: как дизайн-мышление помогло поставщику финансовых услуг MLP вернуть доверие потребителей

После финансового кризиса поставщик финансовых услуг MLP обнаружил, что доверие потребителей находится на рекордно низком уровне. Им нужно было повторно взаимодействовать со своими целевыми пользователями и придумать новые способы укрепления доверия.В поисках инноваций они решили опробовать подход дизайн-мышления. Вот что они узнали:

Сочувствуйте

Сосредоточившись на своих пользователях и приложив сознательные усилия, чтобы понять их потребности из первых рук, MLP узнала, что сделанные ими предположения в конце концов не так точны. Как поясняет Томас Фриз, менеджер отдела маркетинга MLP: «Мы всегда говорили с клиентами о целях, которых они хотят достичь. Но они не хотят стремиться к определенной цели, поскольку часто сами не знают, что это такое.Скорее они хотят обсудить свои идеи, поскольку это более открыто и гибко в отношении их финансового планирования ».

Define

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

Идея и прототип

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

Тест

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

The Outcome

Их первый набег на дизайн-мышление оказался огромной кривой обучения для MLP. Потратив время на то, чтобы поговорить со своими пользователями, они получили понимание, необходимое для изменения дизайна обмена сообщениями, что позволило им начать маркетинг гораздо эффективнее. В свете своих выводов MLP открыла новое офисное помещение в студенческом районе, разместив свои редакционные группы и команды социальных сетей в непосредственной близости от своей клиентской базы.Конечно, дизайн-мышление — это итеративный процесс, так что это лишь один из способов, с помощью которого MLP надеется продолжить обучение, чтобы говорить на языке своих клиентов.

7. Какая связь между дизайн-мышлением и UX-дизайном?

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

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