Проектиране с кръгове: Съвети и съвети
Веднъж избегнати от дизайнерите, кръговете изглежда се завръщат. Перфектно кръглата форма и нейните продълговати колеги могат да бъдат трудни за работа. Формата не се подрежда, както и по-стандартният правоъгълник и създава много по-различно цялостно усещане.
Кръгът е перфектна форма, което означава, че той е един и същ, независимо как го гледате. Той е пълен и в хармония с природата - помислете колко природни елементи са базирани на кръг. Така че, като дизайнер, как можете да накарате кръговете да работят за вас?
Основни кръгове
Кръговете са познати и безопасни. Това, което е в кръг, е „защитено“ отвън и това, което е извън кръг, може да бъде ограничено от приближаването му до съдържанието на кръга. Формата е интересна и точка на привличане.
Всичко това са големи причини за обмисляне на използването на кръгове в дизайна. Но кръговете също могат да бъдат трудни за обработка, защото могат да създават странни пространства и може да не работят добре с други елементи на дизайна. Използването на кръгла тема трябва да бъде добре планирано, проектирано и изпълнено.
В допълнение към традиционния кръг, ние също започваме да закръгляме фигурите като цяло в дизайнерските проекти. Удължени форми, почти правоъгълници с драматично извити ръбове - всички тези елементи придобиват свои значения. Така че ще се съсредоточим върху перфектния пръстен и скорошната му популярност в дизайнерските проекти.
Значения на кръговете
Има много асоциации, свързани с кръгове. Те са течни и са свързани с движение и мобилност (помислете за колелото). Тъй като кръговете са част от природния свят - формата на луната, цветята, плодовете - обектът се счита за реален и представлява живот.
В допълнение, извивките на кръг могат да бъдат успокояващи и да са свързани с енергия, сила, хармония и безкрайност.
Като дизайнери всички сме много свикнали да виждаме цветното колело, един от най-разпознаваемите кръгове в света на дизайна. Той работи, защото съчетава всички черти по-горе, за да създаде обект, който да предава информация по прост, мощен, хармоничен начин. Кръговете са пълни и създават акцент.
Кръгове в уеб дизайна
Кръговете, които рядко се използват в уеб дизайна, стават все по-популярна опция. (Преди години беше трудно да се създадат заоблени форми в CSS, но това вече не е така.) И така, какви са някои атрибути на страхотен дизайн на уебсайт с кръгове?
Те често се използват по един от петте начина:
Като доминираща форма или рамка.
Вместо правоъгълник за изображения, някои дизайнери използват кръгове. Кръговете могат да се използват и за лога или бутони. Докато кръгът може да създаде интерес, той може да създаде дилема, що се отнася до изрязването и пространството. Изображението се побира в кръга? (Камерите не правят кръгли снимки.) Дали кръговете имат достатъчно място, за да стоят самостоятелно, така че изображенията да не се прехвърлят? Кръговете като рамки са най-популярни в дизайна на портфолио, за да покажат „резен“ работа, без да се показва цялата работа.
Като елементи на потребителския интерфейс.
Кръгъл бутон е познато нещо. Знаете да го натиснете (или щракнете), за да направите избор, което прави кръговете популярен избор за призиви за действие. Кръговите UI елементи са най-популярни, когато се използват пестеливо.
Като фон.
Поради вродената хармония, свързана с формата, кръговете са лесни за използване като фон. Те създават усещане за течливост и спокойствие. Кръговите фонове също могат да помогнат да се съсредоточи върху елементите, които заобикалят, като икона, която живее в кръг.
Като инструмент за графична информация.
Кръговете са често използван инструмент за показване на това как нещата са различни и сходни въз основа на идеята къде се припокриват формите. Това е често използван инструмент за показване на различни видове данни и информация.
За да създадете интерес.
Понякога цялата идея зад използването на кръг е просто да бъдеш различен и да направиш нещо, което да се откроява от препълнения пейзаж. Кръговете са чудесен начин да създадете визуален интерес. Но внимавайте, използването на твърде много кръгове може да създаде вид на нестабилност или хаос, защото всеки елемент моли да бъде видян.
Кръгове в елементите на потребителския интерфейс
Като инструменти за потребителски интерфейс, кръговете изглежда работят най-добре, когато се използват като част от цялостната минималистична схема на дизайн. Те се нуждаят от място, за да дишат, да бъдат идентифицирани и да имат смисъл за потребителите. Когато се използват по този начин, кръговете могат да бъдат приятна алтернатива на други видове навигация.
Вземете например Gravitate Design. Кръговете се използват с една определена цел - за навигация наляво и надясно. Всички останали бутони са правоъгълни. Това, което правят тук кръговете, е да покажете, че взаимодействате със сайта по начин, различен, отколкото може да очаквате. (В този случай сайтът се превърта нагоре и надолу, но също така и панели отстрани.)
Zervice също използва кръгове за бутони и навигация, но по много по-различен начин. Навигацията вляво използва „бутони“, за да ви преведе от една страница на друга. Освен това сайтът разполага с кръгове, за да съхранява целия текст на зает фон, така че да знаете точно къде на екрана да се фокусирате.
Кръгове в приложенията и мобилния дизайн
Кръговете в приложенията също могат да бъдат много забавни. В момента съм пристрастен към стотици, което е игра само на кръгове. И играта има практическо приложение за проектиране с кръгове - те се нуждаят от пространство, за да работят добре. В играта кръгове с различни размери се движат по екрана; ако се докоснат, вие губите. Същата идея е и с дизайна. Кръговете се нуждаят от собствено пространство, за да са най-функционални.
Използването на кръгове на по-малки екрани обаче може да представлява предизвикателство. Те трябва да са достатъчно големи, за да четат или виждат с лекота и ако кръгът се удвоява като бутон, той трябва да е достатъчно голям, за да докосне.
Buza използва кръгове като бутони за продажби. Те са големи и изолирани, което ги прави лесно място за щракване (или докосване).
Кръгове в други проекти
Кръговете също са популярен избор за лога и форми на визитки. (Това не е изненадващо, тъй като виждаме много от едни и същи тенденции едновременно в дигиталния и печатния дизайн.)
Същите причини за използване или не използване на кръгове се отнасят и за печатни проекти. Но има едно допълнително внимание ... печат. За разлика от цифровите проекти, които са затворени в правоъгълен екран, всъщност можете да създадете и проектирате за кръгова среда.
Листовки, стикери, картички и други материали, които са изрязани във форма, имат допълнителната стойност да бъдат различни, когато се използват по по-нетрадиционен начин. Това може да привлече допълнително внимание към настоящия проект.
Просто бъдете наясно какво има вътре в кръга. Не забравяйте, че формата е проектирана да съдържа нещо. Уверете се, че формата и визуалните изображения и думи създават единно послание. Това работи по същия начин като използването на кръгове като рамки за изображения в цифрови проекти.
заключение
И така, как да започнете с кръгове? Има много големи ресурси, за да ви помогна да си представите възможностите, включително един от любимите ми, Creative VIP.
Creative VIP не само използва много кръгове в своя дизайн и интерфейс, но е и портал към страхотни инструменти за дизайнерите. В момента можете да намерите страхотни колекции от кръгли икони, шаблони за дизайн на приложения, включващи кръгове, шаблони за целеви страници с помощта на пръстени, кръгли плъзгачи и дори няколко значки. (Член съм и обичам този ресурс, дори и за нищо повече от вдъхновение.)
Успех да започнете в кръгов дизайн!
Източници на изображения: Животът в моите обувки, Проект Green, Janko с Warp Speed, Обичаме да кодираме и Creative Sweet Business Cards .
