Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Правила использования крупной типографики в веб-дизайне

14 июля 2014 | Опубликовано в статьюшечки | 14 Комментариев »

При создании дизайна сайта нужно стремиться к идеальному балансу между текстовыми и графическими элементами. Это правило ни для кого не секрет, однако найти этот баланс не так легко. В мире веб-дизайна есть тренд, который поможет нам достичь лучшего результат в этой области — крупная типографика. Она позволяет передавать информацию одновременно посредством и текста и образов.

В этой статье мы рассмотрим некоторые особенности создания большой, выразительной типографики и рассмотрим примеры ее применения в веб-дизайне. 

Зачем использовать крупную типографику?

Выразительная типографика может сделать ваш дизайн лучше различными способами. Мы рассмотрим некоторые из них, но на деле их гораздо больше.

Привлечение внимания

Первая функция, которую выполняет крупная типографика — привлечение и удержание внимания пользователя. Этот эффект особенно заметен, если надпись выделяется на фоне остального контента. Большой текст моментально захватывает внимание посетителя, буквально крича «Посмотрите на меня!». Пользуясь этим свойством, вы можете выделять определенные элементы на вашем сайте, к примеру призывы к действию или важные заголовки.

Крупная типографика привлечет внимание даже если вы не выделите ее контрастным цветом. Смотрите примеры того, как подобные надписи были использованы при создании сайтов:

missmary

designhood

pixelsaromates

Провоцирование чувств

Заметная типографика может сыграть не только на привлечение внимания. Также такой способ выражения информации способен установить эмоциональный контакт с пользователем. Это идеальный способ спровоцировать посетителя на определенные чувства и реакции. То, что мы чувствуем влияет на то что мы делаем, как мы действуем и взаимодействуем с сайтом.

Если вы вызовите эмоциональную реакцию посетителя, вам будет проще построить с ним отношения и заставить вернуться на сайт. Но делать это нужно осторожно, ведь эмоции бывают как позитивными, так и негативными. Сами того не желая, вы можете вызвать у посетителя неприятные чувства, поэтому прежде чем приступить к созданию такой типографики, нужно хорошо все обдумать и спланировать.

loisjeans

ishothim

reunitetheriver

Усиление посыла

Еще одна причина, по которой многие дизайнеры используют крупную типографику — ее способность усилить адресованный пользователю посыл, и поддержать общий стиль бренда. Усиление контента таким образом добавляет стиля проекту в целом. Типографика может придать словам и посылу нужный оттенок, но в случае перегиба вполне способна вызвать и антипатию.

Такой подход позволяет нам создать эффект, при котором за контентом чувствуется личность бренда. Это делает сайт более узнаваемым и привлекательным, а также создает запоминающийся опыт для пользователя.

dreamsdoodler

jacqui

grainandmortar

Создание иерархии

Стив Круг в своей книге сказал: «Люди не читают страницы. Они их сканируют». Использование крупной типографики в дизайне сайтов — это отличный способ создать понятную визуальную иерархию контента. А это в свою очередь позволит пользователю легче сканировать контент и взаимодействовать с ним. Элементы, создающие иерархию должны быть размещены по всему сайту, причем так, чтобы пользователь не успевал потерять нить или заскучать. В идеале процесс сканирования должен провести посетителя по всему сайту без перерыва.

Часто используется несколько способов по созданию визуальной иерархии, которая направляет пользователей. Крупная типографика — еще один такой способ, который в сочетании с обычными текстовыми блоками помогает сканированию, при этом не перегружая страницу картинками.

webstock

glasscoat

onyerbike

Несколько правил

Теперь, когда мы разобрались с тем зачем нам использовать крупную типографику, давайте узнаем как эффективно использовать ее в веб-дизайне. Есть несколько базовых правил, следование которым вам поможет.

Не усложняйте

Часто хочется использовать множество самых разных шрифтов, ведь все они так хороши и все соответствуют тематике сайта. Не поддавайтесь этому соблазну. Чаще всего лучше использовать лишь несколько различных шрифтов, иначе вы рискуете исказить весь дизайн. Многие дизайнеры сходятся во мнении что шрифтов должно быть максимум два. Один шрифт часто выглядит скучно, а большое количество шрифтов — запутанно. Конечно есть случаи, когда правилами можно поступиться, однако делать это нужно с умом и очень осторожно.

souppeddler

vondutch

Следите за гармонией

Хорошо ли смотрится ваша типографика в сочетании с другими элементами страницы, или же отвлекает от контента больше, чем подчеркивает его? Есть ли общий баланс в дизайне? Подходит ли типографика теме сайта и смотрится ли она как часть дизайна? Усиливает ли она другие важные элементы? Это важные вопросы, на которые нужно обращать внимания, чтобы ваш дизайн был гармоничным. Если на любой из этих вопросов будет отрицательный ответ, пересмотрите свои решения.

roxannecook

richardphoto

stacked

Читабельность — главный критерий

Конечно, мы хотим использовать интересный и оригинальный шрифт, особенно при работе с большой типографикой. Тем не менее, мы должны убедиться, что текст остается читабельным. Это должно быть первым правилом при выборе любого шрифта, даже если он будет очень крупным. Несмотря на то, что увеличение размера шрифта повышает его читабельность (и как следствие расширяет диапазон выбора), помните, что не все шрифты читаются одинаково хорошо. Если вы не уверены в шрифте, спросите случайного человека, не имеющего отношения к дизайну, легко ли ему прочесть текст. Если ответ положительный, можете быть спокойны, хотя второе мнение никогда не повредит.

weblab

pigeon

creepfest

Автор статьи Rob Bowen

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Merziuz
    Thumb up Thumb down 0

    vKF8M1 pills2sale.com viagra online

    Ответить

  2. Samantha
    Thumb up Thumb down 0

    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.

    Ответить

  3. Melanie
    Thumb up Thumb down 0

    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.

    Ответить

  4. Ahmed
    Thumb up Thumb down 0

    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.

    Ответить

  5. Howard
    Thumb up Thumb down 0

    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.

    Ответить

  6. Damon
    Thumb up Thumb down 0

    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.

    Ответить

  7. Amelia
    Thumb up Thumb down 0

    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.

    Ответить

  8. Nogood87
    Thumb up Thumb down 0

    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.

    Ответить

  9. Tony
    Thumb up Thumb down 0

    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.

    Ответить

  10. Nathaniel
    Thumb up Thumb down 0

    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.

    Ответить

  11. Bradley
    Thumb up Thumb down 0

    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.

    Ответить

  12. Seth
    Thumb up Thumb down 0

    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?

    Ответить

Оставить ответ


− 4 = один

Вставить изображение