Пълното ръководство за ефективен дизайн на интерфейс в стил на карти
Картинната архитектура е едно от най-големите неща в уеб дизайна и в частност мобилния дизайн. От приложения до отзивчиви уебсайтове, форматът на картичката се появява навсякъде.
И то с добра причина. Дизайнът на мобилни карти изглежда хубав, работи добре на различни устройства и създава отчетлива организация и метод за доставяне на съдържание. Ето защо много големи и известни марки използват формата на карти и много по-малки групи за дизайн и разработки следват примера.
Разгледайте елементи Envato
Какво е дизайн на карти?
Стиловете за дизайн на карти за уебсайтове за мобилни устройства и настолни компютри се дефинират от кутийка, която изглежда, че е представена на сортирана игрална карта. Каретата в стил на карти обикновено съдържат един уникален бит съдържание или информация и обикновено са вертикално ориентирани.
Но както при всяка техника на проектиране, има много начини да се нарушат правилата. Основният принцип, който стои зад идеята, е да се даде поредица от информация по начин, който е лесен за разглеждане и усвояване всички наведнъж. Популярни сайтове за споделяне на социални медии като Twitter и Pinterest използват този формат за групиране на изображения и публикации.
Хубавото на цифровата „карта” е, че с нея могат да се манипулират по различни начини. Те могат да се появяват подредени поотделно (както често се случва при мобилния дизайн) или да попаднат в решетка за по-големи екрани. Картите могат да бъдат къси или високи и са проектирани да се настройват според съдържанието, съдържащо се в тях.
Дизайнът в стил карти е популярен и за отзивчиви рамки, тъй като дизайнерите могат да добавят и свиват колони от карти, за да отговарят на формата и размера на екрана. Докато повечето дизайнери проектират карти с фиксирана ширина и позволяват височината на картата да остане променлива.
Как картите могат да работят за вашия проект
Картите са модерен вариант поради гъвкавостта и широкия им обхват на използване. (Също така помага, че някои от най-популярните уебсайтове в света са използвали някаква форма на карти в последните дизайнерски итерации - Google, Microsoft, Facebook, Twitter, Pinterest и Buzzfeed.
Но искате ли да използвате концепция в стил карти? Тази техника на проектиране има доста плюсове:
- Това прави съдържанието лесно смилаемо.
- Има много дизайнерски стилове, които работят в този формат, от плосък до разкрасен.
- Картите работят добре в отзивчиви рамки.
- Форматът има облик, който е организиран и осигурява структура за много информация.
- Той работи добре за много различни видове съдържание.
- Дизайните на картички на практика са направени за споделяне в социалните медии.
Създайте страхотна карта
Най-добрият дизайн на карти е прост. Той също така се отличава с богато съдържание на опит. За успешен проект в стил на карти, и двата елемента трябва да присъстват. Но има много други техники за дизайн, които могат да добавят и функционалност и естетика.
Страхотното нещо за картите е, че всъщност няма чист набор от правила за дизайн, които трябва да спазвате. Основни принципи на добрия дизайн са всичко, което трябва да разберете, за да започнете да правите проект в стил на карти.
Използвайте изобилие от пространство
Пространството е често срещан фактор в дизайнерските проекти в стил карти. По-специално, много бяло пространство. Предоставянето на всяка отделна стая с елементи, която да бъде видяна, прочетена и разбрана е важно. Това е особено вярно в блок, който често ще съдържа собствен мини дизайн. Помислете така: Ако всяка карта във вашия проект съдържа изображение, заглавие, основен текст за копиране, бутон за повикване до действие и бутон или връзка за споделяне, има минимум пет елемента, с които да работите в разстояние около 600 пиксела,
Разполагането с достатъчно пространство около всеки елемент осигурява на потребителите време за визуално нулиране, когато гледат от един елемент на следващия или от карта на карта. Включването на изобилие от подплънки между елементи също ще помогне да се съсредоточи вниманието и вниманието през картата по начин, който работи с йерархията на съдържанието.
Една информация на карта
Вече установихме, че картата ще съдържа множество елементи в дизайна, но всяка трябва да се съсредоточи само върху един бит информация или съдържание. Следвайте концепцията за една идея на блок, за да се обединят изображението и целият поддържащ текст.
Тази идея може да направи съдържание, което може да бъде драматично разнообразно в едно и също пространство, да изглежда умишлено и организирано. Тя дава на потребителите възможност да избират частите от вашето портфолио от съдържание, които искат да консумират и споделят.
Изберете ясно, ясно изображение
Изображението е цар на пространството за дизайн на карти. Имате нужда от страхотно изображение - и то трябва да бъде чудесно дори когато е малко - за да привлечете потребителите към всяка отделна карта. (Не забравяйте, че това е препълнено интернет пространство.)
Ако нямате изображение, преминете към тип арт стил или създайте текст, който не може да помогне на потребителите да привлекат? (Спомнете си "бягството" на лама в края на февруари, което стана вирусно благодарение на страхотни писатели на заглавия.)
Използвайте проста типография
Изберете за прости шрифтове в прости и лесни за четене цветове - черни и сиви са популярни - които не остават на пътя на дизайна. Серифите от среден до кръгъл тип са популярни за четене и неутрален дизайн.
Ограничете и броя на шрифтовете. За повечето проекти с карти е достатъчен един единствен шрифт. Помислете да използвате смел вариант, но в повечето случаи разликите в размера са всичко, което е необходимо, за да използвате максимално текста. (Докато сте в това, не забравяйте да ограничите и броя на думите. Една мисъл на карта.)
Включете неочакван детайл
Докато интерфейсите в стила на картата често са ясни, добавянето на неочакван детайл може да му даде точното количество усет. Помислете за изрязан или ъглов изрез, ъглов ръб или 3D ефект, за да добавите акцент към картите.
Други техники, като цветни наслагвания или задържащи ефекти, могат да бъдат еднакво приятни. Освен това помислете за добавяне на ефект само към най-значимите битове на съдържанието, така че всяка карта да не е съвсем равна по отношение на визуалната тежест.
Създайте отворена мрежа
Това може да е най-трудната концепция да се заобиколите, в зависимост от това как се събира вашият дизайнерски проект. Също толкова важно, колкото дизайнът на всяка карта е „външното” пространство между всеки елемент.
Създайте мрежова рамка, която включва някакъв вид контраст с всяка карта. Оформете рамката така, че разстоянието да е последователно от карта до карта и така че да има достатъчно място между всеки елемент. Това може да стане още по-играещо, когато се мисли за това къде точките на прекъсване могат да попаднат в отзивчивата рамка, особено с карти с фиксирана ширина.
Помислете за използваемостта
Картичката трябва да е нещо повече от елемент на дизайна; тя трябва да помогне на потребителя да извърши някакъв тип действия. От четене на история или статия до записване за е-бюлетин или извършване на покупка, интерфейсът на картата трябва да осигурява лесно взаимодействие.
Помислете как работят и тези взаимодействия. Излезте извън клика. Много дизайнерски проекти с участието на карти ще се консумират на мобилни устройства. Помислете за взаимодействия, които използват кранове и преглъщане, а не традиционните кликвания. Уверете се, че бутоните или действията се виждат и изпълняват лесно, включително да имате достатъчно място между обектите, за да се докоснете с лекота и без да активирате грешен елемент.
заключение
Дизайнерските проекти в стил карти са забавни, модерни и функционални. Използването на някои от основните принципи на дизайна ще ви помогне да създадете тесте за карти, което е естетически приятно и функционално.
Идеята № 1, която трябва да имате предвид, е простотата. Всичко за дизайна на картата трябва да бъде лесно за четене и разбиране. Успех с вашия проект!
