Правила использования крупной типографики в веб-дизайне
14 июля 2014 | Опубликовано в статьюшечки | 14 Комментариев »
При создании дизайна сайта нужно стремиться к идеальному балансу между текстовыми и графическими элементами. Это правило ни для кого не секрет, однако найти этот баланс не так легко. В мире веб-дизайна есть тренд, который поможет нам достичь лучшего результат в этой области — крупная типографика. Она позволяет передавать информацию одновременно посредством и текста и образов.
В этой статье мы рассмотрим некоторые особенности создания большой, выразительной типографики и рассмотрим примеры ее применения в веб-дизайне.
Зачем использовать крупную типографику?
Выразительная типографика может сделать ваш дизайн лучше различными способами. Мы рассмотрим некоторые из них, но на деле их гораздо больше.
Привлечение внимания
Первая функция, которую выполняет крупная типографика — привлечение и удержание внимания пользователя. Этот эффект особенно заметен, если надпись выделяется на фоне остального контента. Большой текст моментально захватывает внимание посетителя, буквально крича «Посмотрите на меня!». Пользуясь этим свойством, вы можете выделять определенные элементы на вашем сайте, к примеру призывы к действию или важные заголовки.
Крупная типографика привлечет внимание даже если вы не выделите ее контрастным цветом. Смотрите примеры того, как подобные надписи были использованы при создании сайтов:
Провоцирование чувств
Заметная типографика может сыграть не только на привлечение внимания. Также такой способ выражения информации способен установить эмоциональный контакт с пользователем. Это идеальный способ спровоцировать посетителя на определенные чувства и реакции. То, что мы чувствуем влияет на то что мы делаем, как мы действуем и взаимодействуем с сайтом.
Если вы вызовите эмоциональную реакцию посетителя, вам будет проще построить с ним отношения и заставить вернуться на сайт. Но делать это нужно осторожно, ведь эмоции бывают как позитивными, так и негативными. Сами того не желая, вы можете вызвать у посетителя неприятные чувства, поэтому прежде чем приступить к созданию такой типографики, нужно хорошо все обдумать и спланировать.
Усиление посыла
Еще одна причина, по которой многие дизайнеры используют крупную типографику — ее способность усилить адресованный пользователю посыл, и поддержать общий стиль бренда. Усиление контента таким образом добавляет стиля проекту в целом. Типографика может придать словам и посылу нужный оттенок, но в случае перегиба вполне способна вызвать и антипатию.
Такой подход позволяет нам создать эффект, при котором за контентом чувствуется личность бренда. Это делает сайт более узнаваемым и привлекательным, а также создает запоминающийся опыт для пользователя.
Создание иерархии
Стив Круг в своей книге сказал: «Люди не читают страницы. Они их сканируют». Использование крупной типографики в дизайне сайтов — это отличный способ создать понятную визуальную иерархию контента. А это в свою очередь позволит пользователю легче сканировать контент и взаимодействовать с ним. Элементы, создающие иерархию должны быть размещены по всему сайту, причем так, чтобы пользователь не успевал потерять нить или заскучать. В идеале процесс сканирования должен провести посетителя по всему сайту без перерыва.
Часто используется несколько способов по созданию визуальной иерархии, которая направляет пользователей. Крупная типографика — еще один такой способ, который в сочетании с обычными текстовыми блоками помогает сканированию, при этом не перегружая страницу картинками.
Несколько правил
Теперь, когда мы разобрались с тем зачем нам использовать крупную типографику, давайте узнаем как эффективно использовать ее в веб-дизайне. Есть несколько базовых правил, следование которым вам поможет.
Не усложняйте
Часто хочется использовать множество самых разных шрифтов, ведь все они так хороши и все соответствуют тематике сайта. Не поддавайтесь этому соблазну. Чаще всего лучше использовать лишь несколько различных шрифтов, иначе вы рискуете исказить весь дизайн. Многие дизайнеры сходятся во мнении что шрифтов должно быть максимум два. Один шрифт часто выглядит скучно, а большое количество шрифтов — запутанно. Конечно есть случаи, когда правилами можно поступиться, однако делать это нужно с умом и очень осторожно.
Следите за гармонией
Хорошо ли смотрится ваша типографика в сочетании с другими элементами страницы, или же отвлекает от контента больше, чем подчеркивает его? Есть ли общий баланс в дизайне? Подходит ли типографика теме сайта и смотрится ли она как часть дизайна? Усиливает ли она другие важные элементы? Это важные вопросы, на которые нужно обращать внимания, чтобы ваш дизайн был гармоничным. Если на любой из этих вопросов будет отрицательный ответ, пересмотрите свои решения.
Читабельность — главный критерий
Конечно, мы хотим использовать интересный и оригинальный шрифт, особенно при работе с большой типографикой. Тем не менее, мы должны убедиться, что текст остается читабельным. Это должно быть первым правилом при выборе любого шрифта, даже если он будет очень крупным. Несмотря на то, что увеличение размера шрифта повышает его читабельность (и как следствие расширяет диапазон выбора), помните, что не все шрифты читаются одинаково хорошо. Если вы не уверены в шрифте, спросите случайного человека, не имеющего отношения к дизайну, легко ли ему прочесть текст. Если ответ положительный, можете быть спокойны, хотя второе мнение никогда не повредит.
Автор статьи Rob Bowen
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
549
- Насколько важно сегодня использовать Web Safe цвета?
538
- 20 наборов кистей для Фотошопа, которые вам пригодятся
530
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
14 ноября 2020 в 3:27
vKF8M1 pills2sale.com viagra online
Ответить
16 ноября 2020 в 3:47
Stolen credit card eria jarensis extract side effects Some economists were sceptical at how much direct economicimpact the move would have because few banks have fully utilisedthe limited freedom they already had to charge interest ratesslightly below benchmark rates, choosing instead to keep theirrates slightly above the floor that has been in place.
Ответить
17 ноября 2020 в 0:39
Could you transfer $1000 from my current account to my deposit account? quality meds delivery Lithuania, which has complained to the Commission aboutGazprom, is claiming almost $2 billion compensation from thecompany at an international arbitration in Stockholm forallegedly «unfair» gas prices. It pays more for gas than anyother EU state, according to the Commission.
Ответить
17 ноября 2020 в 0:45
Where's the postbox? cheap medication There's a big challenge to testing this hypothesis: the region between Earth and the galactic center contains a lot of dust, which blocks visible light. Infrared and radio waves both pierce that dust, but their long wavelengths require correspondingly large telescopes to achieve high resolution. That places fundamental limits on how closely the light emissions can be pinpointed relative to the black hole. After all, astronomers are trying to study a region smaller than the Solar System at a distance of 26,000 light years.
Ответить
17 ноября 2020 в 1:02
When can you start? ver bula ibuprofeno 600 mg Investors were expected to be reluctant to make aggressivebets after U.S. stocks ended little changed, partly on concernsthat equities have become overpriced after the S&P 500 index's run to record highs last week.
Ответить
17 ноября 2020 в 1:03
We're at university together polygala tenuifolia sublingual During the current fiscal crisis, Gerber said his firm,which invests in stocks, bonds, convertible debt and mergerarbitrage strategies, did not dramatically change its positionsapart from adding some extra hedges to protect in the event of adefault.
Ответить
17 ноября 2020 в 1:05
Please wait mon mari prend du viagra en cachette The scores are calculated by analysing responses and categorising them into promoters, detractors and neutral responses. The proportion of responses that are promoters and the proportion that are detractors are calculated and the proportion of detractors is then subtracted from the proportion of promoters to provide an overall ânet promoterâ score. The scores range between 100 and -100.
Ответить
17 ноября 2020 в 4:21
How many days will it take for the cheque to clear? apothecanna discount code 2019 At issue: The often-contentious relationship between commercial poultry farmers and the processors who contract with farmers to raise chickens. Farmers complain companies can demand costly upgrades of their growing facilities, and cancel contracts without warning, endangering their livelihood.
Ответить
17 ноября 2020 в 5:03
Do you need a work permit? used static caravans for sale in spain Think of Sweetgreen as a cooler cousin of Chopât. Founded by Georgetown University students in 2007, Sweetgreen uses ingredients from local, organic farms, sells its salads in 100% plant-based bowls, and makes its furniture from reclaimed wood. Customers can even compost their cutlery and cups at stations when they finish their meal.
Ответить
17 ноября 2020 в 14:01
Gloomy tales singulair price south africa The Observatory said the fighting rattled the neighborhood throughout the morning, but subsided by the afternoon as the al-Qaida-linked rebels pulled out of the area. It was not clear which group was in control of the checkpoint, where residents were staging a protest to vent their anger at soaring food prices. The area also witnessed clashes between rebels and government troops.
Ответить
17 ноября 2020 в 14:47
Could you tell me my balance, please? lopid 900 mg precio farmacia guadalajara Really, the best part of Quinnâs campaign is that she keeps saying that she wants Kelly to stay on as police commissioner if she is elected mayor. If she actually thinks Kelly would want to work for her or with her after listening to her in this campaign, she knows even less about Kelly than she does about actual police work.
Ответить
18 ноября 2020 в 8:59
I didn't go to university what nolvadex does So I can see how Tictail could benefit smaller, independent high-street retailers and sole traders in all sorts of other fields – like Waldekranz’s mother – but since this is a business not a charity, how does he make any money?
Ответить