10 принципов хорошего дизайна от Дитера Рамса

Автор статьи

Редакция PRESIUM

Перевод и дополнения

Джордан Тернер

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

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

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

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

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

01

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

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

Мы хотели бы думать, что и наш новый бренд может быть описан таким образом. Хотя мы глубоко верим в классические элементы дизайна, наш продукт (программное обеспечение для презентаций Design Ai) был создан для нового, более прогрессивного поколения. И мы бы хотели, чтобы наша новая визуальная идентичность отражала это. Конечная цель - более современный бренд, который отражает будущее нашей работы.

И мы начали с логотипа.

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

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

Дальше нам следовало выбрать шрифт. Мы опробовали практически каждый шрифт без засечек, от Helvetica до Unica и Post Grotesk. Последний из них показался нам наиболее подходящим, но мы все же «отрезали» небольшую часть от букв «t» и «l» для достижения той самой "изюминки".

На самом деле это был кропотливый и детальный процесс, но мы понимали, что это того стоит.

02

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

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

Мы надеемся, что наш новый веб-сайт является одновременно приятным и полезным.

03

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

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

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

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

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

04

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

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

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

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

05

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

«Иллюстрации передают то, что слова и фотографии не могут; они передают сообщения, которые лучше резонируют с аудиторией», — говорит арт-директор Beautiful.ai Ануджа Канани. Таким образом, анимация нашего бренда помогает рассказать историю максимально кратко.

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

06

В Beautiful.ai мы считаем, что меньше — лучше. Честность в дизайне означает простоту и ясность.

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

07

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

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

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

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

08

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

Мы выбирали палитру для Beautiful.ai, основываясь на трех основных цветах (опять же, вневременных), но немного изменили классический красный, синий и желтый, придав им более современный и свежий оттенок.

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

09

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

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

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

Слоган «Work Beautiful» был вдохновлен беседой с нашим основателем Митчем Грассо о том, каким он видит будущее рабочего процесса: люди работают умнее, а не усерднее; коммуницируют эффективно и в кратчайшие сроки; они результативны в рабочее время и не тратят энергию на те задачи, которые не соответствуют их набору навыков (например, работа с текстовыми полями в PowerPoint).

10

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

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

Как говорил Дитер: «Меньше, но лучше».

Наш директор по маркетингу Джилл Каллан объясняет: «Я хотела привнести ту же сдержанность дизайна, присущую нашему продукту, в брендинг и маркетинг», — говорит она. «Я не хотела чрезмерно брендировать Beautiful.ai, я скорее склонялась к простоте и позволила принципам дизайна нашего продукта говорить самим за себя».

Выводы

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

Мы следовали этим ключевым принципам и передовым методам дизайна для того, чтобы запустить обновленную визуальную идентичность бренда. Благодаря этому мы надеемся улучшить ваш пользовательский опыт, установить эмоциональную связь с аудиторией и утвердить влияние Beautiful.ai в области дизайна. Как вы думаете, у нас это получилось? Мы будем рады услышать ваши отзывы.