Минимализм в веб-дизайне

минимализм в веб-дизайне

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

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

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

Сегодня посмотрим примеры страниц по каждому из этих разделов (в конце статьи — обзор российских сайтов в стиле минимализм):

Блоги

Тут я решил схитрить, а заодно сделать Вам приятное — выложу наиболее интересные бесплатные WordPress темы в стиле минимализм, так что можете не только смотреть, но и качать.

Modern Clix

Modern Clix

Довольно стандартный дизайн, белый фон и мелкий шрифт.

Fifty Fifth Street


Fifty Fifth Street

Neutra


Neutra

Structure


Structure

Тут уже больше креатива — мы видим интересный логотип и игру с шрифтами.

Ulap

Ulap

Clean Minimal


Clean Minimal

А вот здесь шрифт большой — и опять же ничего лишнего.

Doc

Doc

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

Lead


Lead

Более «женственный» и мягкий дизайн, заголовки даже розовые.

New York New York


New York New York

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

Pure II


Pure II

А вот тут используется более интересный фон.

Stilbruch


Stilbruch

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

Портфолио

Как я уже писал, минимализм прекрасно подходит для презентации Ваших работ — от них попросту ничего не будет отвлекать!

Hinterland Studio


Hinterland Studio

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

Alexander Munk

Alexander Munk

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

Rob Treutel

Rob Treutel

Создатели этой страницы выделили области своей деятельности.

Good Inc

Good Inc

Мягкий кремовый дизайн. Акцент снова на фото.

madewithlove

madewithlove

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

Though & Theory

Though & Theory

Здесь вообще всё очень-очень мелкое, воистину, ничего лишнего.

Freshness

Freshness

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

Anthony Mullan Furniture

Anthony Mullan Furniture

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

Корпоративные сайты

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

UMarks

UMarks

Компания явно решила акцентировать взгляд на трёх пунктах меню.

VonChurch

VonChurch

Стильный рисунок внизу отображает профиль деятельности компании.

37signals

37signals

На этом сайте выделен слоган и услуги компании.

Medicon Media

Medicon Media

Ещё один пример сайта, где центром композиции является фото.

Selldorf Architects

Selldorf Architects

На этой странице из текста представлен только главное меню сайта компании.

The Typographic Desk Reference

The Typographic Desk Reference

Лого, цена и небольшой рассказ о товаре — больше на странице ничего нет.

D&AD

D&AD

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

Apple

Apple

Классика жанра) Меню, пара слов о товаре и сам товар.

SOFA

SOFA

Опять же, всё внимание сосредоточено на продукции компании.

Социальные сети

Социальные сети всегда гнались (и будут гнаться) за простотой — пользователя ничто не должно отвлекать от общения.

Facebook

Facebook

Классический пример, и законодатель мод – facebook.

Linkedin

Linkedin

Linkedin тоже выбирает минимум оформления, хотя на странице даже есть баннер.

Dribbble

Dribbble

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

Delicious

Delicious

Популярный сервис закладок старается не отвлекать пользователей от главной цели — добавить ссылку в закладки

Google Buzz

Google Buzz

У Google всегда всё выглядит просто.

Twitter

Twitter

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

Россия

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

Яndex

Яndex

Наверное, самый известный сайт рунета с минималистическим оформлением.

Vkontakte

Vkontakte

Сайт-клон facebook, думаю, всё и так понятно.

DesignLenta

DesignLenta

Хороший дизайн и внимание к мелочам. Чёрно-белая гамма, со сплешем на жёлтый.

Neverlex

Neverlex

Neverlex, как и подобает программеру, решил сделать акцент на текст.

Macpages

Macpages

Сайт посвящён продукции Apple — отсюда и дизайн.

5 шотов

5 шотов

Фото — информация, фото — информация.. ничего лишнего.

Блог Алексея Ильина

Блог Алексея Ильина

Простенькое оформление, из изысков — только логотип.

Черенкевич Алексей

Черенкевич Алексей

Алексей на своей странице сделал упор на портфолио.

Билайн

Билайн

Сайт компании предназначен для презентации услуг, и ни для чего другого.

заключение

Таким образом, друзья, мы рассмотрели достаточно много примеров, и я надеюсь, Вам будет над чем подумать. Продолжим борьбу за красивый и удобный рунет!
С уважением, Найко Михаил.

киберсант-вебмастер

Автор: Найко Михаил

Редакция: Рог Виктор и Андрей Бернацкий. Команда webformyself.

E-mail: contact@webformyself.com

Хотите научиться создавать шикарные дизайны сайтов?

Получите бесплатную пошаговую обучающую систему по веб-дизайну

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (35)

  1. Сергей

    Спасибо, полезные ссылки — есть о чем подумать. Хорошо бы дать ещё небольшой обзор хороших книг, статей или сайтов по WEB-дизайну.

  2. Сергей

    Да, интересные у вас публикации

  3. Сергей

    Очень интересные темы, я тоже приверженец минимализма. А где же их можно скачать?

  4. Юлия

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

  5. Александр

    Спасибо большое за ссылки, очень интересно и познавательно :)

  6. Алексей

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

  7. Andrey

    Глубокое убеждение — лучший сайт — без боковой прокрутки и с хорошей новигацией! Над этим не думает никто, или это хитрость для удержания посетителя на сайте? А дизайн — дело вкуса!

    • Михаил

      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! И по ширине не более половины экрана (можно уже), чтобы головой не вертеть и не искать строки. Тем более, если это помощь или обучающий курс. Когда желательно видеть 2 окна: курс и программу.

  8. Андрей Ф.

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

  9. Дмитрий

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

  10. Михаил

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

  11. Дмитрий

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

  12. Алла

    Все лаконично и заманчиво. Только мне это неподвластно.

  13. Юлия

    Согласна с Вами. Дизайн не должен отвлекать от сути — контента, товара и т.д. Свои сайты тоже стараюсь делать без лишних изысков.

  14. gaad

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

  15. Devil_Shurik

    Спасибо за темы, будем использовать.

  16. Эрли

    Часто, как на http://www.dandad.org минимализм в дизайне оживляется различными js-примочками.

  17. Сергей

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

  18. Влад Цыганык

    Красота — это не всегда много элементов :)
    Интересная подборка. Спасибо.

  19. Влад

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

  20. Станислав

    Спасибо за интересный материал.Удачные примеры. Все это для меня — новизна.

  21. Вера

    Минимум — это максимум на самом деле. Максимум выразительности и продуманности. Это уже близко к настоящему искусству и может называться «ГРАФИЧЕСКИЙ ДИЗАЙН». Требует интеллектуальных вложений и умения работать в графических редакторах, чтобы та единственная картинка, которая берёт на себя иллюстрирующую роль — действительно была потрясающе сделана и отвечала тематике сайта.

  22. Sana Vita

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

  23. Интернетостродалец

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

  24. Николай

    Хорошая статья ,ведь краткость(как и минимализм) — сестра таланта .Может когда-нибудь дадите пример вестки такого сайта ?

  25. naikom

    По поводу скачивания тем.. попробуйте ввести в гугле что-то типа download {название темы} wordpress theme

  26. Irina

    Большое спасибо за информацию.

  27. Ирина

    Всё хорошо, но в меру. Если есть картинка и 3-4 предложения, то можно на минималке посидеть. А когда надо показать кучу информации, а на одной странице даже не все ссылки поместятся, то какой там минимализм — тут надо извернутся, чтобы человек хоть чуть далее пролистал (посмотрел ссылки) чем первая страница.

  28. Лилия

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

  29. Мария

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

  30. Сергей

    Прочитал, спасибо очень интересная и позновательная статья.

  31. Александр

    Отличная статья, полностью согласен.

  32. Иван Владимирович

    Не знаю, можно ли здесь оставлять ссылки, но свой проект я тоже постарался сделать в стиле «минимализма».

  33. Александр

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree