Начало работы с Flat UI Design

Недавний отчет Forbes ставит растущую тенденцию к плоскому дизайну у дверей растущего знакомства людей с цифровыми интерфейсами. По словам автора, за прошедшие годы (1995–2003 годы) дизайнеры проектировали только для «определенного класса профессиональных работников», которые были знакомы с программным обеспечением для настольных компьютеров, и это означало проектирование с учетом кликабельности.

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

Именно это раннее вмешательство Apple, о котором говорится в статье Forbes, помогло современным пользователям освоиться с использованием Интернета на большем количестве устройств, чем на настольном компьютере или ноутбуке.
«Я считаю, что тенденция к плоскому дизайну является признаком растущей зрелости в области веб-дизайна и интерфейса», — говорится в статье.

«Эта зрелость относится к нашим дизайнерам — которые становятся лучше в создании интерфейсов, которые поощряют интерактивность и взаимодействие, — а также к нашим пользователям».

Пользователи, конечно, становятся все более изощренными, когда речь заходит о том, как, где и почему они пользуются Интернетом, и благодаря этому тенденция делать блестящие кнопки, которые кричат ​​«щелкни по мне», теперь, к счастью, позади.

С чего начать

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

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

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

Элементы плоского дизайна

1. Отсутствие глубины
2. Использование простых элементов
3. Типография
4. цвет
5. Минимализм

сетка

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

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

цвет

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

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

Взгляните на Flat UI Colours для вдохновения и идей.