Хороший дизайн – Студия «Хороший Дизайн» | Разработка дизайна сайтов, логотипов и графических материалов в Ростове-на-Дону и Москве

Содержание

Лучшие дизайны сайтов по версии Awwwards

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

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

Сначала веб-сайты проходят голосование в номинации «Сайт дня», которое проводится сообществом Awwwards совместно с международным жюри, состоящим из дизайнеров, разработчиков и рекламных агентств. В конце года победители попадают в книгу «The 365 Best Websites Around the World» («365 лучших веб-сайтов мира»). Следующий этап — «Сайт месяца», на котором определяются финалисты конкурса «Сайт года», о которых мы писали в статье «23 красивых веб-сайта по версии Awwwards».

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

1. KIKK Festival 2016

от студии Dogstudio, Бельгия

Перейти на сайт

2. Because Recollection

от рекламного агентства 84.Paris, Франция

Перейти на сайт

3. In Pieces

от дизайнера Брайана Джеймса, Нидерланды

Перейти на сайт

4. Falter Inferno

от студии WILD, Австрия

Перейти на сайт

5. Protest Sportswear

от агентства Build in Amsterdam, Нидерланды

Перейти на сайт

6. Weber — BBQ Cultures

от агентства UncleGrey, Дания

Перейти на сайт

7. Paper Planes

от продакшен-студии Active Theory, США

Перейти на сайт

8. Beagle — Better proposals

от цифрового агентства Spring/Summer, Дания

Перейти на сайт

9. Cavalier: Conqueror of Excellence

от креативного агентства Your Majesty, США

Перейти на сайт

10. Фаррелл Уильямс — 24 HOURS OF HAPPY

от продакшен-студии Anonymous, Франция

Перейти на сайт

11. AQuest

от креативного агентства AQuest, Италия

Перейти на сайт

12. Интернет-магазин Nixon

от дизайнерского агентства BASIC, США

Перейти на сайт

13. Dragone

от студии Dogstudio, Бельгия

Перейти на сайт

14. Blacknegative

от дизайнера Сильвена Трана, Франция

Перейти на сайт

15. Путешествие по Средиземью. Хоббит: Битва пяти воинств

от дизайнерской компании North Kingdom, Швеция

Перейти на сайт

16. Into the Arctic — Greenpeace

от рекламного агентства Hello Monday, Дания

Перейти на сайт

17. Made in a Free World: Slavery Footprint

от студии UNIT9, Великобритания

Перейти на сайт

18. 360° Langstrasse Zürich

от рекламного агентства Hinderling Volkart, Швейцария

Перейти на сайт

Чтобы получить больше вдохновения, читайте нашу статью «Черпаем вдохновение: 23 красивых веб-сайта по версии Awwwards».

Подписывайтесь на наш блог

Получайте лучшие статьи по фотографии и бонусы доступные только подписчикам

Комментарии

комментариев

blog.depositphotos.com

«Это хороший дизайн или нет?» — как я отвечаю на этот вопрос с помощью 3 категорий

Когда ты — основатель студии, которая сделала больше всех логотипов в России, тебе достаются отнюдь не слава и женщины. Тебе достаётся толпа людей, которые показывают свои сайты и логотипы с вопросом: «Это хороший дизайн или нет?»

Вопрос довольно сложный, потому что в дизайне мало объективного и много вкусовщины. За годы работы я видел, наверное, миллион знаков, визиток и сайтов. Чтобы не сойти с ума, каждый раз погружаясь в детали дизайна, мне была необходима нативная и универсальная система оценки. И я её придумал.

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

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

Дизайн, который мешает взаимодействию


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

Хороший пример — эта афиша:

Афиша с сайта kapustadizain.ru

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

Пример из сети:

Скриншот syktyvkar-reklama.ru

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

Дизайн, который помогает взаимодействию


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

Пример из реального мира:

Разворот книги «Волшебный гардероб», которую верстал Игорь Штанг

Вёрстка чёткая, помогает читать текст в правильном порядке, понятная структура. Иллюстрации взяты не из Google по запросу «тётка в пальто сток», а сфотографированы в студии специально для книги. Цветовой круг иллюстрирует, о чём идёт речь в тексте.

Пример из виртуального мира.

Скриншот qlean.ru

Мне с таким дизайном легко взаимодействовать — я вижу структуру и понимаю, как работают элементы. Иллюстрации большие и яркие, сделаны специально для сайта. Кнопки контрастные, элементы управления крупные.

Дизайн, который приглашает к взаимодействию


Тут я приведу побольше примеров, потому что это редкий гость, особенно в России. Главный критерий: такой дизайн приглашает к взаимодействию с объектом, даже если сам объект вам даром не нужен, и вы просто мимо проходили. Такой дизайн привлекает, добавляет стоимость и приводит к успеху. Про него говорят: «Делали с душой».

Хороший пример — эта соковыжималка для цитрусовых:

Соковыжималка дизайна Филиппа Старка

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

Пример попроще — интерактивный сайт histography.ru:


Интерактивная карта изменения границ России

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

Пример из мира логотипов — анимированные знаки.

Логотип Cozy Lounge

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

Отличный пример одновременно из промдизайна, техдизайна и веба.

mylapka.com

Эстетичный дизайн и прекрасные фотографии с сайта «Лапки». Ребята делают датчики окружающей среды для iPhone и много внимания уделяют дизайну. Часть датчика сделана из настоящего дерева. Выглядит стильно, такую вещь хочется купить. Именно из-за чувства стиля стартап «Лапка» купил абсолютно непрофильный Airbnb. Так дизайн принёс им реальные и, наверное, неплохие деньги.

Что в итоге


Эта простая система координат помогает мне быстро отвечать на вопрос: «Это хороший дизайн или нет?» Я просто спрашиваю себя: «Хочу ли я взаимодействовать с этим объектом?» А дальше можно углубляться: что именно мешает взаимодействию, как это исправить и улучшить.

Конечно, это всё завязано на опыте и художественном вкусе, и это тоже надо развивать.

И как всегда: успехов вам и вашим проектам!

habr.com

Что такое хороший дизайн? | UXPUB

В нашей серии статей «Design around the world» мы опросили дизайнеров из 18 разных стран и подвели итог. В каждом интервью мы задали несколько одинаковых вопросов, чтобы сравнить, как отличаются способы мышления дизайнеров в контексте их культуры.

Один из вопросов, который мы всегда задаем: что для вас хороший дизайн и почему вы считаете это важным?

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

Хороший дизайн объединяет чувство с логикой

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

YahLeng из Foreign Policy, Сингапур

«Мы верим в дизайн, который заставляет людей двигаться, заставляет их чувствовать, делает их счастливыми или грустными и заставляет их что-то делать. Мы хотим найти связи между логическими вещами и глубокими эмоциями вокруг нас»  Studio Melli, Иран

Хороший дизайн меняет общество

Для меня «хороший дизайн» – это дизайн, который позволяет большому количеству людей улучшить качество жизни. Даже, если он улучшит ее ненамного, я думаю, что это хороший дизайн». Nod из A Black Cover Design, Китай

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

 Plus 63, Филиппины

«Мы считаем, что дизайн – это вид общественного движения. Мы работаем не только над проектами клиентов, но и над личными проектами, чтобы поделиться своими идеями с обществом. Таким образом, сотрудничество с некоммерческими организациями имеет для нас смысл. Мы считаем, что роль дизайнеров создавать эффективный визуальный язык, который передает их идеи. Это дает значимые перемены для общества. Вот почему многие из наших клиентов являются некоммерческими организациями и культурными институтами».  Everyday Practice, Южная Корея

Хороший дизайн решает проблему

«Для меня хороший дизайн – это дизайн, который дает лучшее (умное и продуманное) решение проблемы. Важно показать, что дизайнеры могут способствовать успеху малого бизнеса, помогать обществу восстанавливаться после стихийных бедствий и даже помогать в разработке эффективных правительственных программ» Dan из Plus63, Филиппины

«Хороший дизайн – это не просто эстетика или дизайн в соответствии с нашими предпочтениями. Мы считаем, что хороший дизайн должен обеспечивать решение проблемы, которое может оказать положительное влияние на бизнес и сделать добро для общества».   LIE studio, Малайзия

Хороший дизайн продает

«Хороший дизайн… это дизайн, который волнует, продает и увековечивает. Мы всегда хотим, чтобы нас запомнили за продукты и дизайны, которые будут высоко оценены и которые решают проблемы. Каждый проект, выпускаемый студией, должен быть причиной гордости и желания». –  Isabela из Sweety & Co.

«Почему люди всегда создают что-то новое? Почему производители постоянно меняют упаковку своего продукта? Они хотят, чтобы их заметили, узнавали, хотят выделиться на полке, полной конкурентов. В конце концов, они хотят, чтобы продукт был продан. Независимо от того, коммерческий или некоммерческий это продукт, хороший дизайн отражает идеи бренда». – Christina из Backbone Branding, Армения

«Человечество сложное, хороший дизайн помогает нам наслаждаться нашими сложностями, когда мы можем, и приносит простоту, когда мы не можем».

Хороший дизайн – это дизайн, который работает

«Я считаю, что хороший дизайн важен, потому что он просто работает. Действительно всё так просто. Меньше головной боли от попыток понять дизайн». – Seyi из Dá Design Studio, Нигерия

«Хороший дизайн работает. Он просто работает! Человечество сложное; хороший дизайн помогает нам наслаждаться нашими сложностями, когда мы можем, и приносит простоту, когда мы не можем. В графическом дизайне хороший дизайн визуализирует мысли. Хороший дизайн понятен, привлекателен и имеет цель. Хороший дизайн подобен недостающему ребру, он подходит в самый раз. Без хорошего дизайна нам всем нужны лекарства». – Dami из Dá Design Studio

«Хороший дизайн строится вокруг человеческих возможностей … Это наша работа собрать всех на одной странице о чем-то».

Хороший дизайн передает понятное сообщение

«Хороший дизайн важен, потому что он делает нашу жизнь более плавной. Например, хороший дизайн коммуникации позволяет понять сложное сообщение за считанные секунды. Взаимодействие между изображением, фигурами и словами создает нечто сложное и изредка неожиданное. Хороший дизайн строится вокруг человеческих возможностей. Это так важно, особенно в современном мире, когда мы тонем в потоках информации, а нужно получать сообщения как можно более четко, быстро и эффективно. Наша задача – собрать всех на одной странице о чем-то». – Jean из Farmgroup, Таиланд

«Благоустройство, которое предлагает дизайн, очевидно, является вишенкой на вершине торта, а коммуникация – это сам торт. Хороший дизайн становится основой хорошего общения».  Animal, Индия

«Хороший дизайн эффективно разъясняет информацию и предлагает сильный отличительный признак для брендов. В наши дни речь идет о подключении людей к продуктам и услугам – не только к атрибутам продукта или услуги, но и к тому, чтобы делиться философией жизни, способом мышления».  – Daniela из Anagrama, Мексика

Хороший дизайн меняет поведение

«Хороший дизайн для нас не значит выглядеть и ощущаться хорошо; хороший дизайн должен изменять поведение людей в позитивном ключе, и мы считаем, что наша работа заключается в продолжении обучения наших клиентов этому».  Constant, Гонконг

Хороший дизайн динамичен

«Хороший дизайн внимательный, экспериментальный, храбрый, честный и прозрачный, укорененный в контексте и своевременный; характерный для используемого контекста, но широко используемый. Он фиксирует суть предмета, но достаточно гибкий, чтобы развиваться вместе с ним. Он одновременно уникален и универсален».  – Dale из Hoick, Южная Африка

Чтобы увидеть много хорошего дизайна из таких стран, как Пакистан, Нигерия, Бразилия, Иран, Китай и многих других, ознакомьтесь с нашей серией статей Design Around the World.

ux.pub

57 самых красивых плоских дизайнов сайтов

Легкое и располагающее оформление веб-страницы принято считать наиболее правильным. Плоский стиль дизайна сайта целесообразен во многих случаях. Простые интерфейсы зачастую работает лучше, а благодаря общей тенденции к минимализму направление Flat до сих пор актуально (Microsoft и Apple сделали свои ОС плоскими). Используя красивые плоские цвета в дизайна, известные компании не упускают возможности выразить свою индивидуальность, привлечь внимание к бренду или повысить конверсию.

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

Далее, примеры красивого плоского дизайна. Это новые сайты и лендинги – разработаны недавно, применяют технологии и стили современного веб-дизайна.


Примеры хорошего Flat-дизайна

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


Launch

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


eTecc Interactive

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


Nehora Law Firm

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


Towa

У wordpress-сайта немецкого агентства приятный минималистичный дизайн с HTML5/CSS3 эффектами и нестандартным меню навигации. Пастельные / серо-золотистые оттенки, цветокоррекция фотографий и модульная разметка помогли красиво оформить сайт в виде коллажа интересных фактов о компании.


Amazee Labs

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


Space Needle

«Космическая игла» символ Сиэтла. У сайта красивая предзагрузка и главная страница с отрисовкой фонов. Уникально оформлена прокрутка с эффектами осветления и мини-слайдами в конце.


Build in Amsterdam

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


The Yellow Conference

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


Joy Intermedia 

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


Fuse Lab Creative

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


Chobani

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


Уникальный Flat Design и плоская стилистика


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


RJ Investments

Сайт британского агентства недвижимости со стильным лаконичным flat-дизайном в серо-белых тонах. Мягкую выразительность добавляет акцентный золотистый цвет. Основан на WordPress HTML5/CSS3, jQuery, SVG.


Ttilted Chair

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


FHOKE

Чистый, плоский дизайн и уникальный пользовательский интерфейс сайта. Изображения в фокусе внимания, в т.ч. продуктовые c компьютерами и айфонами (фотографии выведенные отдельным слоем выглядят реалистично).


Nation

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


Mayven Dev

Mayven Dev – креативная команда 30 кодеров / UX-дизайнеров из Сан-Франциско. Их сайт отличают сдержанная эстетика оформления, индивидуальность стиля, приятные цветовые решения с выразительными контрастами белой типографики и анимированной контурной графики на изумрудном фоне.


HughesLeahyKarlovic Agency

Чистый и аккуратный дизайн сайта американского агентства сразу настраивает на позитив. Уникально оформлено навигационное меню: hover-эффект с наложением цветового фильтра обращает фоновую картинку в закольцованное видео.


Satis Satellite Communications

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


Иллюстрации, эффекты и креатив в плоских дизайнах


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


Tectonica Studios

Дизайнер применяет плоскую графику с градиентами (актуальный web тренд), блок ярких flat-иллюстраций на главной странице. Для привлекательного разделения секций – свободное пространство и анимированная графика.


Pixity-land

Микросайт с классическим Flat-дизайном использует скролл-анимацию, плоские иллюстрации и видео.


100 Years of Design

Креативный веб-проект дизайнерского сообщества AIGA. Плоскими цветами обозначены пункты меню, открываемые разделы, навигационные hotspot-точки и разделенные пополам окна с каруселями иллюстраций.


Drap Agency

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


Mobkii

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


Ecodom Consorzio

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


Thing of Wonder

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


Green Man

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


Amelia Thompson Portfolio

Одностраничное персональное портфолио графического дизайнера и фронтенд разработчика из Чикаго. У Амелии интересное портфолио работ в плоском стиле.


DoneDone

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


Peppermint

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


Geex Arts

Сайт молодой московской веб-студии впечатляет высокотехнологичным ультра-современным дизайном и входит в ТОП 40 digital-агентств. Его отличают стильное навигационное меню, эффектные переходы, интерактив, анимация и хороший UX при нестандартных решениях.


DAESK

У сайта немецкой студии захватывающий продающий дизайн на HTML5 и нестандартное меню навигации. Возбуждающие кислотные цвета продают продукт (трекер учета рабочего времени). Ховер эффекты с параллакс прокруткой фиксируют внимание на кнопках с призывами и социальных доказательствах. После великолепно оформленных отзывов, стартовая страница отсылает к кейсам / историям клиентов. Интерактив на векторном фоне запускает продающую видеграфику.


Fcinq

Сайт французской креативной студии: стильный плоский дизайн начинается с красивой предзагрузки. Привлекательным этот дизайн делают цветокоррекция фотографий и уникальные цветовые сочетания.


D.FY

Гибкий сайт корейского агентства с креативными видео в фоне. Современный чистый дизайн на html5/css3. В полноэкранном навигационном меню впечатляет эффект бесшовных переходов.


Brave People

Прошлые редизайны сайта креативного агентства из Флориды отмечались в творческом ТОП-е. Сейчас у Brave People эффективный дизайн с понятным и компактным флэт-интерфейсом.


Nea Media

Французский производитель игрушек & видеоигр использовал стиль FLAT и новейшие тренды веб-дизайна. Созданный на ВордПрессе сайт удивляет модным дизайном.


Llittle Flyers

Австралийский сайт детской тематики с сочными плоскими цветами. Контрастные рубленые шрифты выдвигают призывы на передний план и сочетаются с крупными элементами дизайна.


Ic creative

Сайт английской студии выделяется крупными заголовками с призывом и СТА-элементами акцентного оранжевого цвета.


FATbit

Объемный сайт веб-разработчиков из Индии сделан на wordpress и отличается оформительским разнообразием с микро-взаимодействиями и анимированными иллюстрациями. В шапке и футере красный плоский цвет акцентирует CTA-призывы. На главной странице фиксированные фоны с цветокоррекцией, поддерживается перетаскивание слайдов в каруселях (первый экран, социальные доказательства, промо на полупрозрачных плашках).


Domain Menada

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


Frans Hals Museum

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


Meticulosity

Флэт сайт разработчиков из технологической долины штата Нью-Йорк. Выразительный, чистый дизайн с геометрией и фиксированными фонами. Красивые контрасты в шапке, футере, секциях с кнопками CTA.


Лендинги и продающие дизайны в стиле FLAT


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

Kinhr

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


Panoraven

Сайт в стиле лендинга с красиво иллюстрированным продающим дизайном. Его можно отнести к Material-дизайну, визуально отличающемуся от Flat создаваемыми тенью слоями.


8020 comms

Сайт PR-сервисов с нестандартным плоским дизайном. По оформлению главная страница напоминает лендинг.


NooFlow

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


Teavana

Невероятно красочный и сочный сайт американской чайной компании с перевернутым главным экраном (справа-налево). Позитивные лица отдельным слоем на фоне кислотных «вырви глаз» оттенков служат мощным продающим посылом.


Revolucionde Cuba

Food-сайт в стиле лендинга сделан на WordPress и HTML5 / CSS3. Компактный плоский дизайн с липкой панелью навигации и красивым гамбургер-меню во весь экран. Сайт запоминается изображениями, текстурами, оригинальной типографикой, полупрозрачными плашками, броским оформлением CTA-кнопок и элементов интерфейса.


Материальный стиль и Flat эстетика с градиентами


Материальный дизайн (Flat 2.0 от Гугла) допускает в плоском оформлении образующие слои тени. Градиенты вернулись в веб-дизайн, украшают графику и плоские иллюстрации. Тренд остается актуальным.


Web Effectual

В ярком стиле Flat 2.0 представили себя дизайнеры-разработчики из Флориды. Градиенты и тени сделали дизайн сайта приятным, а применение типографических / цветовых контрастов и слоев добавили выразительности. Минимум кликабельного и отвлекающего.


Method

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


Epiphany

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


PIXIT Design

Трёхцветный сайт австрийского агентства имеет хороший UX и трендовый вид. Элегантный динамичный дизайн Flat с элементами материального стиля, стильными переходами, эффектами при прокрутке и наведении.


Pantheon

Хостинговая платформа из Сан-Франциско, созданная для разработки Drupal и WordPress сайтов. Яркий корпоративный сайт привлекает плоской графикой, геометричными формами c градиентами и необычным выпадающим меню.


В завершение


Какой бы вариант не нравился: классический плоский дизайн, стиль Flat Shadow, ультраплоский, полуплоский или Флэт 2.0 не забывайте, что миссия дизайна – отражать позицию бренда, компании, сообщества. Оценивая плюсы / минусы определите целесообразность флэта. С правильно выбранной стилистикой дизайна легче подчеркнуть конкурентные преимущества, выразить тематику сайта, выгодно представить бизнес. Вообще, в тренде дружелюбные плоские интерфейсы с легким для восприятия оформлением страниц, которые хочется поскроллить.

seo-design.net

Что такое «хороший дизайн». Критерии «хорошего» дизайна и кто их определяет? ‹ Виртуальная школа графического дизайна

Всем привет!

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

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

Итак, Вот вопрос:

Добрый день, Боб!
Кто определяет объективные правила, в соответствии с которыми строится «хороший» дизайнерский продукт? Два разных человека один и тот же дизайн, построенный по всем правилам, выработанным человечеством за время существования дизайна, как прикладной дисциплины, могут оценить в абсолютно полярных категориях. А ведь дизайнер хочет, чтобы его продукт определённым образом воздействовал на «потребителя»…

Действительно, существует ли какой-либо критерий «хорошего» дизайна и если есть, то кто его определяет?

Вопрос непростой и однозначно на него и не ответишь. С одной стороны, дизайн в отличии от декоративно-прикладного искусства, не определяется одной лишь категорией «красиво — некрасиво». Задача дизайна не украшение, а коммуникация с целью продвижения и продажи товаров или услуг.

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

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

Такая реклама, возможно, будет эффективна для одних покупателей, а другие все равно не оценят креативных стараний целой армии копирайтеров и арт-директоров. Для них самая лучшая реклама — цена, а самый лучший дизайн — трехметровая надпись «Скидка 50%».

И вот, представьте, что вы не спите ночами, разрабатывая концепцию фирменного селедочного стиля. Вы довольны своими креативными находками и показываете их заказчику. Но, к вашему чрезвычайному огорчению, при виде ваших эскизов, кислая физиономия залазчика слаще не делается. Более того, он начинает диктовать вам, что и как надо сделать. Не нужен ему ваш дядька Черномор и прочие сказочные персонажи. Он хочет, чтобы все было просто и понятно: селедка, так селедка! А фольклор и поэзия ему не интересны. Как жаль!

Как же угодить заказчику и при этом не загубить свое дизайнерское кредо?

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

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

Почему так? Почему бы не называть селедку селедкой? Вот вам классная фото иллюстрация селедки, а вот вам красивый текст! чего ж вам боле?

А вот я вам приведу пример из другой сферы.

Для того, чтобы рассказать о любви, вовсе не обязательно крупным планом изображать поцелуи. Переберите в памяти хорошие стихи о любви. Не те, которыми пестрит Интернет, типа «роза-мемоза», а настоящие стихи. Найдете вы в них слова об осени, весне, снах, одиночестве, запахах, ревности, вдохновении, — словом, о душевном состоянии, вызванном любовью или о вещах, наводящих на мысли об объекте любви.

Такие стихи воздействуют на наше подсознание, извлекают из нутра воспоминания, впечатления и ощущения…

Так должно быть и в дизайне. Для того, чтобы привлечь внимание к продукту, вовсе не обязательно его изображать и украшать. Гораздо лучше и интереснее будет показать результат потребления этого продукта и подчеркнуть тем самым его относительные преимущества. Так в рекламе кофе показывают не столько сам кофе, сколько удовольствие, которое он доставляет…

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

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

Если вам важно не потерять свое дизайнерское достоинство, то вы можете:

1. Попытаться доказать клиенту свою правоту и донести до его недалекого сознания свое творческое видение в свете развития мировых тенденций визуальных коммуникаций….
2. Стукнуть кулаком по столу и отказаться переделывать свой гениальный дизайн.
3. Послать клиента на поиски менее амбициозного дизайнера.

Во всех трех случаях ваш шанс чего-либо добиться, включая и получение гонорара, уверенно стремится к нулю.

Если же вам важнее всего поскорее закончить работу и получить за неё деньги, то попробуйте умерить свой напор креативности и постарайтесь ублажить заказчика.  В конце-концов, и великим гениям прошлого приходилось работать не ради славы, а ради пропитания. Конечно, хотелось бы, чтобы все наши работы выходили креативными и оригинальными и при этом нравились клиентам. Увы, такая идиллия — довольно редкое явление.

Начинающему дизайнеру непросто бывает добиться творческой независимости от клиента.

Ну, и? Да не тяни же ты, Боб! Что делать-то?

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

Почему? Потому, что из всех дизайнеров он выбрал именно вас.

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

Вывод: если хотите стать дизайнером, а не ремесленником-исполнителем, то позиционируйте себя в качестве такового!

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

Поделиться в соц. сетях:

creativshik.com

10 отличий хорошего дизайнера от плохого — Дизайн на vc.ru

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

Перевод подготовлен командой онлайн-школы английского Skyeng.

Если вы руководите командой, но ещё не читали статью "Good Product Manager, Bad Product Manager" Бена Хоровица, я советую вам срочно перейти по ссылке и прочитать её прямо сейчас. Текст был написан 20 лет назад, но каждое слово там — чистая правда, которая до сих пор актуальна.

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

Эмпатия

Хороший дизайнер ставит превыше всего проблемы пользователя, плохой дизайнер — свои собственные решения.

Вопросы

Хороший дизайнер задаёт вопросы, чтобы разобраться в проблеме. Плохой дизайнер боится искать ответы.

Идеи

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

Акцент

Хороший дизайнер акцентирует своё внимание на удобстве. Плохой — на самых современных инструментах.

Обратная связь

Хороший дизайнер всегда ищет критики. Плохой старается её избежать.

Планирование

Хороший дизайнер знает, что отсутствие планирования – путь к провалу. Плохой дизайнер любит играть в угадайку.

Прогресс

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

Отношение к работе

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

Ошибки

Хороший дизайнер умеет учиться на своих ошибках и импровизировать. Плохой дизайнер не признаёт своих ошибок.

Прозрачность

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

#дизайн

vc.ru

Хороший дизайн — это…

10 принципов «хорошего дизайна», которые сформулировал Дитер Рамс — немецкий промышленный дизайнер, ведущий дизайнер фирмы Braun с 1962 по 1995.

А что для вас «хороший дизайн»?

infogra.ru

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

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

Начните вводить, то что вы ищите выше и нажмите кнопку Enter для поиска. Нажмите кнопку ESC для отмены.

Вернуться наверх