Улучшаем дизайн

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

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

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

Секрет направляющих в том, что они задаются в определенных местах, там, где они уместны. Чаше всего по техническому отступу, либо по опорному краю.

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

2. Боковые и нижние края внешнего текста.
Индексы и кавычки на половину выносятся за пределы направляющих.
Использование направляющих в дизайне

3. Горизонтальные и вертикальные колонки
(по краю прямоугольных объектов)
Верстка колонок

4. На продолжении линии
Направляющие в текстах и графических элементах

Автор: Ксения

Понравилось? Жмем лайки:

Поделиться своим мнением:



Комментов: 11

  1. Макс 7 Июнь 2011 в 17:40 #

    Спасибо, пригодится! =))

    • Xenia 8 Июнь 2011 в 09:58 #

      Пожалуйста, в следующих статьях будут раскрыты новые тонкости :)

  2. Zarcor 9 Июнь 2011 в 15:40 #

    Здорово! Молодец, что так вместе собрала эту информацию коротко и емко :)

    • Xenia 9 Июнь 2011 в 16:16 #

      Эта инфа еще нигде не публиковалась, так что эксклюзивные мысли :-)

      • Ugra 9 Июнь 2011 в 21:37 #

        Эксклюзивные мысли самые ценные

        • Xenia 10 Июнь 2011 в 09:52 #

          Безусловно. Иначе какой смысл заводить блог с рерайтом? :-)

      • Meatman 10 Июнь 2011 в 00:30 #

        Похвально, что мысли эксклюзивные (зная любовь автора к практическим нетривиальным экспериментам — не удивлён )), но идеи-то, как известно, «витают в воздухе» и здешняя инфа конечно же давно и неоднократно публиковалась, что совсем не в упрёк — напомнить известные факты для заинтересованных не будет лишним (а начинающим графикам-рекламщикам посоветовал бы книженции «Дизайн для НЕдизайнеров» Робина Вильямса и «Графика для бизнеса» Джона МакВейда — в них подробно, ёмко, наглядно показаны практически все общеизвестные на сегодня приёмы граф-дизайна и вёрстки).
        P.S. Ну и за сим блогом следить не перестанем, ибо мысль человечья на месте не топчется и желающий учиться всегда найдёт для себя что-то новое ;)
        P.P.S. Буду с интересом ждать записей по фракталам), а за статью, Оксан, естественно спасибо :)

        • Xenia 10 Июнь 2011 в 09:54 #

          А какая именно тема по фракталам интересна?

  3. Meatman 15 Июнь 2011 в 21:00 #

    Интересны, прежде всего, быстрые способы создания фрактальных изображений/композиций/фигур в стандартных 2d/3d граф-редакторах (возможно плагины для photoshop/illustrator/3dMax, или какие-ниудь несложные итерируемые функции или прогрессии, с которыми под силу разобраться пользователю без соответствующей математической подготовки). Конечно, есть специфические вещи типа IFS Builder 3d для сих целей, но может есть иные, более удобные пути?…
    Отнюдь не стоит обязательно прямо-таки в ближайшее время с этим заморачиваться, но если есть опыт визуализации фракталов или попадётся соответствующая информация (например, примеры использования фракталов в дизайне) — думаю, это может быть интересно не только мне ;)

  4. Роберт 2 Март 2012 в 02:20 #

    Отличная статья. …Вы не представляете как мне нравится ваш блог :)

    • Xenia 2 Март 2012 в 09:39 #

      Роберт, спасибо! Если у вас есть пожелания по улучшению качества блога — пишите :-)