6 съвета за проектиране с линии
Днес ще разгледаме един от най-простите възможни елементи на дизайна: линия. Ще научим как правилно да владеете линиите, както и какво да избягвате при прилагането им.
Добавянето на няколко прости линии към даден дизайн може да внесе структура и графичен усет в иначе скучен дизайн. Това е мъртъв прост трик, който, когато се използва ефективно, има ефект да добави слой завършеност на вашия дизайн.
Разгледайте елементи Envato
# 1: Използвайте подчертаване
Ще започнем с най-основния трик в книгата за типография: подчертаване. Подчертаното заглавие се чувства по-тежко и осигурява по-категорично разделяне между заглавката и тялото. Имайте предвид, че това непременно са положителни или отрицателни атрибути, но са по-неутрални; трябва да решите кога присъствието им е добро или лошо въз основа на външния вид, който търсите.
Забележете как линията не само действа като разделител между двата елемента, но също така помага да се определи ширината на колоната.
Едно нещо, което ме държи с подчертаване, е визуалната каша, създадена, когато имате букви, съдържащи низходящо устройство, което се разбива в линията. Няма официално правило срещу това, но просто намирам, че това е твърде разсейващо и насочва интереса на зрителя към всички грешни места.
И така, как да се справим с този проблем? Най-лесният вариант очевидно е просто да избягвам използването на спускане и подчертава заедно, но това е малко прекалено ограничаващо за моя вкус. Вместо това, което обикновено правя, е да създам подчертаването ръчно, като начертая линия (за разлика от простото щракване върху бутона за подчертаване), след което маскирам частите от линията, които се разбиват в низходящите ми станции.
Както можете да видите в примера по-горе, това е много по-хубаво от предишния пример и съдържа много по-малка визуална сложност. Ако не харесвате това малко набраздено линия след последното „g“, можете просто да спрете подчертаването при последното спускане (приложимо само когато крайната буква съдържа низходящ елемент).
Удължете го
Имайте предвид, че подчертаването не трябва да съответства на ширината на текста. Понякога прави интересно изявление, за да разшири подчертаването по целия път или дори извън страницата.
Ако все пак разширите подчертаването, помислете за начините, по които можете да се забавлявате с линията в отрицателното пространство. Можете да му дадете някаква турбулентност, да я огънете във форма, каквото искате!
Дизайнерът отдолу завърши разширеното подчертаване с и завърши с точка. Това го кара да се чувства свързан с всяко съдържание отдясно и добавя някакъв приятен, но фин интерес към обикновената линия.
# 2: Прекъсване на линията
Не попадайте в капана на винаги да рисувате плътна линия. Можете да използвате тирета, точки, триъгълници, звездички и всичко друго, за което се сетите, за да създадете линията, която искате, и тя все още постига същата цел.
Вижте как този дизайнер използва пунктирано бельо, което се подравнява с центъра на заглавието, за да създаде ясен раздел. Въпреки че тук текстът е подравнен в центъра, дизайнът се оправдава, тъй като линиите функционално разширяват визуалните граници на заглавието до левия и десния ръб на колоната.
# 3: Попълнете типа
Ако имате официална тема, повтарянето на подчертаването в горната част на заглавието може да създаде усещане за печат в стар стил. Винаги се сещам за заглавка на вестник, когато виждам този стил.
Ако искате да намалите усещането за формалност, разместете линиите по различни начини, така че да изглежда по-малко структурирана. Това също е удобен ефект за създаване на усещане за движение на статична страница.
# 4: Върви вертикално
Досега се фокусирахме върху хоризонтални линии, но вертикалните линии могат да бъдат използвани за вмъкване на някои наистина творчески графични интереси в дизайн. Дизайнерът отдолу преувеличава вертикалните линии в шрифта без друга причина освен факта, че изглежда доста готин и създава приятна, сплотена тема, която да надграждате в останалата част от страницата.
Очевидно, малко по-традиционно използване на вертикална линия би било просто да се разделят две колони на съдържанието. Това може да се използва заедно с тип или изображения и ви позволява да поставите много място между колоните си, без да имате неудобна празнина.
# 5: Отиди по диагонал
Ако наистина искате страницата ви да изглежда луда, наклонете съдържанието си диагонално. Това обикновено дава впечатляващ млад, вълнуващ дизайн, който нарушава правилата и изтласква границите.
Накланянето на съдържанието ви може да изглежда малко случайно, но разширяването на линиите в художественото произведение помага да изглежда умишлено и наистина изтласква ефекта. Не се срамувайте от това, наистина завъртете въртенето и разтегнете тези линии достатъчно далеч, за да направите заявление.
Диагоналният ефект е особено голям за ретро вдъхновени дизайни като този по-горе.
# 6: Отиди ядки
Това е мястото, където трябва да ви кажа да го улесните. Една или две прости линии могат да добавят много към вашия дизайн и прекаляването с ефекта може абсолютно да убие вашата естетическа привлекателност. Въпреки това, в правилните ръце, комбинация от горните съвети може да доведе до наистина остър краен продукт.
Дизайнът по-долу от David Fooks използва много линия работа. Той комбинира пунктирани линии, плътни линии, прави линии, извити линии, рамки и дори линии с диамант в края, всичко това в тази малка област. Общият ефект не е претрупан или грозен, но вместо това е доста стилен и красив!
Моят съвет е просто да се внимава. Както всеки елемент на дизайна, линиите могат да се използват за добро или зло. Използвайте сдържаност, когато е необходимо и винаги гледайте вашия дизайн с и без добавените линии, за да сте сигурни, че действително добавяте стойност към дизайна.
вдъхновение
Вижте тези страхотни приложения на линейните произведения на изкуството в уеб дизайна, за да получите някои идеи как да включите някои в следващия си дизайн.
CarbonAds
За протокола
Евън Екард
Cool и Ръководството
Крадецът на ананас
DesignSwap
керван
заключение
Целта на тази дискусия беше да ви насърчи да хвърлите втори поглед върху нашия стар приятел и внимателно да помислите къде можете да използвате линии, за да подсилите вашите дизайни или от естетически, структурен или и от двете начин.
Ако имате дизайн, който използва силно прости линии, оставете коментар по-долу с линк, за да можем да го проверим! Също така ни кажете какво мислите за примерите по-горе.
