UI дизайн. Часть первая. Визуальный ритм в Web-дизайне.

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

Визуальный ритм

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

Развитие регулярного ритма

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

Примеры регулярного ритма в веб-дизайне

http://thelitpub.com/ http://www.giftrocket.com/ http://www.tenbytwenty.com/

Развитие прогрессивного ритма

Прогрессивный ритм - это образец элементов, которые со временем немного меняются, чтобы создать прогрессивную последовательность шагов. Для всех вас поклонников инструмента там песня «Forty Six and Two» - отличный пример прогрессивного ритма. Мелодические интервалы постоянно повторяются по песне, но по мере воспроизведения песни каждый интервал изменяется незначительно по объему, скорости и мелодическому балансу. Хотя основная мелодия повторяется во всей песне, эти незначительные изменения усиливаются до мощного, громкого крещендо вывода. Самый простой способ добиться визуального прогрессивного ритма - изменить размер и цвет повторяющихся элементов и позволить визуальной иерархии элементов определять крещендо - фокус вашего дизайна . Прогрессивный ритм отлично подходит для добавления зрительного волнения и отличного инструмента для направления пользователя в конкретное место дизайна.

Пример прогрессивного ритма в веб-дизайне

https://www.kikk.be/2016/ http://www.aw-digital.com http://www.luccaco.com/ http://nizoapp.com/

Развитие излучающего ритма

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

Пример потока ритма в веб-дизайне

https://www.jam3.com/ http://www.ufo.lt/ https://kinetic.com.sg/main.html http://www.chromeweblab.com/ http://www.flairbuilder.com/

Возьмите под контроль ритм

Добавление уникального интереса и волнения к вашим веб-дизайнам может быть затруднено, но добавление некоторого ритма в дизайн - это быстрый и простой добавить пользовательские переживания. Визуальный ритм , точно так же, как ударение Бонзо в «When The Levee Breaks» может быть задней костью, якорем и движущей силой в дизайне. Каждый дизайн имеет ритм, даже если вы не планировали этого, поэтому контроль над ним позволит вам затачивать и отполировать самые сложные проекты.