Дом Личные финансы Создать Контраст в дизайне блога - манекены

Создать Контраст в дизайне блога - манекены

Оглавление:

Видео: Типографика: как подобрать шрифтовую пару для сайта 2024

Видео: Типографика: как подобрать шрифтовую пару для сайта 2024
Anonim

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

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

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

    Блог Pat Flynn Smart Passive Income использует светло-зеленые коробки с темно-зеленой рамкой, чтобы выделить важные области его дизайна блога. «Не знаете, с чего начать? »И« Электронные книги »контрастируют с изображением черного видео и электронной книги, чтобы эти элементы выходили из страницы и интересовали его блог.

    Кредит: © Smart Passive Income
  • Контраст делает текст легко читаемым. Вы когда-нибудь были в блоге, где вы не могли прочитать фактическое сообщение в блоге, потому что цвет фона и цвет текста были слишком похожими? Контрастность должна существовать для чтения сообщений в блоге, чтобы побудить ваших посетителей фактически оставаться и читать ваши сообщения.

    Белый фон с черным или темно-серым текстом всегда является безопасным выбором для основных областей контента, таких как сообщение в блоге.

Исследуйте методы для создания контраста

Вы можете применить контраст к вашему дизайну блога несколькими способами. Вот некоторые общие:

  • Цвет: Вероятно, наиболее распространенным способом применения контраста является цвет. Вы можете использовать контрастные цвета одного и того же оттенка (например, черный со светло-серым) или два цвета на противоположных концах цветного колеса (оранжевый и синий). Вы даже можете использовать один цвет, чтобы выделить определенный элемент блога, например, как красная кнопка «Бесплатный мгновенный доступ» выделяется на фоне бледно-зеленого.

  • Шрифты: Использование двух разных шрифтов, которые дополняют друг друга, также может создавать контрастность в тексте. Например, сопряжение шрифта сценария с шрифтом sans-serif обеспечивает визуальный интерес.

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

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

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

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

Применить правильное количество контраста

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

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

Он также производит halation , тенденцию белых символов или текста к «светить», когда на черном фоне.

Хотя это и не обязательно раздражает, слишком мало контраста также может сделать ваш блог трудным для чтения. Например, создание подзаголовков в вашем блоге одним смелым текстом может не сделать подзаголовки достаточными для того, чтобы кто-то сменил ваше сообщение в блоге. (Большинство людей не читают.)

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

Когда вы решаете, как элементы должны контрастировать, имейте в виду следующие вопросы:

  • Каковы наиболее важные и наиболее важные действия, которые вы хотите, чтобы посетители блога принимали? Добавьте контраст, чтобы выделить области вашего блога, где читатели будут принимать эти действия (например, пример кнопки быстрого доступа мгновенного доступа, упомянутый ранее).

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

Создать Контраст в дизайне блога - манекены

Выбор редактора

Использовать смешанные поиски для лучших результатов поиска - манекены

Использовать смешанные поиски для лучших результатов поиска - манекены

Поисковые системы имеют исторически индексированные веб-страницы на основе текстового содержимого. Теперь поисковые системы автоматически отображают другие типы контента (смешанные) на странице результатов поиска. Цель этого смешивания состоит в том, чтобы удовлетворить искателя и задействовать их, сделав результаты более актуальными, в основном делая пользователя более счастливым с ...

Использовать 301 Перенаправление на переделанную веб-страницу для улучшения результатов SEO - манекены

Использовать 301 Перенаправление на переделанную веб-страницу для улучшения результатов SEO - манекены

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

Используйте выделенный IP-адрес для улучшения результатов SEO - макеты

Используйте выделенный IP-адрес для улучшения результатов SEO - макеты

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

Выбор редактора

Принципы бухгалтерского учета для работы с QuickBooks 2012 - манекены

Принципы бухгалтерского учета для работы с QuickBooks 2012 - манекены

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

QuickBooks 2006 Клавиатурные ярлыки - манекены

QuickBooks 2006 Клавиатурные ярлыки - манекены

Быстрые клавиши делают практически любую задачу быстрее и проще. В следующей таблице показаны сочетания клавиш, которые вы можете использовать в QuickBooks 2006. Нажмите эту комбинацию клавиш и QuickBooks. Это Ctrl + A отображает окно «Диаграмма учетных записей». Ctrl + C Копирует ваш выбор в буфер обмена Ctrl + F Отображает окно поиска Ctrl + G Переход к ...

QuickBooks 2008 All-In-One для чайников Шпаргалка - манекены

QuickBooks 2008 All-In-One для чайников Шпаргалка - манекены

QuickBooks 2008 позволяет вам лучше справляться с бухгалтерскими и бухгалтерскими потребностями вашего бизнеса. Но сначала вы захотите узнать, как выполнять некоторые общие функции в QuickBooks и некоторые сочетания клавиш.

Выбор редактора

Изображение Режимы воспроизведения на Canon EOS 70D - манекены

Изображение Режимы воспроизведения на Canon EOS 70D - манекены

Одна из лучших вещей о вашем Canon EOS 70D может просматривать фотографии сразу после их съемки. Нечего угадывать, есть ли у вас выстрел, который вам нужен, или вам нужно попробовать еще раз; больше не тратить деньги на разработку и печать фотографий, которые воняют. Чтобы переключить камеру в режим воспроизведения, просто ...

Изображение Параметры масштабирования изображения на Canon EOS 60D - манекены

Изображение Параметры масштабирования изображения на Canon EOS 60D - манекены

, Чтобы более внимательно изучить часть фото с помощью Canon EOS 60D, нажмите кнопку выбора точки автофокусировки. Эта функция особенно удобна для проверки мелких деталей, таких как закрытие глаз кого-либо в групповом портрете. Как и при повороте изображения, масштабирование работает только для фотоснимков и только при отображении ...

Установка программного обеспечения Canon для вашего EOS 80D Фотокартинки

Установка программного обеспечения Canon для вашего EOS 80D Фотокартинки

Canon предоставляет вам несколько программ для фото, которые доступны для загрузки с веб-сайта Canon. Просто выберите свою страну, а затем введите EOS 80D в приглашении имени модели на следующей странице. Нажмите ссылку Драйверы и загрузки, а затем найдите программное обеспечение, которое вы хотите установить для своей системы. В настоящее время Canon рекомендует ...