Дизайн принципы
Часть II

Симметрия

Dmitriy Thomas
Дизайн-кабак
2 min readMar 22, 2015

--

Симметрия — это когда элементы расположены одинаково по обе стороны оси. Идеальная симметрия — это когда элементы зеркальные вдоль оси и идентичны на обеих сторонах.

Баланс

Rdio App Albums Screen

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

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

Асимметрия

Pinterest App Timeline Screen

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

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

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

--

--