С развитием интернет технологий и веб-дизайна, последние годы появилась некая тенденция(не везде и не у всех) к упрощению страницы. Упрощение как дизайна, так и кода. И это главная идея минимализма в веб-дизайне, «меньше это лучше».
Наиболее важная часть страницы — это контент, поэтому в минимализме исключается всё лишнее, чтобы выделить содержание. При этом содержание, в свою очередь, подчёркивает дизайн. Создание такого сайта на первый взгляд кажется проще, чем, например, цветного сайта с яркими заголовками, однако это не так. Здесь очень важно при минимальном содержании страницы сохранить удобство её использования.
И всё же, очень редко сайты в минималистическом стиле выглядят некрасиво или не стильно. Поэтому минимализм со своей лёгкостью и элегантностью чаще всего находит применение в каких-то корпоративных сайтах, а так же блогах, портфолио, социальных сетях.
Сегодня посмотрим примеры страниц по каждому из этих разделов (в конце статьи — обзор российских сайтов в стиле минимализм):
Блоги
Тут я решил схитрить, а заодно сделать Вам приятное — выложу наиболее интересные бесплатные WordPress темы в стиле минимализм, так что можете не только смотреть, но и качать.
Modern Clix
Довольно стандартный дизайн, белый фон и мелкий шрифт.
Fifty Fifth Street
Neutra
Structure
Тут уже больше креатива — мы видим интересный логотип и игру с шрифтами.
Ulap
Clean Minimal
А вот здесь шрифт большой — и опять же ничего лишнего.
Doc
На этой теме много свободного пространства, есть и красный акцент.
Lead
Более «женственный» и мягкий дизайн, заголовки даже розовые.
New York New York
Эта тема совмещает фото и текст, при этом сохраняя большое количество воздуха.
Pure II
А вот тут используется более интересный фон.
Stilbruch
Последняя из тем имеет чёрный фон и небольшие акценты. Они придают некий имидж странице, в тоже время основное внимание сосредоточено на контенте.
Портфолио
Как я уже писал, минимализм прекрасно подходит для презентации Ваших работ — от них попросту ничего не будет отвлекать!
Hinterland Studio
Простенький такой дизайн, на странице особо выделены логотип, главная фотография и приветственная надпись.
Alexander Munk
Серый с красно-голубым сплешем дизайн, акцентами, опять же, выглядят фото и лого.
Rob Treutel
Создатели этой страницы выделили области своей деятельности.
Good Inc
Мягкий кремовый дизайн. Акцент снова на фото.
madewithlove
Почти отсутствуют картинки, зато выделяется красный логотип — самое яркое пятно страницы.
Though & Theory
Здесь вообще всё очень-очень мелкое, воистину, ничего лишнего.
Freshness
Гламурное сочетание чёрный-розовый, плюс большая фотография, задают характер сайту.
Anthony Mullan Furniture
На этой странице компания сразу выставляет работу из портфолио, презентуя уровень своих работ.
Корпоративные сайты
Минимализм в дизайне своего корпоративного сайта выбирают компании, которые хотят подчеркнуть принцип работы: «Дело прежде всего».
UMarks
Компания явно решила акцентировать взгляд на трёх пунктах меню.
VonChurch
Стильный рисунок внизу отображает профиль деятельности компании.
37signals
На этом сайте выделен слоган и услуги компании.
Medicon Media
Ещё один пример сайта, где центром композиции является фото.
Selldorf Architects
На этой странице из текста представлен только главное меню сайта компании.
The Typographic Desk Reference
Лого, цена и небольшой рассказ о товаре — больше на странице ничего нет.
D&AD
Более живой сайт, однако и тут авторы исключили всё лишнее, например, оформление фона страницы, хедера и других блоков — отсутствует.
Apple
Классика жанра) Меню, пара слов о товаре и сам товар.
SOFA
Опять же, всё внимание сосредоточено на продукции компании.
Социальные сети
Социальные сети всегда гнались (и будут гнаться) за простотой — пользователя ничто не должно отвлекать от общения.
Классический пример, и законодатель мод – facebook.
Linkedin тоже выбирает минимум оформления, хотя на странице даже есть баннер.
Dribbble
Одна из новых социалок для дизайнеров, всё простенько и аккуратненько. Хотя, полагаю, профиль сети всё-таки обязал создателей немного её приукрасить.
Delicious
Популярный сервис закладок старается не отвлекать пользователей от главной цели — добавить ссылку в закладки
Google Buzz
У Google всегда всё выглядит просто.
Twitter одна из немногих социальных сетей, которая позволяет загружать свои оформления.
Россия
И напоследок смотрим небольшую подборку минималистичных сайтов рунета.
Яndex
Наверное, самый известный сайт рунета с минималистическим оформлением.
Vkontakte
Сайт-клон facebook, думаю, всё и так понятно.
DesignLenta
Хороший дизайн и внимание к мелочам. Чёрно-белая гамма, со сплешем на жёлтый.
Neverlex
Neverlex, как и подобает программеру, решил сделать акцент на текст.
Macpages
Сайт посвящён продукции Apple — отсюда и дизайн.
5 шотов
Фото — информация, фото — информация.. ничего лишнего.
Блог Алексея Ильина
Простенькое оформление, из изысков — только логотип.
Черенкевич Алексей
Алексей на своей странице сделал упор на портфолио.
Билайн
Сайт компании предназначен для презентации услуг, и ни для чего другого.
заключение
Таким образом, друзья, мы рассмотрели достаточно много примеров, и я надеюсь, Вам будет над чем подумать. Продолжим борьбу за красивый и удобный рунет!
С уважением, Найко Михаил.
Автор: Найко Михаил
Редакция: Рог Виктор и Андрей Бернацкий. Команда webformyself.
E-mail: contact@webformyself.com
Хотите научиться создавать шикарные дизайны сайтов?
Получите пошаговую обучающую систему по веб-дизайну
Получить
Спасибо, полезные ссылки — есть о чем подумать. Хорошо бы дать ещё небольшой обзор хороших книг, статей или сайтов по WEB-дизайну.
Да, интересные у вас публикации
Очень интересные темы, я тоже приверженец минимализма. А где же их можно скачать?
Спасибо за полезную статью,а где можно скачать понравившиеся темы?
Спасибо большое за ссылки, очень интересно и познавательно
Не знал и не обращал внимания на минимализм на сайтах. Наоборот думал что у веб-разработчика просто не хватало фантазии и идеи по внешнему виду сайта. А выходит что все совсем наоборот. Но как минимализм примут рядовые пользователи. Хотя крупные информационные порталы трудновато пока представить в виде минимализма.
Глубокое убеждение — лучший сайт — без боковой прокрутки и с хорошей новигацией! Над этим не думает никто, или это хитрость для удержания посетителя на сайте? А дизайн — дело вкуса!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! И по ширине не более половины экрана (можно уже), чтобы головой не вертеть и не искать строки. Тем более, если это помощь или обучающий курс. Когда желательно видеть 2 окна: курс и программу.
Согласен. Посоветуйте качественное чтиво на тему дизайна макетов. Можно из англоязычных источников. Желательно именно про концепции дизайна страниц а не реализацию в фотошоп. За шаблоны спасибо.
Мы активно начинаем переводить данные статьи на русский.
Пока вот что:
«Теория дизайна»:
«Интерфейс сайта»:
Мой сайт тоже сделан в стиле минимализм, хотя при этом он тоже хорошо работает. Я так же считаю, что нужно сосредоточиться на главном и не отвлекать дизайном. Найдя золотую середину мы можем сказать — да, дизайн хорош и не мешает. Самое главное — подать информацию. А если сайт работает без лишних наворотов — это здорово. Иногда, конечно, заказчик хочет большего
Всё верно, сам сейчас упорно использую минимализм в разработке сайтов. Нагруженные информацией web-ресурсы неправильно её подают пользователю, отпугивая одним количеством ссылок и столбцов с данными. Яркий тому пример — mail.ru. Я думаю у яндекса и гугла не меньше доступных сервисов, а то и больше, но они не выставляют все на показ.
Мне всегда нравился минимализм в сайтах. На западе давно поняли, что именно так можно повысить конверсию сайта. У нас до недавнего времени делали очень перенасыщенные графикой сайты. В последнее время наблюдал, что всё таки поняли дизайнеры смысл минимализма. Упрощать графику нужно, только знать меру.
Все лаконично и заманчиво. Только мне это неподвластно.
Согласна с Вами. Дизайн не должен отвлекать от сути — контента, товара и т.д. Свои сайты тоже стараюсь делать без лишних изысков.
Хорошая статья, спасибо. По-моему минимализм в веб-дизайне становится уже нормой, что радует. Многие дизайнеры после множества экспериментов приходят именно к минимализму.
Спасибо за темы, будем использовать.
Часто, как на минимализм в дизайне оживляется различными js-примочками.
Да,достаточно емкий обзор. Я как раз в поиске чего-то в этом роде,-
доступно,просто,функционально.Хотя я только начинаю,но думаю,
об инструментах «своего начинания»,нужно думать в первую очередь.
Спасибо за интересные примеры..!
Красота — это не всегда много элементов
Интересная подборка. Спасибо.
Не надо путать — Упрощение как дизайна, так и кода — с минимизацией как дизайна, так и кода, т.к. минимизация — это достижение цели с минимальными затратами, а упрощение — это либо нежелание (обычная лень),либо неспособность грамотно оформить сайт.
Данная страница подтверждает, что цель достигнута с минимальными затратами!
Спасибо за интересный материал.Удачные примеры. Все это для меня — новизна.
Минимум — это максимум на самом деле. Максимум выразительности и продуманности. Это уже близко к настоящему искусству и может называться «ГРАФИЧЕСКИЙ ДИЗАЙН». Требует интеллектуальных вложений и умения работать в графических редакторах, чтобы та единственная картинка, которая берёт на себя иллюстрирующую роль — действительно была потрясающе сделана и отвечала тематике сайта.
Ну, кому есть, что сказать и что показать — выбирают минимализм в дизайне. А кто пишет о кисках и бантиках или ни о чем, тем, конечно, надо хоть чем-то загрузить страницу, чтобы на ней что-нибудь было
))
Лаконичный стиль дизайна — то, что надо. Если уж что-то хочется сделать яркое, то можно сделать просто яркий фон — не белый, а другой, но такой, чтобы на нем был хорошо виден текст.
Вот, кстати, не понимаю людей, которые пишут зеленые тексты на черном фоне — они надеются, что их хоть кто-нибудь будет читать???
Всё равно помоему минимализм не всегда к месту, иногда хочется увидеть какие нибудь необычные сайты с нестандартным оформлением, минимализм как-то всё слишком упрощает, даже иногда скучновато становится, вот как-то так.
Хорошая статья ,ведь краткость(как и минимализм) — сестра таланта .Может когда-нибудь дадите пример вестки такого сайта ?
По поводу скачивания тем.. попробуйте ввести в гугле что-то типа download {название темы} wordpress theme
Большое спасибо за информацию.
Всё хорошо, но в меру. Если есть картинка и 3-4 предложения, то можно на минималке посидеть. А когда надо показать кучу информации, а на одной странице даже не все ссылки поместятся, то какой там минимализм — тут надо извернутся, чтобы человек хоть чуть далее пролистал (посмотрел ссылки) чем первая страница.
Спасибо ребята ! Очень познавательно, как раз сейчас размышляю над тем, как разгрести «кашу» на своем сайте !
Минимализм не должен быть навязанным. Он должен вытекать из сути проекта. Статья для меня полезной не оказалась, подборки дизайна по различным критериям можно свободно встретить в сети.
Прочитал, спасибо очень интересная и позновательная статья.
Отличная статья, полностью согласен.
Не знаю, можно ли здесь оставлять ссылки, но свой проект я тоже постарался сделать в стиле «минимализма».
Из русских сайтов можно выделить ya.ru вот где действительно все по минимуму и странно что в подобных статьях не упоминают дизайн сайта гугл.ком