Сб, 6/01/18 – 20:51 | No Comment

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

Читать статью »
Маркетинг

О маркетинге в Интернете и эффективности сайта

Дизайн

Секреты веб-дизайна, примеры стильных сайтов

Wordpress

Самое современное для сайта на Wordpress

Шаблоны сайтов

Обзоры шаблонов: лучшие темы для сайта

Свой сайт

Как создать, оформить, сделать сайт лучше

Главная » Дизайн

Сайты в стиле флэт: 20 нестандартных дизайнов

21 июня 2018 Нет комментариев

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

Читайте также:  Стили и элементы современного веб-дизайна

Далее, подборка интересных креативных флэт-дизайнов, красиво и нестандартно применивших плоское оформление / навигацию, новаторство и необычные для Flat-стиля подходы.


Liber Finance Group

WordPress-сайт финансовой группы европейских строительных компаний из Варшавы

Примеры флэт-дизайна: темный бизнес сайт на WordPress в стиле хай-тек

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


Coulee Creative

Оригинальный Flat сайт американского веб-агентства

Плоский сайт с необычной навигацией - couleecreative.com

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

Читайте также:  Навигационное меню: 15 примеров нестандартного дизайна

Bukwild

Сайт калифорнийского digital-агентства с лаконичным продающим flat-дизайном

Флэт сайт с нестандартной навигацией - bukwild.com

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


Appico

Сайт немецкой дизайнерской студии специализирующейся на UI/UX дизайне

Нестандартно оформленный сайт в стиле FLAT - appico.com

Красиво применяются последние & актуальные веб-тренды: элементы в общем пространстве, слои материального стиля, интересные flat-иллюстрации.


Animal Logic

Сайт мирового лидера анимации фильмов, сделан на Вордпрессе c применением CSS3

Яркий оригинальный флэт-дизайн сайта компании Animal Logic

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

Читайте также:  Психология влияния цвета на конверсию сайта

Root Studio

Яркий, приятный сайт агентства графического и веб-дизайна из Лондона

Пример яркого позитивного флэт-дизайна - сайт английского дизайн-агентства rootstudio.co.uk

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


Waaark

Французская студия показывает пример креативного оформления сайта на Вордпрессе

Красиво анимированный плоский сайт французской студии Waaark

Эффектный материальный дизайн с применением HTML5 / CSS3 / jQuery. На главной странице высококлассная интерактивная анимация с реалистичным затуханием колебаний. Красота дизайна достигается оптимальными пропорциями макета & элементов страниц и переходами.

Читайте также:  Анимация по правилам UX-дизайна: полное руководство

Made in Haus

У маркетинговой компании из Лос-Анжелеса залипательный сайт с интригующим визуалом

Креативно анимированный интерактивный сайт с плоским стилем дизайна - madeinhaus.com

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

Читайте также:  Вдохновляющий дизайн портфолио сайтов – лучшее за 2018-й

Wretch & Rascal

Флэт дизайн свежего сайта английского фото-сервиса

Красиво анимированный флэт-сайт с ретро стилем дизайна - wretchandrascal.com

Интересное сочетание ярких ретро-цветов со скетчевыми рисунками & шрифтами заголовков.


MezzoLab

Дистанционное агентство цифровых услуг. Клиенты: компания L’Oréal, футболист К. Роналду…

Flat дизайн с креативным плоским видео - агентский сайт mezzolab.com

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


MADWELL

Плоский сайт Нью-Йоркского агенства — интерактив, анимация, индивидуальный стиль
Красивый FLAT дизайн: сайт агентства Madwell в плоском стиле с интерактивной анимацией

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


360I

После 20 лет присутствия на рынке 360i названо медиа-агенством года (2017)

Компактный и стильный FLAT дизайн - сайт агентства 360i

Анимация, hover и scroll эффекты делают интересным компактный дизайн. Отлично оформлен расширенный раздел «О нас». Поддомен CAREERS представлен анимированной 3D-графикой.

Читайте также:  30 стильных сайтов агентств и персональных портфолио дизайнеров

Coraline Colasse

Индивидуальное Арт-портфолио парижского дизайнера К. Коласс

Пример креативного флэт-оформления главной страницы персонального сайта

Интерактивный WP-сайт, использует CSS3, jQuery, GSAP. Проекты на главной странице удобно листать перетаскиванием вниз, а огромная буква C (инициал Каролины) служит трафаретным превью.


Nurture Digital

У первоклассного цифрового агентства из Лос-Анжелеса креативный, высокотехнологичный сайт

Крутой анимированный дизайн в плоском стиле - сайт digital агентства из Лос-Анжелеса nurturedigital.com

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


Paris American Academy

Двуязычная академия дизайна в Париже, основана американцем Ричардом Рей в 1965 г

Черно-белый плоский веб-дизайн: сайт парижской академии дизайна

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


Holm Marcher & Co.

Сайт команды маркетологов из Нью-Йорка

Holmmarcher.dk - необычно оформленный американский бизнес-сайт запоминается приветливым и ненавязчивым плоским дизайном с двухцветными фото (Duotone)

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

Читайте также:  Как правильно оформить главную страницу: 42 сайта в пример