Бессмертная техника: Быстрый взгляд на минимализм (перевод)

[buddah]

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

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

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

Что такое Минимализм? Что такое Дизайн?

Книжное определение "минимализма" звучит как "дизайн или стиль, в котором минимально простыми элементами достигается максимальный эффект". А понятие "минималистичное искусство " (minimal art) - "абстрактная живопись или скульптура, в которой выразительность и иллюзия сведены к минимуму за счет использования простых геометрических форм и объектов, а так же ровных, плоских цветов".

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

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

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

Примеры минимализма

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

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

8faces.com

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

bestawards.co.nz

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

collectedhere.com

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

createdm.com

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

eighthourday.com

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

hatbox.co

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

inmotionmassage.co.uk

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

kin-design.com

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

kristaduran.com

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

lamoulade.com

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

learncss.tutsplus.com

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

luanfreirekondo.com

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

mensdept.com

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

modulab.co.uk

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

pigbimpin.com

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

pillowcompany.com

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

sheltonfleming.co.uk

Вот еще один сайт, где нет перебора с цветами. Здесь много интерактивности и он представлен в манере, которая интуитивно понятна для пользователя.

thrivesolo.com

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

weltunit.com

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

wk.com

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

yoshiharuota.com

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

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

Edited January 19, 2012 by buddah

[Vin]

Спасибо за перевод! Данная тема очень актуальна!

[buddah]

Спасибо за перевод! Данная тема очень актуальна!

Пожалуйста) Хочется больше красивых сайтов в рунете.

[Radiocity]

Пожалуйста) Хочется больше красивых сайтов в рунете.

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

Edited January 19, 2012 by Radiocity

[buddah]

Пожалуйста) Хочется больше красивых сайтов в рунете.

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

Да пусть бы уже заимствовали. Только судя по всему не у тех они заимствуют)

[lexxcode]

Спасибо, отличная статья.

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

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

А то как пришлют "борщ на платье" какой-то, и то верстаешь его как можно быстрей, чтоб закрыть psd и больше не открывать.

[s0rr0w]

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

Потому что у нас нет до сих пор ни одной дизайнерской школы.

[Softlink]

Спасибо, отличная статья.

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

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

А то как пришлют "борщ на платье" какой-то, и то верстаешь его как можно быстрей, чтоб закрыть psd и больше не открывать.

Да там половину сайтов и рисовать не надо. С помощью CSS3 можно боевую версию сразу верстать. Главное иметь чувство прекрасного

[ыра]

спасибо, поляпавшись с картинками (как начинающий) пришла к мысли как раз о минимализме при максимилизации четкости восприятия

[buddah]

спасибо, поляпавшись с картинками (как начинающий) пришла к мысли как раз о минимализме при максимилизации четкости восприятия

Это, наверное, главный месседж, который я хотел донести.

[abused]

спасибо, поляпавшись с картинками (как начинающий) пришла к мысли как раз о минимализме при максимилизации четкости восприятия

Это, наверное, главный месседж, который я хотел донести.

Ох, не могу не согласиться. Это настолько актуально сегодня, просто кошмар. Толпа народу почему-то считает, что чем больше всяких финтиплюшек понавешано, тем круче дизайн. Неизвестно зачем по сайдбарам натыкаем разных виджетов на три скрина чтоб было чего скроллить. Цвета чтоб как можно поярче, и не важно что рябит в глазах. Кругом побольше рамочек (цветастых и кучерявых конечно же), и вокруг рамочек — еще рамочки обязательно чтоб были! А текст вообще забыт, его как будто и нет.

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

Если сайт не является фотоблогом (галереей, и т.д…), то текст должен быть на первом месте! Типографика — наше все.

[s0rr0w]

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

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

Типографика — наше все.

Если понимать классическое определение, а не Лебедевские извращения, то да.

[DesignTranslations]

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

[buddah]

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

Мне не жалко, пожалуйста.