Учените твърдят, че имате около 10-20 секунди за улавяне на потребители’ внимание, преди да напуснат вашия сайт за неизвестни части. Така че наистина искате първо да направите това 10 броят секунди (без игра на думи).
Текстът в областта на заглавката на вашия сайт е важен източник на информация. Какво казваш очевидно е значимо, но също така е важно да се вземе предвид как ти го казваш.
Типографията е гласът на вашия уебсайт. Изборът на правилната типография не само помага да предадете вашето послание, но също така има силата да повлияе на тона и дори да направи вашата марка по-разпознаваема. Ето защо има над 300,000 шрифтове в света, от които да избирате, вариращи от класически до... добре, луд.
Шрифтът на канадската художничка Джени Шипър е ода за филмите на Федерико Фелини
С толкова много възможности, намирането на вашия собствен стил може да бъде предизвикателство, особено ако не знаете как работят заедно шрифтовете. В този пост, ще разгледаме някои от любимите ни двойки шрифтове, за да ви помогнем да проектирате заглавно съобщение, което преобразува.
Всички примери по-долу са създадени с инструменти за проектиране, налични в Ecwid Instant Site — безплатен и ефективен инструмент за създаване на сайтове за електронна търговия, за да накарате магазина си да започне да продава бързо. Научете повече за опциите за дизайн на Instant Site, или запишете се безплатно за да го видите в действие.
Как да променяте шрифтове в редактора на Ecwid Instant Site:
- Отидете на уебсайт във вашия контролен панел на Ecwid и щракнете върху „Редактиране;”
- Изберете „Заглавие & Покрийте;”
- Въведете заглавието и описанието на вашия магазин. Изберете оформлението на корицата си и променете нейната позиция и подравняване, ако е необходимо. Оттук, можете също да промените фона и бутона за призив за действие, ако желаете;
- Превъртете надолу и изберете „Типография;”
- Изберете семейства шрифтове, цветове, и размери за вашето заглавие и описание;
- Не забравяйте да натиснете бутона „Запазване“, когато сте готови.
Спиракс + Отворете Sans Condensed
Оригиналните извивки на Spirax придават на заглавията изискан, но причудлив вид, който е добре съчетан с отворени и неутрални форми на Open Sans Condensed. Тази комбинация може да ви свърши работа, ако продавате нещо с уникален дизайн като ръчно изработени бижута.
Мериуедър + Осуалд
Merriweather е приятен за четене на екрани с леко сбитите си букви, здрави серифи, и отворени форми. Идеално е в тон с Осуалд, шрифт, вдъхновен от класическите готически и гротескни стилове от края на 19-ти и началото на 20-ти век. Това сдвояване може да подхожда на магазин, който продава продукти по поръчка от висок клас като часовници или кожени аксесоари.
Абрил Дебелака + Кабина
Тънките серифи и добре заоблените извивки на Abril Fatface придават на заглавията елегантен, но закачлив вид, което е добре съчетано с докосването на модернизма на Cabin. Опитайте тези шрифтове, ако продавате канцеларски материали или книги.
Монсерат + Мериуедър
Монсерат се основава на градската типография от първата половина на 20 век, допълнени от леко съкратените буквени форми на Merriweather. Това сдвояване би било добре поднесено в магазин за чанти или маратонки.
Оверлок + Нунито
Заоблените форми на глифове на Overlock правят страхотни заглавия и кратки текстове в оформления в стил списание. Този шрифт изглежда най-добре при по-големи размери, допълвайки добре балансираните заоблени форми на Nunito. Ако продавате дрехи, тези шрифтове са чудесен избор.
Playfair дисплей + Източник Sans Pro
Класическият стил на Playfair Display е още по-забележим, когато се съчетае със Source Sans Pro, който е създаден да работи добре в потребителски интерфейси. Тази вечна комбинация ще работи добре с магазини, специализирани в дамски козметични продукти или магазини за рокли.
Алегрея + Лато
Динамичният и разнообразен ритъм на Alegreya осигурява свежест на страницата, подчертавайки полузаоблените детайли и силната структура на Lato. Разгледайте по-отблизо тези шрифтове, ако продавате бельо или други елегантни аксесоари.
Скален кит + Лато
Rokkitt е проектиран за използване като шрифт за показване в заглавия и заглавия. Комбинирайте го с полузаоблен san serif Lato, за да създадете изпъкващ външен вид. Обърнете внимание на тази комбинация, ако вашият магазин се фокусира върху първокласно спортно облекло или стилна техника.
плаващи пясъци + Следваща Нова
Геометричните форми са основната основа на Quicksand, така че го съчетайте с модерната чувствителност на Proxima Nova, за да изчистите оформлението си, свежо докосване. Ако продавате играчки или бебешки колички, тези шрифтове може да работят добре за вас.
Кислород + Maven Pro
Oxygen работи добре във всички графични потребителски интерфейси, настолни компютри, и устройства, особено в комбинация с лесната четимост на Maven Pro. Вижте това сдвояване, ако вашият уебсайт продава очила или аксесоари за фитнес.
Танцуващ сценарий + Лато
Живият и непринуден танцуващ скрипт придава на вашата страница приятелско и неформално докосване, подчертавайки класическите пропорции на Lato и елегантната естетика san serif. Магазините за подаръци и пощенски картички могат да се възползват от този комплект.
Сигника + Доза
Нежният характер на Signika работи чудесно за заглавия, докато Dosis прави допълнителните текстове доста лесни за четене. Това сдвояване работи за широка гама от магазини, от електроника до цветя.
Рени Бини + Отново
Reenie Beanie се основава на основен почерк с химикал, осигурявайки игрив вид, което се допълва от структурирания минимализъм на шрифта Muli. Опитайте тази комбинация, ако продавате нещо като скицници или искате по-спокоен тон за вашата марка.
Questrial + Отново
San serif Muli прави перфектен шрифт за основен текст, и неговата занижена естетика означава, че се съчетава добре с голямо разнообразие от шрифтове за заглавия: като Questrial с неговия модерен стил и извивка в пълен кръг. Този комплект може да бъде предпочитан вариант за улично облекло.
Berkshire Swash + Следваща Нова
Berkshire Swash има смел, но нежен привкус, което създава ярко заглавие и осигурява невероятен баланс с простотата на Proxima Nova, модерни пропорции и геометричен облик. Ръчно изработената козметика или десерти биха се възползвали от този микс.
Основи на съчетаването на шрифтове
Не намерихте това, което търсите в нашия списък? Ако се чувствате креативни, опитайте да играете с шрифтове в безплатния редактор на незабавни сайтове и намерете своя собствена красива комбинация от шрифтове.
Ето някои основни насоки, които трябва да следвате:
- Създайте контраст между вашите шрифтове (удебелен & курсив, ВИСОК & къс)
- Комбинирайте серифни и сансерифни шрифтове (като Libre Baskerville + Сигника).
- Не използвайте два подобни шрифта (например, два курсива) както за заглавието, така и за основния текст. Създаването на разнообразие ще привлече вниманието и ще помогне на клиента ви да се ангажира с всеки раздел поотделно.
- Направете така, че шрифтът да съответства на вашата марка. Закачливите ръкописни букви вероятно не са най-подходящите за първокласна марка бижута.
- Ограничете се до 2-3 шрифтове, за да не изглежда съдържанието ви претрупано.
Прочетете също: 50 Образцови онлайн магазини, създадени с Ecwid
- How to Fix Your Store’s Navigation
- Всичко, което трябва да знаете за мърчандайзинг на продукти
- Онлайн мърчандайзинг: Как да подредите продуктите в онлайн магазина
- Какво е моден мърчандайзинг, и защо е толкова важно?
- 10 Грешки в дизайна на онлайн магазините
- 15 Перфектни съчетания на шрифтове за вашия уебсайт за електронна търговия
- Теория на цветовете: Всичко, което трябва да знаете за цветните теми
- 7 Творчески идеи за вашата продуктова страница за електронна търговия
- Силата на образа на героя в уеб дизайна
- Задължителни UX принципи, които да следвате в онлайн магазин
- Одит на дизайна на уебсайта
- Unlocking the Power of UX Design for Ecommerce
- Каква е разликата между UI и UX в електронната търговия?
