Изменение цвета шрифта с помощью css в зависимости от фона

Изменяем цвет фона с помощью атрибута BACKGROUND.

Атрибут  BACKGROUND тоже размещается в теге <body>. С помощью этого атрибута вы сможете сделать картиночный фон. Формат картинки берите jpg или gif. Разрешение картинки можно брать от 12х12 пикселей и больше.

Если фоновая картинка размещена вместе с HTML файлом, это будет выглядеть так:

<bоdy baсkground=»fon.gif»>

Если фоновая картинка размещена в папке images, это будет выглядеть так:

<bоdy baсkground=»images/fon.gif»>

Вот пример:

<html>
<head>
<title>Заголовок страницы</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body background="fon.gif" text="black">
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>

Результат:

Или вот так:

<html>
<head>
<title>Заголовок страницы</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body background="images/fon.gif" text="#000000">
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>

Вот и все.
Теперь вы знаете, как изменить или задать цвет фона. Пробуйте закрепить урок, поменять значение, поэкспериментируйте.
Спасибо, что посетили блог BlogGood.ru. Удачи!!!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Популярные статьи:

  • Как узнать id компьютера
    Дата: 29 Март 2013
    Прокомментировано:90
    просмотров: 311944

  • Размеры форматов листов А0 – А7
    Дата: 23 Январь 2013
    Прокомментировано:3
    просмотров: 260237

  • Смешные логические загадки с подвохом, отгадки прилагаются
    Дата: 12 Ноябрь 2014
    Прокомментировано:5
    просмотров: 185676

  • Установка windows 7 на ноутбук
    Дата: 18 Декабрь 2012
    Прокомментировано:169
    просмотров: 180945

  • Как включить или отключить Aero в Windows 7
    Дата: 1 Июнь 2013
    Прокомментировано:6
    просмотров: 152193

Какие схемы бывают?

Чтобы понять принципы сочетания цветов, понадобится цветовой круг и немного теории.

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

  1. Оттенок. Выражает основное название: зеленый, синий, оранжевый, белый.
  2. Насыщенность. Чем «чище» тон, тем большей насыщенностью он обладает. В случае с желтым, например, самыми насыщенными будут лимонный и канареечный, наименее насыщенные оттенки — ванильный, соломенный, цвет шампанского. На критерий влияет примесь не только белого, но и черного: медовый или горчичный, например, тоже не считаются насыщенными.
  3. Светлота или яркость. Показатель определяет близость подтона к белому. В зеленой гамме светлыми считаются мятный, весенний. Темными — хаки, оливковый, хвойный, изумрудный.

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

Монохромная

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

Не обязательно сочетать всю гамму от самого светлого до почти черного — достаточно выбрать 3-4 подтона. Этого достаточно, чтобы создать динамичный стильный интерьер.

Правильного сочетания цветов в интерьере нет: вы можете взять близкие друг к другу оттенки (рубиновый + гранатовый), либо максимально отдаленные друг от друга (ванильный + канареечный). В первом случае разница будет практически незаметна, во втором — весьма ощутима.

На фото пример гостиной в голубом монохроме

Аналогичная

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

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

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

Комплементарная

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

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

Подобная гармония также близка к природе: вспомните вид цветочного поля или морского берега.

Важно! Полярное сочетание белого и черного также считается комплементарным

На фото контрастное сочетание желтого с розово-фиолетовым

Триада

При реализации этой идеи сочетания цветов в интерьере, в игру вступает не дуэт, а трио.

Существует 2 варианта:

  1. Классическая триада. Возьмите три оттенка, расположенные на равном удалении (через 3 ячейки). Фиолетовый, салатный, оранжевый или небесный, желтый, алый.
  2. Раздельно-комплементарное сочетание. За основу берется принцип комплементарности, но вместо одного противоположного, выбранный цвет сочетается с цветами, размещенными по бокам. Пример: красно-фиолетовый, лимонный, травяной. 

На фото зеленые стены в союзе с сине-оранжевой мебелью

Прямоугольная

Тетрада — самый сложный вариант палитры сочетания цветов в интерьере. Соединить между собой необходимо 4 цвета, для этого существует 2 способа:

  1. Классическая тетрада (прямоугольник). Один оттенок выступает в роли основы, два его дополняют, последний используется для выделения небольших акцентов.
  2. Квадрат. По сути представляет собой 2 комплементарные пары. Чтобы не получилось хаоса, следует соблюдать равные пропорции, либо выбрать один ведущим, а остальные будут выступать в роли акцентов.

Как изменить шрифт в Word

После того, как вы откроете программу MS Office Word можно будет увидеть вкладки основной панели управления: Файл, Главная, Вид и т. д. Подробнее о них в статье Возможности Microsoft Word.

Нам нужна вкладка Главная, именно там расположена группа Шрифт. В ранних версиях программы ворд отдел «ШРИФТ» располагается во вкладке Разметка страницы.

Как изменить шрифт?

  1. Перейдите в группу “Шрифт”, как было описано выше. Нажмите на выпадающее меню с названием шрифта. Чтобы открыть выпадающий список шрифтов достаточно кликнуть по маленькому треугольнику по правую сторону от названия. В списке выберите необходимый вам.
  2. Примечание 1.
    В нашем примере шрифт по умолчанию — Arial, у вас он может быть другим, к примеру, Open Sans или, например, Times New Roman.
  3. Примечание 2. Большинство шрифтов поддерживают только английские буквы.
  4. После того, как вы выберете шрифт, можно начать печатать. Или, если у вас уже есть готовый текст, выделите его и пока он выделен поменяйте шрифт.

Примечание 3: Чтобы понять, какой шрифт выбрать, ориентируйтесь по самому названию. Название шрифта прописано таким образом, как он выглядит на письме при печатании.

Как изменить размер шрифта?

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

Инструкция по изменению размера шрифта:

Для того чтобы выделить весь текст в документе зажмите комбинацию клавиш “Ctrl+A”. Либо воспользуйтесь мышью. Если вы только создали новый документ и хотите набирать текст с размером шрифта 14, тогда надо выбрать размер и нет необходимости что-то выделять.

  1. Найдите в группе ШРИФТ выпадающее меню с цифрам;
  2. Выберите подходящий размер шрифта;
  3. Размер шрифта изменится.

Совет: Помимо выбора чисел, соответствующие определенному размеру букв, цифр и других символов. Вы можете регулировать размер шрифта при помощи двух кнопок с буквой “А” — одна из них больше, другая меньше. Кликая по большой, шрифт на один уровень увеличивается, нажимая на маенькую букву-кнопку шрифт на один размер уменьшается.

  1. Еще правее есть кнопка — “Аа” —  она позволяет выбрать подходящий тип написания текста.

Как изменить толщину и наклон шрифта?

В Microsoft Office Word, кроме как менять размер шрифта можно выделять текст жирным, курсивом (пропись с наклоном), и подчеркнутым.

При изменении на жирный, курсив или подчеркнутый, вы должны выделить часть нужного текста и нажать на соответствующую кнопку. Если хотите начать вводить текст жирным курсивом… то достаточно просто нажать на кнопку и вводить с клавиатуры.

В группе “Шрифт” все эти кнопки присутствуют.

  • Кнопка с буквой “Ж” позволяет печатать текст жирным (включить данный режим можно и при помощи комбинации клаивш “Ctrl+B”);
  • “К” — курсив (комбинация “Ctrl+I”);
  • “Ч” — подчеркивание (“Ctrl+U”).

Примечание: Буква “Ж” означает полужирный, но ворд говорит нам, что жирный.

  • Вы одновременно можете сделать текст жирным, курсивом и подчеркнутым.
  • Кнопка с перечеркнутыми буквами «abc»  дает возможность выделить текст и сделать его зачеркнутым.

Как изменить цвет и фон шрифта?

Стиль шрифта также важно научиться менять,  и это можно сделать в той же группе вкладки «Главная». Что значит изменить стиль? Это значит сменить цвет, фон, или все вместе

Как поменять стиль шрифта

В группе “Шрифт” во вкладке Главная или во вкладке “Формат”, а может и “Разметка страницы” кликните по треугольнику по правую сторону от полупрозрачной буквы “А”.

Появится выпадающее окно с буквами «А», и каждая из них будет отличаться уникальным дизайном.

Не забываем: при изменении внешнего вида уже готового текста перед выбором стиля выделите фрагмент текста или целиком весь документ.

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

Как изменить фон за текстом

Открываем группу “Шрифт” во вкладке «Главная», как и много раз делали до этого выше в статье. Найдите кнопку по правую сторону от прозрачной буквы «А».

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

Изменяем цвет текста

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

Заключение

Рекомендации:

  1. Как включить линейку в Ворде
  2. Как написать формулу в ворде
  3. Как сделать колонки в Ворде
  4. Как разделить таблицу в Ворде
  5. Как скопировать таблицу в Ворде
  6. Как удалить пустую страницу в ворде

Используйте разную цветность набора

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

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

Разумное использование цветности набора усиливает визуальную иерархию страницы, что всегда напрямую связано с восприятием текста и желаемым намерением послания.

Тег html изменения цвета заднего фона текста через атрибут style background-color

Html атрибут style background-color может применяться в любых html тегах, связанных с версткой текста: абзацах <p>; цитатах <blockquote>; таблицах <table> и их составляющих <tr> и <td>.

Изменение цвета заднего фона текста абзаца <p>

В открытый тег абзаца <p> будем вставлять атрибут style background-color и html код самого цвета заднего фона, который нам нужен #00FFFF (я выбрал Aqua). Для этого заходим на сайт ColorScheme.Ru и копируем код необходимого цвета:

Теперь собираем атрибут изменения цвета заднего фона текста и вставляем в открытый тег абзаца:

<p style=»background-color: #00FFFF»> (кавычки должны быть именно такого вида — » «, иначе цвет не поменяется)

Верстаем сам абзац:

<p style=»background-color: #00FFFF»> В другой вкладке браузера открываем любую из своих социальных сетей, например Facebook. Выбираем видео, которое хотим скачать себе на компьютер, включив его воспроизведение. В строке браузера копируем правой кнопкой мыши ссылку на это видео.</p>

Смотрим как будет выглядеть на блоге:

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

Изменение цвета заднего фона текста цитаты <blockquote>

Верстаем цитату с изменением цвета заднего фона:

<blockquote style=»background-color: #BDB76B»>Чтобы снизить риск мошенничества со стороны работодателей и иметь возможность найти официальную удалённую работу, с 2013 года в Российской Федерации учтено правовое регулирование такой работы.
По ТК РФ, удалённая работа официально называется дистанционной и трудовой договор о дистанционной работе можно теперь заключать, подписывая своей электронной подписью.</blockquote>

На сайте цитата будет выглядеть:

Изменение цвета заднего фона текста таблицы <table>

Верстаем таблицу с изменением цвета заднего фона текста всей таблицы:

<table style=»background-color: #FFD700″><tr><td>ячейка 1</td>

<td>ячейка 2</td>

<td>ячейка 3</td></tr>

<tr><td>ячейка 4</td>

<td>ячейка 5</td>

<td>ячейка 6</td></tr>

<tr><td>ячейка 7</td>

<td>ячейка 8</td>

<td>ячейка 9</td></tr></table>

На блоге получаем таблицу в таком виде:

ячейка 1 ячейка 2 ячейка 3
ячейка 4 ячейка 5 ячейка 6
ячейка 7 ячейка 8 ячейка 9

Теперь изменим цвет заднего фона текста построчно:

<table><tr style=»background-color: #00FFFF»><td>ячейка 1</td>

<td>ячейка 2</td>

<td>ячейка 3</td></tr>

<tr style=»background-color #FFA500″><td>ячейка 4</td>

<td>ячейка 5</td>

<td>ячейка 6</td></tr>

<tr style=»background-color: #FFDAB9″><td>ячейка 7</td>

<td>ячейка 8</td>

<td>ячейка 9</td></tr></table>

И на сайте увидим такую таблицу:

ячейка 1 ячейка 2 ячейка 3
ячейка 4 ячейка 5 ячейка 6
ячейка 7 ячейка 8 ячейка 9

В каждой ячейке таблицы, также можно изменить цвет заднего фона текста:

<table><tr><td style=»background-color: #00FFFF»>ячейка 1</td>

<td style=»background-color: #FFA500″>ячейка 2</td>

<td style=»background-color: #FFDAB9″>ячейка 3</td></tr></table>

На блоге увидим в таком варианте:

ячейка 1 ячейка 2 ячейка 3

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

Применяйте на своих сайтах атрибут style background-color для изменения цвета заднего фона текста в своих публикациях, там, где это действительно необходимо.

Успехов вам и до новых встреч!

Психология цвета, или как он влияет на нас?

Проведенные исследования показали, что цвет влияет на настроение человека через его подсознание. На восприятие влияют такие факторы как состояние здоровья, возраст, социальное положение человека и его характер.

Цвета и расцветки

На женщин

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

  • синий, он оказывает успокаивающий эффект и его любят как женщины, так и мужчины;
  • зеленый, ассоциируется с природой и женским началом, символизирует здоровье и спокойствие;
  • бирюзовый, этот оттенок один из самых любимых у женщин;
  • фиолетовый – он является представителем ”женского” цвета, подчёркивает загадочность и таинственность женщины;
  • розовые тона ассоциируются с женщинами, но это скорее не предпочтение, а приятное правило;
  • сиреневый цвет также считается “женским”, он вызывает чувство романтизма и ностальгии.

Женщины и цвета интерьера

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

На мужчин

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

Восприятие цвета мужчинами

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

На детей

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

Использование заливки

Data-lazy-type=»image» data-src=»http://excelwords.ru/wp-content/uploads/2015/12/2015-12-05-01-40-48-Скриншот-экрана.png» alt=»2015-12-05 01-40-48 Скриншот экрана» width=»238″ height=»253″>

Эта операция позволит залить фон документа интересующим цветом. Главное отличие заливки от выделения заключается в том, что окрашиваться будет и межстрочный интервал. Делать это следует, если вы хотите, чтобы информация бросалась в глаза. Для заливки потребуется зайти во вкладку «Главная» и найти кнопку похожую на банку с краской, который располагается в блоке «Абзац». После нажатия заливка используется к последнему абзацу документа. Если есть необходимость применить заливку ко всему документу, то следует использовать уже знакомое сочетание клавиш Ctrl+A, которое позволит выбрать весь документ. Чтобы убрать заливку, как в случае с выделением, необходимо выбрать пункт «Нет цвета». Хочется отметить, что получится интересный результат при комбинации всех инструментов с изменением цвета текста.

Одна из наиболее востребованных опций, используемых при работе с инструментом «Текст» в программе Photoshop, — изменение цвета шрифта. Воспользоваться этой возможностью можно только до растеризации текста. Цвет растрированной надписи изменяется с помощью инструментов цветокоррекции. Для этого вам понадобится любая версия Photoshop, базовое понимание его работы и ничего больше.

Создание надписей в программе Photoshop осуществляется при помощи инструментов группы «Текст»
, располагающихся в панели инструментов.

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

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

В целях изменения параметров шрифта также существует специальная палитра «Символ»
. Чтобы изменить цвет с ее помощью, следует нажать на соответствующий цветной прямоугольник в поле «Цвет»
.

Располагается палитра в меню «Окно»
.

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

В случае, когда необходимо сменить цвет уже введённого текста или в файле psd с нерастрированными текстовыми слоями, следует выделить такой слой в панели слоёв и выбрать инструмент «Гризонтальный текст», если надпись расположена горизонтально, и «Вертикальный текст» при вертикальной ориентации текста.

Для выделения мышью нужно переместить её курсор к началу или концу надписи, после чего произвести щелчок левой кнопкой. Цвет выделенного участка текста возможно изменить с помощью палитры «Символ» или панели настроек, расположенную снизу главного меню.

Если на надписи уже был использован инструмент «Растрировать текст»
, её цвет уже нельзя изменить с помощью настроек инструмента «Текст»
или палитры «Символ»
.

Отмена выбранного действия

Убрать разноцветное выделение текста в Word следует точно такими же действиями, которыми он был применён. Всё, что нужно для работы с выделением шрифта или области вокруг него, располагается в одной вкладке, которая называется «Главная». Убрать из документа жирный и курсивный шрифты позволит повторное нажатие на определённые кнопки центрального меню, в частности, «Ж» и «К». Правда, прежде чем изменить и убрать выделение, нужно «показать» компьютеру место, которое подлежит форматированию. Помогают убрать цвет шрифта кнопки «Нет цвета» и «Авто». Изменить стиль форматирования следует с помощью применения команды «Обычный стиль».

Data-lazy-type=»image» data-src=»http://excelwords.ru/wp-content/uploads/2015/12/2015-12-05-01-50-04-Скриншот-экрана.png» alt=»2015-12-05 01-50-04 Скриншот экрана» width=»205″ height=»79″>

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

Не сочетайте шрифты с разным настроением

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

В левом примере мы соединили Franklin Gothic Bold с Souvenir. Общее впечатление от Franklin Gothic — мужественный, крепкий, мощный, но с тонким ощущением элегантности и значительности. Он не привлекательный, а функциональный. С другой стороны, Souvenir — живой, немного легкомысленный и отстраненный, и очень красивый. Эти два шрифта подходят друг другу как гвардеец Букингемского дворца, который с сознанием долга равнодушно взирает на маленькую шаловливую девочку, которая у его ног пытается вызвать его улыбку. Это смешение двух разных настроений просто недостаточно хорошо работает

Оно привлекает внимание к самой типографике, а не смыслу текста, в результате чего получается плохой дизайн

Справа мы нашли для Souvenir более дружелюбного соседа. У Futura Bold много разных характеров, но он более подходит Souvenir по нескольким причинам. Во-первых, у обоих шрифтов одинаковая высота строчных. У них широкие знаки и очень округлые буквенные формы. Оба шрифта выглядят немного, но не чересчур причудливо. Ни один не доминирует над другим. Оба в данном примере создают веселое и приподнятое настроение. Нет ощущения излишнего напряжения.

Будьте проще — используйте только две гарнитуры

После всех попыток найти среди огромной шрифтовой библиотеки «самую лучшую комбинацию» часто можно легко забыть о более очевидном и простом решении: остановиться на классическом сочетании антиквы и гротеска. В примере, приведенном ниже, мы построили четкую визуальную иерархию, добились большого разнообразия и достигли стойкого ощущения интересного типографического цвета и в то же время повысили читабельность текста. Но все это было достигнуто с помощью лишь двух гарнитур. Между тем, мы использовали в итоге пять шрифтов: три Helvetica Neues и два Garamond.

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

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

Цветовая гамма: краткий гид

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

Цветовое колесо, основной инструмент дизайнера, состоит из трех первичных цветов (красный, желтый, синий), трех вторичных, которые получаются при смешивании первичных (зеленый, оранжевый и фиолетовый) и шести третичных, которые получаются при смешивании первичных и вторичных.

С одной стороны круга располагаются теплые цвета (красный, оранжевый, желтый), с другой – холодные (синий, зеленый, фиолетовый). 

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

Объединяясь, цвета образуют цветовые гаммы или комбинации. Существует три базовые схемы: 

Комплементарное сочетание

Дополняющие друг друга цвета находятся на противоположных сторонах цветового круга
Их сочетание создает контраст и приковывает внимание, но использовать прием нужно с осторожностью.   

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

Триада

Здесь сочетаются оттенки, расположенные на разных сторонах круга (при их соединении должен получиться треугольник). Такие дизайны получаются яркими, в них есть и контраст и гармония.

Чтобы результат получился интересным и современным, используйте эти 33 лучших примера сочетания цветов для вдохновения. 

Цветовое выделение отдельного фрагмента документа

Чтобы выделение цветом касалось не самого шрифта, а области, которая окружает пространство обозначенного фрагмента, пользователю нужно перейти в категорию «Главная», среди прочих инструментов выбрать стрелку, которая находится в выпадающем меню около строки «Цвет». Эта манипуляция вызывает в Ворде команду, которая меняет гамму непосредственно самого выделения.

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

Вернуть стандартный вид электронному указателю поможет повторный клик по ранее представленной команде .

Бежевый и желто-коричневый

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

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

Примеры:

Светло-бежевый фон создает ощущение молодости и свежести, благодаря окружающим его ярким цветам.

Дизайн выглядит консервативно и элегантно благодаря светло-бежевому фону.

Оранжевые и коричневые акценты сайта делают этот желтовато-коричневый фон теплее.

Желто-коричневый часто используется для создания текстуры бумажного пакета, а если сделать его более серым — можно изобразить бетонную стену.

Бежевый фон хедера в сочетании с другими акцентами делают этот дизайн традиционным и изысканным.

Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий