Учените твърдят, че имате около за да привлечете вниманието на потребителите, преди да напуснат вашия сайт за неизвестни части. Така че наистина искате първите 10 секунди да се броят (не е предназначена за игра на думи).
Текстът в областта на заглавката на вашия сайт е важен източник на информация. каквото казваш очевидно е значимо, но също така е важно да се вземе предвид как ти го казваш.
Типографията е гласът на вашия уебсайт. Изборът на правилната типография не само помага да предадете вашето послание, но също така има силата да повлияе на тона и дори да направи вашата марка по-разпознаваема. Ето защо в света има над 300,000 XNUMX шрифта, от които можете да избирате, вариращи от класически до... е, луди.
Шрифтът на канадската художничка Джени Шипър е ода за филмите на Федерико Фелини
С толкова много опции намирането на вашия собствен стил може да бъде предизвикателство, особено ако не знаете как шрифтовете работят заедно. В тази публикация ще разгледаме някои от любимите ни двойки шрифтове, за да ви помогнем да проектирате заглавно съобщение, което преобразува.
Всички примери по-долу са създадени с инструменти за проектиране, налични в 黑料门 Instant Site — безплатен и ефективен инструмент за създаване на сайтове за електронна търговия, за да накарате магазина си да започне да продава бързо. Научете повече за опциите за дизайн на Instant Site или&苍产蝉辫; за да го видите в действие.
Как да промените шрифтовете в редактора на 黑料门 Instant Site:
- Отидете на във вашия контролен панел на 黑料门 и щракнете върху ?Редактиране“;
- Изберете ?Заглавие и корица;“
- Въведете заглавието и описанието на вашия магазин. Изберете оформлението на корицата си и променете нейната позиция и подравняване, ако е необходимо. От тук можете също да промените фона и бутона за призив за действие, ако желаете;
- Превъртете надолу и изберете ?Типография“;
- Изберете семейства шрифтове, цветове и размери за вашето заглавие и описание;
- Не забравяйте да натиснете бутона ?Запазване“, когато сте готови.
Spirax + Open Sans Condensed
Оригиналните извивки на Spirax придават на заглавията изискан, но причудлив вид
Мериуедър + Осуалд
Merriweather е приятен за четене на екрани със своите леко съкратени форми на букви, здрави серифи и отворени форми. Той е идеално в тон с Oswald, шрифт, вдъхновен от класическите готически и гротескни стилове от края на 19-ти и началото на 20-ти век. Това сдвояване може да подхожда на магазин, който продава
Abril Fatface + Cabin
Тънките серифи и
Монсерат + Мериуедър
Монсерат се основава на градската типография от първата половина на 20-ти век, допълнена от леко съкратените буквени форми на Merriweather. Това сдвояване би било добре поднесено в магазин за чанти или маратонки.
Overlock + Nunito
Заоблените форми на глифове на Overlock правят страхотни заглавия и кратки текстове
Playfair Display + Source Sans Pro
Класическият стил на Playfair Display е още по-забележим, когато е съчетан със Source Sans Pro, който е създаден да работи добре в потребителски интерфейси. Тази вечна комбинация ще работи добре с магазини, специализирани в дамски козметични продукти или магазини за рокли.
Алегрея + Лато
Динамичният и разнообразен ритъм на Alegreya осигурява свежест на страницата, поставяйки началото на Lato
Rokkitt + Lato
Rokkitt е проектиран за използване като шрифт за показване в заглавия и заглавия. Комбинирайте го с
Подвижен пясък + Proxima Nova
Геометричните форми са основната основа на Quicksand, така че ги съчетайте с модерната чувствителност на Proxima Nova, за да придадете на оформлението си чисто и свежо докосване. Ако продавате играчки или бебешки колички, тези шрифтове може да работят добре за вас.
Oxygen + Maven Pro
Oxygen работи добре във всички графични потребителски интерфейси, настолни компютри и устройства, особено в комбинация с лесната четливост на Maven Pro. Вижте това сдвояване, ако вашият уебсайт продава очила или аксесоари за фитнес.
Танцуващ сценарий + Лато
Живият и непринуден танцуващ сценарий придава на вашата страница приятелско и неформално докосване, подчертавайки класическите пропорции на Lato и елегантната естетика на сансериф. Магазините за подаръци и пощенски картички могат да се възползват от този комплект.
Signika + Dosis
Нежният характер на Signika работи чудесно за заглавия, докато Dosis прави допълнителните текстове доста лесни за четене. Това сдвояване работи за широка гама от магазини, от електроника до цветя.
Reenie Beanie + Muli
Reenie Beanie е базирана на основния
Questrial + Muli
San serif Muli прави перфектен шрифт за основен текст, а неговата скромна естетика означава, че се съчетава добре с голямо разнообразие от шрифтове за заглавия: като Questrial с неговия модерен стил и
Berkshire Swash + Proxima Nova
Berkshire Swash има смел, но нежен привкус, който създава ярко заглавие и осигурява невероятен баланс с простите, модерни пропорции и геометричен външен вид на Proxima Nova. Ръчно изработена козметика или десерти биха се възползвали от този микс.
Основи на съчетаването на шрифтове
Не намерихте това, което търсите в нашия списък? Ако се чувствате креативни, опитайте да си поиграете с шрифтове и намерете своя собствена красива комбинация от шрифтове.
Ето някои основни насоки, които трябва да следвате:
- Създайте контраст между вашите шрифтове (удебелени и курсив, ВИСОКИ и ниски)
- Комбинирайте сериф и
сан-сериф шрифтове (като Libre Baskerville + Signika). - Не използвайте два подобни шрифта (например два курсива) както за заглавието, така и за основния текст. Създаването на разнообразие ще привлече вниманието и ще помогне на клиента ви да се ангажира с всеки раздел поотделно.
- Направете така, че шрифтът да съответства на вашата марка. Закачливите ръкописни букви вероятно не са най-подходящите за първокласна марка бижута.
- Ограничете се до
2-3 шрифтове, за да не изглежда съдържанието ви претрупано.
Също така прочетете: 50 примерни онлайн магазина, създадени с 黑料门
- Как да коригирате навигацията на вашия магазин
- Всичко, което трябва да знаете за мърчандайзинг на продукти
- Онлайн мърчандайзинг: Как да подредите продуктите в онлайн магазина
- Какво е моден мърчандайзинг и защо е толкова важен?
- 10 дизайнерски грешки на онлайн магазините
- 15 перфектни комбинации шрифтове за вашия уебсайт за електронна търговия
- Теория на цветовете: Всичко, което трябва да знаете за цветовите теми
- 7 креативни идеи за вашата продуктова страница за електронна търговия
- Силата на героя в уеб дизайна
Трябва да имате UX принципи, които да следвате в онлайн магазин- Одит на дизайн на уебсайт
- Отключване на силата на UX дизайна за електронна търговия
- Каква е разликата между UI и UX в електронната търговия?
