Оглавление:
Видео: Типографика: как подобрать шрифтовую пару для сайта 2024
Контраст в дизайне блога происходит, когда два или более элемента отличаются друг от друга. Чем больше разница между элементами, тем больше контраст. Ваш дизайн блога может получить выгоду от контраста несколькими способами:
-
Контраст может обеспечить визуальный интерес. Ваши глаза обращены к контрастирующим вещам, таким как бледная луна на черном небе или высокое здание, окруженное другими, размером с его размер. В дизайне блога контраст может сохранить интересный блог, а не быть мягким и неинтересным.
-
Контраст может заставить элемент спрыгнуть со страницы и побудить читателя принять меры. Если вы хотите выделить кнопку, которая ссылается на вашу новую электронную книгу, вы можете использовать контраст, чтобы кнопка выделялась, все еще приспосабливаясь к вашему общему дизайну.
Блог Pat Flynn Smart Passive Income использует светло-зеленые коробки с темно-зеленой рамкой, чтобы выделить важные области его дизайна блога. «Не знаете, с чего начать? »И« Электронные книги »контрастируют с изображением черного видео и электронной книги, чтобы эти элементы выходили из страницы и интересовали его блог.
-
Контраст делает текст легко читаемым. Вы когда-нибудь были в блоге, где вы не могли прочитать фактическое сообщение в блоге, потому что цвет фона и цвет текста были слишком похожими? Контрастность должна существовать для чтения сообщений в блоге, чтобы побудить ваших посетителей фактически оставаться и читать ваши сообщения.
Белый фон с черным или темно-серым текстом всегда является безопасным выбором для основных областей контента, таких как сообщение в блоге.
Исследуйте методы для создания контраста
Вы можете применить контраст к вашему дизайну блога несколькими способами. Вот некоторые общие:
-
Цвет: Вероятно, наиболее распространенным способом применения контраста является цвет. Вы можете использовать контрастные цвета одного и того же оттенка (например, черный со светло-серым) или два цвета на противоположных концах цветного колеса (оранжевый и синий). Вы даже можете использовать один цвет, чтобы выделить определенный элемент блога, например, как красная кнопка «Бесплатный мгновенный доступ» выделяется на фоне бледно-зеленого.
-
Шрифты: Использование двух разных шрифтов, которые дополняют друг друга, также может создавать контрастность в тексте. Например, сопряжение шрифта сценария с шрифтом sans-serif обеспечивает визуальный интерес.
Вы также можете применить контрастность с тем же шрифтом, применив жирный шрифт и курсив. Просто используйте либо в модерации. Кроме того, избегайте подчеркивания текста, поскольку большинство посетителей в Интернете предполагают, что подчеркнутое слово является гиперссылкой.
-
Размер: Наличие двух или более элементов дизайна разных размеров также создает контраст.Например, большинство проектов блога используют заголовок блога, который больше, чем подзаголовки в содержимом сообщения.
-
Изображения в вашем блоге: Добавление изображений в контент вашего блога обеспечивает контрастность, разбивая большие фрагменты текста и рисуя читателя дальше в ваш блог.
После того, как вы поймете эти способы применения контраста, вы можете начать комбинировать их, чтобы добавить еще больший контраст, например, используя два разных шрифта с двумя разными цветами.
Применить правильное количество контраста
Контраст в дизайне блога может быть сложным. Более контрастность не всегда соответствует лучшему контрасту. И иногда вы, возможно, не захотите применять достаточный контраст, опасаясь занять его слишком далеко.
Слишком большой контраст может быть раздражающим для читателя или затруднить читаемость вашего блога. Например, использование белого текста на черном фоне - часто цитируемый пример слишком большого контраста. Хотя это может работать в малых дозах, чтение абзаца после абзаца становится утомительным, потому что ваши глаза должны усердно работать над чтением текста.
Он также производит halation , тенденцию белых символов или текста к «светить», когда на черном фоне.
Хотя это и не обязательно раздражает, слишком мало контраста также может сделать ваш блог трудным для чтения. Например, создание подзаголовков в вашем блоге одним смелым текстом может не сделать подзаголовки достаточными для того, чтобы кто-то сменил ваше сообщение в блоге. (Большинство людей не читают.)
В этом примере использование другого шрифта и другого цвета добавляет достаточно контраста для того, как люди, скорее всего, будут взаимодействовать с контентом вашего блога.
Когда вы решаете, как элементы должны контрастировать, имейте в виду следующие вопросы:
-
Каковы наиболее важные и наиболее важные действия, которые вы хотите, чтобы посетители блога принимали? Добавьте контраст, чтобы выделить области вашего блога, где читатели будут принимать эти действия (например, пример кнопки быстрого доступа мгновенного доступа, упомянутый ранее).
-
Как можно сделать этот контент доступным для посетителей блога? Иногда, разбиение текста с фотографиями идеально. Например, руководство пользователя, заполняющее фотографии, показывающие шаги, является наиболее эффективным и простым в использовании способом представления этой информации и разбиения текста. Если ваш контент более концептуальен, чем визуальный, ломать текст в подзаголовки, как показано, может быть лучшим выбором.