All Articles Web
Преимущества квартира дизайн для вашего сайта и маркетинговых материалов
Elaine Ashburn on Thu, June 12th 0 comments
Elaine Ashburn breaks down how flat design can add depth, not only to your website but to ALL your marketing communications. Essential reading for creatives, designers and marketers.

Вопреки убеждениям Христофора Колумба мир плоский. Если вы не верьте мне на слово это, достаточно взглянуть на ваш телефон. iOS7 плоским. Windows 8 плоским. Плоская конструкция взяла мир штурмом. (1 рис)

Pic 1

Pic 1

Просто то, что плоская конструкция и почему это важно?

Ив прочитал несколько статей, которые говорят, плоская конструкция была создана в ответ на более-рендеринга кнопок, приложений и веб-страниц, но я считаю, что реальность для своей концепции в том, чтобы сохранить K пространство (килобайт). Каждый градиент, текстура и тени вы положили на изображении занимает драгоценное K пространство и особенно с телефоны и планшеты будучи ответственным за 63% наших интернет-поиска, необходимо все K пространство вы можете получить. И да, это не верно, что вам больше не нужно, чтобы создать иллюзию реальности, чтобы сделать зрителям чувствовать себя в безопасности. Все знают, что иконы, которые они имеют на своих устройствах в виду и сделать. На самом деле, большинство зрителей не может помнить мир до иконография стало нормой и плоская конструкция просто упрощает эти значки. Взгляните на старой интерпретации браузере Safari (skeuomorphic) от OS X по сравнению с версией iOS7 (плоской) и скажите мне, если вы не думаю, что моя идея имеет никакого доверия? (Рис 2)

Pic 2

Pic 2

На самом деле, плоская конструкция была вокруг в течение некоторого времени. Его просто приобрели популярность за последние несколько лет, потому что это выглядит так свежий, чистый и современный. Сочетание ретро цвета (лосось, фиолетовый, зеленый и yellowlike 1950 автомобилей), типа без засечек и упрощенных пиктограмм свой вклад в эту общее ощущение. Кнопки по-прежнему выглядят интерактивными даже без фаски и градаций мы связываем с кнопками прошлого. Поля ввода все еще выглядят как места, чтобы ввести свой сведения и веб-сайты по-прежнему выглядеть веб-сайтов. Его 2D по сравнению с 3D. (См. Рис 3, rdio.com для примера большой плоской поле ввода дизайна.)

Pic 3

Pic 3

Так что же делает его таким популярным?

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

Некоторые примеры

Ive нашел несколько сайтов, которые я люблю, сделано полностью в плоской конструкции. А некоторые, что сочетать его с фотографией, который просто берет его на следующий уровень, насколько Im обеспокоен.

Spelltower

Первый, который я хочу показать вам, это Spelltower ( spelltower.com ). Spelltower является написание игры для вашего Mac, прошивкой или Android устройства. Его прохладный игра, которая имеет так же, как здорово веб-сайта. Сайт имеет уникальный прокрутите вниз функцию, похожую на таблетки IOS и плоская конструкция используется во всем. Что мне нравится больше всего об этом? Ее весело, мультяшных, упрощенным и это имеет только одну цель, чтобы заставить вас купить эту игру. (Рис 4)

Pic 4

Рис 4

Huxtaburger

Это австралийский сайт ( huxtaburger.com.au ), который использует плоский дизайн в самом простом продавать гамбургеры. Сайт работает очень путь ваш планшет, вы просто прокрутите вниз или переместить из стороны в сторону. И это тоже имеет только один functionthe возможность заказать свои гамбургеры онлайн и забрать в ближайшем магазине. Я просто люблю то, как этот сайт выглядит и работает. Престижность Австралия. (Pic 5)

Pic 5

Pic 5

Fitbit

Следующий участок, который я хочу показать вам, это Fitbit ( fitbit.com ). Его сайт для некоторых необычных продуктов, которые помогают держать вас в форме. Вы можете увидеть свой прогресс в направлении фитнеса и здоровья с онлайн-инструментов и приложений, которые сопровождают устройств, которые они продают. Сайт использует как плоский дизайн и фотографию и сочетание двух работе, о, так хорошо вместе. (Pic 6) Pic 6

Pic 6

Бумажный тигр

Это цифровой дизайн-агентством из Нью-Джерси, чьи корпоративный сайт снимает уровни фотографии к точке плоской конструкции. Они также смешать его с традиционной иконографии для уникальный внешний вид, который был бы приемлемым для даже самые консервативные из фирм. (Pic 7)

Pic 7

Pic 7

Кто сказал, что плоская конструкция только для Интернета?

Diet Coke

Плоская конструкция не только что в Интернете штурмом; его также принято в метро. Объявления Diet Coke, которые доминируют шаттла стены Таймс-сквер прямо сейчас являются блестящим примером плоской конструкции. Небольшая белая с уплощенной серым цветом изображений, для меня эти объявления являются примером плоскую конструкцию. Да само по себе может трехмерно, но использование плоского типа за ним замечательное. Im ревновать. Жаль, что я придумал этих объявлений. (Pic 8)

Pic 8

Pic 8

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

Дружба Творог

Я думаю, будучи любителем дизайн имеет некоторые преимущества. Я открыл для себя упаковку для дружбы творога линии совершенно случайно. Я искал моего любимого греческого йогурта, когда верхушки коттеджных сыров бросилось в глаза. Они смелые, яркие и принять плоскую философию дизайна. (Pic 9) Да, вы угадали. Два или три из них пробились в моей продуктовой корзины. Если только Дружба знал, как я делал покупки.

Pic 9

Pic 9

Так как я закончить на этой статье, больной оставить вас с чем-то еще, чтобы думать. Facebook, Twitter и Rdio.com подписать все обнял плоскую конструкцию; может быть, ваш следующий дизайн-проект должны тоже. (Pic 10)

Pic 10

Pic 10


Related Videos
Comments (0)

You must be logged in to comment.

XHTML Basics
Web Design 101
Dream It. Do It.
Do you want to learn XHTML Basics?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: