Блог о дизайнеВеб дизайн6 советов по веб дизайну с использованием линий

6 советов по веб дизайну с использованием линий

29.09.2010 5723 узнаем, закончить, собираемся, добавления, простой, линии, эффект, образом, мертвый, трюк, дизайна, клиенты

# 1: Используйте подчеркивание

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

Скриншот

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

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

Скриншот

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

Скриншот

Как вы можете видеть в примере выше, это гораздо приятнее, чем в предыдущем примере, и содержит намного меньше визуальных сложности. Если вам не нравится, что немного мель строку после последней "G" Вы можете просто остановить подчеркивают в последний спусковое устройство (только где последнее письмо содержит спусковое устройство).

Расширить его

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

Скриншот

Если вы расширить подчеркнуть, думать о том, можно весело провести время с линии в негативном пространстве. Вы можете дать ему некоторые турбулентности, согните ее в форму, все, что угодно!

Скриншот

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

Скриншот

# 2: Break Up линия

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

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

Скриншот
Скриншот

# 3: Пашина Тип

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

Скриншот

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

Скриншот

# 4: Перейти Вертикальная

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

Скриншот

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

Скриншот

# 5: Перейдите Диагональ

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

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

Скриншот

Диагональные эффект особенно велика для ретро-стиле конструкции, как выше.

# 6: Go Nuts

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

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

Скриншот

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

Вдохновение

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

CarbonAds

Скриншот

Для записи

Скриншот

Эван Эккард

Скриншот

Холодный и руководство

Скриншот

Thief Pineapple Thief

Скриншот

DesignSwap

Скриншот

Караван

Скриншот