Тенденция на дизайна: Как да използвате ленти за вашето предимство
Ивиците са забавно допълнение, което може да добави визуален интерес и дълбочина за проектиране на проекти по различни начини. Но ивиците са нещо повече от синьо-белите морски модели, които може би си представяте.
Ивиците могат да приемат редица форми. Вертикални или хоризонтални и от класически шарки до решетъчна подплата с фонове и компоненти на изображението, ивиците са чудесен вариант за дизайн. Ето няколко начина да ги използвате, за които може би не сте се замисляли.
Традиционни ивици
Когато за първи път мислите за ивици в дизайна, някои от идеите за традиция може да ви дойдат на ум. Сини или червени и бели морски ивици. Червените и бели барове на американския флаг. Забавните чорапи, носени от Raggedy Ann или Pippi Longstockings Но ивиците са толкова много по-универсални от само тези традиционни модели. Те могат да бъдат използвани по много начини.
Но ще разгледаме традиционното използване: Сайтът по-горе използва ивица в стил бръснарница като малък акцент в дизайна на сайта. Този традиционен външен вид е чудесен начин да насочите вниманието към определена част от дизайна и да създадете акцент.
Класически дизайн
Ивиците могат да ви помогнат да зададете тон с класически вид и усещане. Добавете текстура или създайте ивици в дизайн, базиран на решетка, за да подчертаете тази концепция.
Когато става въпрос за класически визии на ивици в дизайна, цветът също е важен фактор. Помислете за някои от класическите приложения за райета и цвят като черно-бели униформи за затворници. (Използвайте тази комбинация за минималистичен или по-строг външен вид.) Червени или сини ивици за традиционно или старо училище усещане.
Текстурите също могат да създадат акцент за ивици, като ги изведат повече на преден план. Докато ивиците често се използват във фонов режим - често с малък контраст в бледи цветове - за „невидима текстура“, по-големите ивици с текстура могат да бъдат фокусна точка. Номерът е да поддържате текстурите прости и съобразени с другите визуализации в дизайна.
Текстурите на ивиците също могат да ви помогнат да създадете „по-леки“ линии, така че да не изглеждат тежки и да претеглят дизайна, дори когато се използват с ярък или смел цвят. Orchard Keepers по-горе използва текстура по този начин, за да създаде усещане за време със „старо усещане“.
Модерни ивици
В дизайна на уебсайтове се използват ивици, които помагат да се създаде фокус, да се движи навигация и да се помогне на потребителите да намерят и да се съсредоточат върху призиви за действие. Двойката горепосочени сайтове използват ивици по различни начини, за да улеснят използваемостта.
Industry West използва дебела хоризонтална лента, за да съдържа навигация. Поради контраста на лентата с фоновите изображения, тя служи като статична фокусна точка. Широката лента с висок контраст улеснява четенето на навигационни бутони и придвижване през сайта.
Възстановяването заедно използва тънка ивица в горната част на дизайна, за да създаде цветен поток в цялата страница. Оранжевата ивица (или линия) помага да издърпате окото отгоре надолу на страницата, като потребителят прави пауза върху оранжеви бутони за акцент навсякъде. Умният дизайн помага на потребителите да кажат какво да направят след това (щракнете върху оранжевите бутони).
Фонови ивици
Фоновите ивици могат да бъдат повече от просто поредица от хоризонтални или вертикални линии, разположени в шаблон. Ивиците могат да бъдат създадени с помощта на серия от други форми или дори с по-хазарен или естествен вид.
Pastaria използва забавна поредица от кръгли форми, за да създаде райета в заден план на страницата. В зависимост от вашата перспектива, моделът може да изглежда вертикален или хоризонтален. Номерът на това да работи толкова добре е, че моделът създава интерес и дълбочина, без да е доминиращият визуален.
По много обратния начин, Night Owl Interactive използва естествен ивичен модел (дървесно зърно) за текстура и дълбочина. Хубавото на този естествен ивица е, че има произволен вид.
Ивици в изображения
Докато моделите на ивици често са нещо, което създавате, те също могат да бъдат част от изображенията, които сте избрали за страницата. Независимо дали планирате да включите ивици в изображение като част от дизайна или те се случват случайно, те могат да добавят незабавен интерес и дълбочина.
И двата примера по-горе включват текстури от дървесни зърна за установяване на шарки и ивици в основните изображения. Не колко различни са линиите, където ви помагат да изглеждате и допълнителната дълбочина, която осигуряват за цялостния дизайн.
Цвят и модел
Едно от най-модерните приложения е сдвояването на широки и / или тънки цветни ивици за цвят, блокиращ модел. Като техника за дизайн на дигитален, печат и дори моден и интериорен дизайн, блокирането на цветовете добавя моментален акцент по съдържателен начин.
Цветните ивици могат да бъдат чудесен инструмент за добавяне на цветове на марката към дизайн, който е тежък или минималистичен. Цветът създава контраст и акцент на места, където може да липсва, а цялостният ефект има модерно усещане. (Това е чудесен вариант, ако искате да изпробвате модерна концепция, която не е твърде трудна и има по-безвременен вид към нея.)
"Мини" ивици
Докато голяма част от ивиците в горните примери са големи и лесно се забелязват, лентите могат да бъдат и малки дизайнерски акценти или акценти.
Един от най-малките примери за райета е иконата на хамбургер. Три малки подредени линии. Това е. Но това е пример за използване на ивици на най-малкото ниво.
Дизайнът на уебсайта Ден на мъртвите използва ивици като детайл за акцент по начин, който също има голям визуален интерес. Почти попадайки на заден план, двойка сложни ивици обгражда текста и помага да привлече погледа към него. Следващите линии и ивици с цвят помагат да се създаде поток през превъртането на началната страница.
заключение
Една последна мисъл за теб. Макар че често идеята за ивици предизвиква ментален образ на редове или колони, ако линиите могат да се използват и в една форма. Много от примерите по-горе включват ивици по начини, които не са първият ментален образ, който може да имате, но всеки е интересен и помага да се създаде силна визуална картина.
Помислете да използвате ивици по начини, които са малко различни за най-голямо въздействие. Играйте с цвят и текстура и форма и размер. Експериментирайте с ивици, както бихте направили преди да изпробвате всеки друг инструмент за дизайн и се забавлявайте!
Източник на изображението: Бил Лап .
