С развитием интернет технологий и веб-дизайна, последние годы появилась некая тенденция(не везде и не у всех) к упрощению страницы. Упрощение как дизайна, так и кода. И это главная идея минимализма в веб-дизайне, «меньше это лучше».
Наиболее важная часть страницы — это контент, поэтому в минимализме исключается всё лишнее, чтобы выделить содержание. При этом содержание, в свою очередь, подчёркивает дизайн. Создание такого сайта на первый взгляд кажется проще, чем, например, цветного сайта с яркими заголовками, однако это не так. Здесь очень важно при минимальном содержании страницы сохранить удобство её использования.
И всё же, очень редко сайты в минималистическом стиле выглядят некрасиво или не стильно. Поэтому минимализм со своей лёгкостью и элегантностью чаще всего находит применение в каких-то корпоративных сайтах, а так же блогах, портфолио, социальных сетях.
Сегодня посмотрим примеры страниц по каждому из этих разделов (в конце статьи — обзор российских сайтов в стиле минимализм):
Блоги
Тут я решил схитрить, а заодно сделать Вам приятное — выложу наиболее интересные бесплатные WordPress темы в стиле минимализм, так что можете не только смотреть, но и качать.
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее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
Ещё один пример сайта, где центром композиции является фото.
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее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
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видео
Спасибо, полезные ссылки — есть о чем подумать. Хорошо бы дать ещё небольшой обзор хороших книг, статей или сайтов по WEB-дизайну.
Да, интересные у вас публикации
Очень интересные темы, я тоже приверженец минимализма. А где же их можно скачать?
Спасибо за полезную статью,а где можно скачать понравившиеся темы?
Спасибо большое за ссылки, очень интересно и познавательно
Не знал и не обращал внимания на минимализм на сайтах. Наоборот думал что у веб-разработчика просто не хватало фантазии и идеи по внешнему виду сайта. А выходит что все совсем наоборот. Но как минимализм примут рядовые пользователи. Хотя крупные информационные порталы трудновато пока представить в виде минимализма.
Глубокое убеждение — лучший сайт — без боковой прокрутки и с хорошей новигацией! Над этим не думает никто, или это хитрость для удержания посетителя на сайте? А дизайн — дело вкуса!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! И по ширине не более половины экрана (можно уже), чтобы головой не вертеть и не искать строки. Тем более, если это помощь или обучающий курс. Когда желательно видеть 2 окна: курс и программу.
Согласен. Посоветуйте качественное чтиво на тему дизайна макетов. Можно из англоязычных источников. Желательно именно про концепции дизайна страниц а не реализацию в фотошоп. За шаблоны спасибо.
Мы активно начинаем переводить данные статьи на русский.
Пока вот что:
«Теория дизайна»:
«Интерфейс сайта»:
Мой сайт тоже сделан в стиле минимализм, хотя при этом он тоже хорошо работает. Я так же считаю, что нужно сосредоточиться на главном и не отвлекать дизайном. Найдя золотую середину мы можем сказать — да, дизайн хорош и не мешает. Самое главное — подать информацию. А если сайт работает без лишних наворотов — это здорово. Иногда, конечно, заказчик хочет большего
Всё верно, сам сейчас упорно использую минимализм в разработке сайтов. Нагруженные информацией web-ресурсы неправильно её подают пользователю, отпугивая одним количеством ссылок и столбцов с данными. Яркий тому пример — mail.ru. Я думаю у яндекса и гугла не меньше доступных сервисов, а то и больше, но они не выставляют все на показ.
Мне всегда нравился минимализм в сайтах. На западе давно поняли, что именно так можно повысить конверсию сайта. У нас до недавнего времени делали очень перенасыщенные графикой сайты. В последнее время наблюдал, что всё таки поняли дизайнеры смысл минимализма. Упрощать графику нужно, только знать меру.
Все лаконично и заманчиво. Только мне это неподвластно.
Согласна с Вами. Дизайн не должен отвлекать от сути — контента, товара и т.д. Свои сайты тоже стараюсь делать без лишних изысков.
Хорошая статья, спасибо. По-моему минимализм в веб-дизайне становится уже нормой, что радует. Многие дизайнеры после множества экспериментов приходят именно к минимализму.
Спасибо за темы, будем использовать.
Часто, как на минимализм в дизайне оживляется различными js-примочками.
Да,достаточно емкий обзор. Я как раз в поиске чего-то в этом роде,-
доступно,просто,функционально.Хотя я только начинаю,но думаю,
об инструментах «своего начинания»,нужно думать в первую очередь.
Спасибо за интересные примеры..!
Красота — это не всегда много элементов
Интересная подборка. Спасибо.
Не надо путать — Упрощение как дизайна, так и кода — с минимизацией как дизайна, так и кода, т.к. минимизация — это достижение цели с минимальными затратами, а упрощение — это либо нежелание (обычная лень),либо неспособность грамотно оформить сайт.
Данная страница подтверждает, что цель достигнута с минимальными затратами!
Спасибо за интересный материал.Удачные примеры. Все это для меня — новизна.
Минимум — это максимум на самом деле. Максимум выразительности и продуманности. Это уже близко к настоящему искусству и может называться «ГРАФИЧЕСКИЙ ДИЗАЙН». Требует интеллектуальных вложений и умения работать в графических редакторах, чтобы та единственная картинка, которая берёт на себя иллюстрирующую роль — действительно была потрясающе сделана и отвечала тематике сайта.
Ну, кому есть, что сказать и что показать — выбирают минимализм в дизайне. А кто пишет о кисках и бантиках или ни о чем, тем, конечно, надо хоть чем-то загрузить страницу, чтобы на ней что-нибудь было
))
Лаконичный стиль дизайна — то, что надо. Если уж что-то хочется сделать яркое, то можно сделать просто яркий фон — не белый, а другой, но такой, чтобы на нем был хорошо виден текст.
Вот, кстати, не понимаю людей, которые пишут зеленые тексты на черном фоне — они надеются, что их хоть кто-нибудь будет читать???
Всё равно помоему минимализм не всегда к месту, иногда хочется увидеть какие нибудь необычные сайты с нестандартным оформлением, минимализм как-то всё слишком упрощает, даже иногда скучновато становится, вот как-то так.
Хорошая статья ,ведь краткость(как и минимализм) — сестра таланта .Может когда-нибудь дадите пример вестки такого сайта ?
По поводу скачивания тем.. попробуйте ввести в гугле что-то типа download {название темы} wordpress theme
Большое спасибо за информацию.
Всё хорошо, но в меру. Если есть картинка и 3-4 предложения, то можно на минималке посидеть. А когда надо показать кучу информации, а на одной странице даже не все ссылки поместятся, то какой там минимализм — тут надо извернутся, чтобы человек хоть чуть далее пролистал (посмотрел ссылки) чем первая страница.
Спасибо ребята ! Очень познавательно, как раз сейчас размышляю над тем, как разгрести «кашу» на своем сайте !
Минимализм не должен быть навязанным. Он должен вытекать из сути проекта. Статья для меня полезной не оказалась, подборки дизайна по различным критериям можно свободно встретить в сети.
Прочитал, спасибо очень интересная и позновательная статья.
Отличная статья, полностью согласен.
Не знаю, можно ли здесь оставлять ссылки, но свой проект я тоже постарался сделать в стиле «минимализма».
Из русских сайтов можно выделить ya.ru вот где действительно все по минимуму и странно что в подобных статьях не упоминают дизайн сайта гугл.ком