Голубой фон для текста: Синий фон с текстом 2017 года и тени

Убрать голубой фон в word. Убираем фон за текстом в MS Word

Очень часто начинающие писатели, да и просто пользователи задаются вопросом: как убрать в ворде фон за текстом? В этой статье мы рассмотрим простейшие варианты удаления фона в редакторе word.

Несколько слов о популярности Ворда

Самым популярным текстовым редактором является Word, если не брать в расчёт «Блокнот», конечно же. Причина популярности кроется не только в функционале, простоте и стабильности работы. Не стоит забывать, что программа идёт в комплексе Microsoft Office, а уже это — лучшая реклама, для студентов и офисных работников. Широкая аудитория узнала об аналогичных редакторах, после повсеместного распространения смартфонов и планшетов, на других операционных системах.

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

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

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

Как убрать в ворде фон за текстом: простой способ

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

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

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

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

Сохраняем изначальное форматирование, убирая фон текста

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

«Разметка страницы» . Там вы увидите подпункт «Фон страницы» , дальнейшие действия — интуитивно понятны. Если описанная манипуляция не помогла, вернитесь на главную вкладку и найдите в меню шрифтов кнопку « ab » , с нарисованной ручкой. Нажмите на неё и выберите вариант «нет цвета» . После этого, ваш курсор изменится и станет похож на ту самую, нарисованную ручку. Любой выделенный вами после этого текст потеряет свой фон.

Это универсальный способ, если он не помог, откройте соседнее меню «Стили» и выберите пункт «Очистить всё» . Перед этим необходимо будет выделить тот кусок текста, в котором вы хотите убрать фон. Такой способ тоже уберёт форматирование, но только на выделенном вами отрезке материала. А это уже гораздо удобнее, чем возиться с встроенным текстовым редактором.

Описанные процедуры подойдут для версии 2007 года и более новых модификаций. Если на вашем компьютере установленWord 2003 , зайдите в меню «Формат» , после чего выберите пункт «Стили и форматирование» . Если не помогло — попробуйте отрегулировать заливку. Но настоятельно рекомендуем вам обновить версию редактора, до более новой — за прошедшие годы, степень надёжности и уровень возможностей значительно повысились.

Дополнительные моменты, при работе со скопированными из интернета документами

Иногда бывает, что при копировании материала, меняется весь цвет страницы, а не только фон текста. В таком случае, достаточно ещё раз зайти в категорию «Разметка страницы» и выбрать пункт «Цвет страницы» — проблема решится гарантировано.

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

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

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

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

Видео урок

Если все же вам не очень понятно, как удалить фон в ворде за текстом при копировании, то посмотрите короткий и информативный видео урок:

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

Как в «Ворде» убрать цветной фон текста?

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

В ранних версиях редактора она обозначена наклоненным ведерком, в более поздних — это маркер с карандашом и сочетанием латинских литер ab. Достаточно выделить нужный фрагмент текста, нажать на кнопку и выбрать из выпадающего меню пункт отсутствия заливки (для выделения всего документа проще всего использовать сочетание Ctrl + A).

Как в «Ворде» убрать цветной фон при копировании?

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

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

Для этого, например, в «Ворде» 2013 при переходе на главную вкладку следует найти кнопку с изображением латинской литеры A (или Aa) и ластика. Опять же, ее следует использовать при выделении части или всего документа целиком.

Еще одним простым, но несколько более долгим способом можно назвать начальное копирование искомого текста в «Блокнот», а затем повторное копирование уже из этого приложения с последующей вставкой в «Ворд». Результат тот же.

Общие правила удаления цветного фона в таблицах

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

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

«Ворд» 2003

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

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

«Ворд» 2007-2010

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

«Ворд» 2013-2016

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

Несколько слов напоследок

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

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

Для соответствующей команды кнопка просто перетаскивается в нужное место на панели.

В «Ворде» 2007 настройка осуществляется при помощи входа в меню кнопки «Office», а в версии 2013 и выше — из меню «Файл» в разделе «Параметры», где выбирается строка панели быстрого доступа. В правой части будет отображено окно со всеми доступными командами. Достаточно просто выбрать нужную и нажать на кнопку добавления в центре экрана. Кнопка автоматически отобразится на главной панели.

Выделение отдельных элементов страницы или иначе говоря цветовой фон в текстовом редакторе Microsoft Word является инструментом, который предназначен для привлечения внимания к документу и акцентирования деталей. Однако чрезмерное увлечение данным средством может серьезно раздражать при работе или чтении. Многих пользователей сегодня интересует вопрос, связанный с тем, как в Microsoft Word можно убрать цветовой фон. Это можно сделать при помощи нескольких достаточно простых способов. Стоит также отметить, что выбранный способ будет зависеть от используемой версии текстового редактора.

Как убрать цветной фон в Microsoft Word?

Цветовой фон в самом простом случае используется для выделения текстовой части документа. Чтобы решить данную проблему, можно попробовать воспользоваться самым простым средством. Это кнопка заливки, которая вынесена на главную панель инструментов. В ранних версиях текстового редактора эта кнопка обозначалась символом с наклоненным ведром краски, в более поздних версиях программы в качестве обозначения данного инструмента используется маркер с карандашом и комбинация латинских букв ab. Чтобы решить проблему нужно просто выделить фрагмент текста, нажать на кнопку и выбрать из контекстного меню пункт отсутствия заливки. Чтобы выделить весь документ, можно использовать комбинацию клавиш Ctrl+A.

Как убрать цветной фон при копировании в Word?

Довольно часто пользователям приходится создавать собственные документы на основе существующих. В таких документах также может встречаться наличие заливки и цветного фона, причем не только применительно к тексту, но и к целому разделу или всему документу. Как в программе Word убрать цветной фон данного типа? Можно, конечно, покопаться в наборе инструментов, однако это займет много времени. Самым простым способом будет полностью убрать форматирование, так как иногда другими методами выполнить данные операции невозможно. В программе Microsoft Word 2013 для этого при переходе на главную вкладку необходимо найти кнопку с изображением латинской буквы A и ластика. Ее опять же необходимо использовать при выделении всего документа целиком или определенной ее части. Еще одни простой, но более долгий метод, заключается в начальном копировании искомого текста в редактор «Блокнот». После этого необходимо осуществить повторное копирование этого фрагмента в приложение Word. Результат будет тем же.

Как удалит цветной фон в таблицах

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

Microsoft Word 2003

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

Word 2007 и 2010

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

Microsoft Word 2013 и 2016

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

Заключение

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

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

Как убрать заливку с текста в «Ворде» простейшим методом

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

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

Как убрать заливку в «Ворде» из контекстного меню

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

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

«Ворд» 2003

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

Например, для удаления заливки всего документа следует выделить весь текст (меню «Правка»/«Выделить все» или сочетание Ctrl + A), а затем перейти на вкладку формата и использовать раздел границ и заливки. На соответствующей вкладке выбирается параметр ее отсутствия и кнопкой «OK» подтверждается изменение.

«Ворд» 2007

Теперь посмотрим, как убрать заливку в «Ворде» 2007, на том же примере. Выделяем весь текст и переходим к меню разметки страницы. Здесь используем сначала раздел фона страницы, а затем — раздел границы страницы (доступ можно получить и при клике на кнопке заливки).

После проделанных действий мы снова попадаем в окно границ и заливок, которое было описано выше.

«Ворд» 2010

Если посмотреть на вопрос того, как убрать заливку в «Ворде» 2010, можно применить методику версии программы 2007 года. Отличие состоит только в том, что два последних пункта меню поменяны местами.

«Ворд» 2016

В самой новой версии текстового редактора вопрос того, как убрать заливку в «Ворде», решается еще проще. Для избавления от заливки следует перейти к меню дизайна в основной панели.

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

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

Удаление заливки кардинальным методом для всех версий текстового редактора

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

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

Вместо послесловия

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

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

Сегодня заливка текста является довольно популярным оформительским средством.По частоте использования данное средство занимает одну из лидирующих позиций. Когда на основе какого-то шаблона или документа, содержащего подобное оформление, приходится создавать свой собственный, то возникает вполне закономерный вопрос: как можно убрать заливку текста в Word, чтобы он выглядел совершенно «чистым»? Для этого существует несколько основных способов. Давайте рассмотрим некоторые из них.

Убираем заливку в Word простейшим способом

Редактор Word содержит множество различных инструментов, которые позволяют создавать или убирать цветовой фон текста или всего документа. Большинство команд в различных меню дублируют друг друга. Важнейшие и основные функции выведены на основную панель инструментов в виде кнопок. Здесь имеется и кнопка заливки. Она обозначена значком карандаша, ведерка или кисти. На кнопке могут присутствовать латинские буквы «ab» в зависимости от используемой вами версии редактора. Общий принцип решения проблемы, связанной с удалением заливки в программе Microsoft Word, связан с тем, чтобы выделить нужный фрагмент текста, а после этого нажать кнопку и выбрать из выпадающего меню нужный вам цвет. Также вы можете указать параметр «Нет заливки». Это касается только выделенного текста. Также можно достаточно просто убрать со страницы фон.

Как убрать заливку в Word при помощи контекстного меню

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

Microsoft Word 2003

Есть пользователи, которые работают с версией редактора 2003 года. Они считают его наиболее удобным. Здесь присутствует набор инструментов, который позволяет решить проблему того, как можно убрать заливку в программе Word. Он несколько отличается от более поздних версий данной программы. Так, например, для удаления заливки всего документа необходимо удалить весь текст. Для этой цели необходимо использовать пункт меню «Правка»/ «Выделить все», а после этого применить сочетание Ctrl+A. Затем необходимо перейти на вкладку формата и использовать раздел заливки и границ. На соответствующей вкладке необходимо выбрать параметр ее отсутствия и при помощи кнопки «ОК» подтвердить выполненные изменения.

Microsoft Word 2007

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

Microsoft Word 2010

Если посмотреть на этот вопрос, с точки зрения того, как убрать заливку в программе MicrosoftWord 2010, то здесь можно использовать тот же метод, что и в версии программы 2007 года. Основное отличие состоит в том, что последних два пункта меню поменялись местами.

Microsoft Word 2016

В новейшей версии текстового редактора Microsoft Word вопрос об удалении заливки в Word, решается гораздо проще. Чтобы избавиться от заливки в данной версии программы, необходимо в основной панели перейти к меню дизайна. Справа будет видно две-три кнопки «Подложка», «Цвет страницы» и «Границы страниц». Нас будут интересовать две из них. При помощи них можно изменить практически все параметры, которые касаются заливки текста, целых страниц подложек вроде водяных знаков способа заливки, выбора цветовой гаммы и так далее. Соответственно настройка всех этих параметров имеется в любой версии программы. Инструменты просто располагаются в разных меню. Стоит отметить, что в данной версии программы при выделении всего текста или одного фрагмента сразу появляется подсказка и виде всплывающей панели, на которой имеются кнопки основных операций. Отсюда можно выбрать нужный вариант действий.

Удаление заливки во всех версиях текстового редактора: кардинальный метод

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

Заключение

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

Голубой фон с астрами и текстом

Корзина Купить!

Изображение помещёно в вашу корзину покупателя.
Вы можете перейти в корзину для оплаты или продолжить выбор покупок.
Перейти в корзину…

удалить из корзины

Размеры в сантиметрах указаны для справки, и соответствуют печати с разрешением 300 dpi. Купленные файлы предоставляются в формате JPEG.

¹ Стандартная лицензия разрешает однократную публикацию изображения в интернете или в печати (тиражом до 250 тыс. экз. ) в качестве иллюстрации к информационному материалу или обложки печатного издания, а также в рамках одной рекламной или промо-кампании в интернете;

² Расширенная лицензия разрешает прочие виды использования, в том числе в рекламе, упаковке, дизайне сайтов и так далее;

Подробнее об условиях лицензий

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

* Пакеты изображений дают значительную экономию при покупке большого числа работ (подробнее)

Размер оригинала: 5000×3542 пикс. (17.7 Мп)

Указанная в таблице цена складывается из стоимости лицензии на использование изображения (75% полной стоимости) и стоимости услуг фотобанка (25% полной стоимости). Это разделение проявляется только в выставляемых счетах и в конечных документах (договорах, актах, реестрах), в остальном интерфейсе фотобанка всегда присутствуют полные суммы к оплате.

Внимание! Использование произведений из фотобанка возможно только после их покупки. Любое иное использование (в том числе в некоммерческих целях и со ссылкой на фотобанк) запрещено и преследуется по закону.

Белые буквы на голубом фоне. Какие цвета привлекают покупателей

Мммммм… здесь я процитировала пост о том, как удалить ползучее радио со своего блога. Почитала внимательно — какая долгая процедура, между нами говоря!
Но сейчас не об этом. О рамочках, фоне и цвете шрифта и о ваших глазах и психике. Потому что написанное красным на черном — это, на мой взгляд, катастрофа для вашего зрения и настроения.)))))))))))))))))))))))))))))))))))))))))))
Итак.

Таблица для наглядности:

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

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

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

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

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

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

Почему-то ничего не написано о черном цвете. Вот нашла кое-что:

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

Эмоции и ассоциации: власть, изысканность, нервозность.

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

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

Для большинства сайтов чёрный используется, чтобы создать ощущение изысканности. От сочетания чёрного и белого в минималистичном дизайне создаётся впечатление элегантности и стиля.

Да, вот так вот.

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

Удачи в подборе цветов для фона и шрифта!

Яркие цвета привлекают покупателей

Как привлечь покупателей с помощью цвета?

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

Статистика показывает, что восприятие ухудшается в следующей последовательности:

• черные буквы на желтом фоне
• черные буквы на белом фоне
• желтые буквы на черном фоне
• белые буквы на черном фоне
• синие буквы на белом фоне
• белые буквы на синем фоне
• синие буквы на желтом фоне
• желтые буквы на синем фоне
• зеленые буквы на белом фоне
• белые буквы на зеленом фоне
• коричневые буквы на белом фоне
• белые буквы на коричневом фоне
• коричневые буквы на желтом фоне
• желтые буквы на коричневом фоне
• красные буквы на белом фоне
• белые буквы на красном фоне
• красные буквы на желтом фоне
• желтые буквы на красном фоне

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

А для оформления магазина применяют не столь вызывающие сочетания.

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

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

Теплая гамма: покупайте, не задумываясь!

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

Скидочные акции

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

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

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

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

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

Холодная гамма: получайте удовольствие от спокойного выбора

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

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

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

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

1. Выделите текстовый блок.

Лучше всего начинать с уже готового текста. В какой-то момент у вас получится черный текст на черном фоне, поэтому текста не будет видно. Если у вас имеется набранный документ, завершение процедуры будет ознаменовано превращением его в белый. (Информацию о выделении текста вы найдете в главе 6 .)

1. Выберите команду Формат>Границы и заливка .

Появится диалоговое окно Границы и заливка.

Убедитесь, что вкладка Заливка находится на переднем плане.

Если это не так, щелкните на ярлычке этой вкладки. Вкладка Заливка появится на переднем плане (см. рис. 19.5).

1. В области Заливка выберите черный цвет.

Это четвертый сверху квадрат в первой колонке; в поле справа от палитры цветов вы увидите сообщение Черный .

1. Щелкните на кнопке ОК , чтобы расстаться с диалоговым окном Границы и заливка .

Сейчас вам ничего не видно, потому что перед вами черный текст на черном фоне. (Вообще-то, если текст выделен, вы увидите потрясающее зрелище: большой белый блок, плавающий в черном море. Не пугайтесь!)

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

Появится раскрывающаяся палитра.

1. Выберите в палитре элемент Белый.

(Это последний квадрат палитры, расположенный внизу справа. Если подвести к нему указатель мыши, то «всплывет» подсказка со словом Белый.) Щелкните на этом квадрате, чтобы изменить цвет шрифта.

Теперь вы должны снять выделение. Текст станет видимым на экране: белые буквы на черном фоне.

• Word довольно эффектно отображает на экране инверсный текст, особенно когда тот выделен. Спорю на что угодно- вам никогда не удастся «потерять» такой текст даже в очень большом документе!
• Я не рекомендую инвертировать большие фрагменты текста. На многих моделях принтеров такой текст печатается «неважно». Этот прием лучше всего подходит для выделения заголовков и небольших фрагментов текста.
• Если при печати инверсного текста у вас возникли проблемы, измените установки принтера. В диалоговом окне Печать щелкните на кнопке Параметры . В области Принтер щелкните на кнопке Свойства . В результате на экране появится диалоговое окно Свойства принтера . Щелкните на ярлыке вкладки Графика . В области Графический режим установите флажок Точечная графика . Щелкните на кнопке ОК , чтобы закрыть диалоговое окно Свойства принтера .

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

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

Теперь немного теории о сочетаниях цветов фона и шрифта.

Белый — открытость и нейтральность

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

• красный фон — привлечение внимания к информации;
• черный фон — усиление внимания к информации второстепенного плана и заключения;
• зеленый фон — мягкое информирование о проблемах;
• синий фон — убедительное формирование сути информации.

Голубой — нежность и мягкость

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

Желтый — общительность, коммуникабельность и открытость

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

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

Зеленый — снятие нервного напряжения и остроты переживания

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

• белый фон — привлечение внимания к приятной информации;
• желтый фон — отображение неприятной информации;
• синий фон — запоминание сути деловой информации.

Коричневый — стабильность, реалистичное настроение

• белый фон — усиливает атрибуты информации;
• желтый фон — укрепляет гарантированный результат в сознании пользователя;
• голубой фон — укрепляет сплоченность пользователей в коллективе.

Красный — напряженность, внимание, действие

• белый фон — выделение важной информации;
• черный фон — скука;
• желтый фон — объединение пользователей;
• голубой фон — стремление новых пользователей к объединению.

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

Герменевтика символа «голубой цветок» в романе Новалиса «Генрих фон Офтердинген» Текст научной статьи по специальности «Философия, этика, религиоведение»

А. Л. Вольский

ГЕРМЕНЕВТИКА СИМВОЛА «ГОЛУБОЙ ЦВЕТОК» В РОМАНЕ НОВАЛИСА «ГЕНРИХ ФОН ОФТЕРДИНГЕН»

В статье рассматривается проблема поэтической философии на примере романа Но-валиса «Генрих фон Офтердинген». Поэтическая система романа, основу которой составляет символ голубого цветка, анализируется в статье как феноменологическая. Познающий субъект романа рассматривается в отношении к категории трансцендентального субъекта в философии Канта.

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

A. Vol’sky

HERMENEUTICS OF THE «BLAUE BLUME» SYMBOL

IN THE NOVEL «HEINRICH VON OFTERDINGEN» BY NOVALIS

The problem of poetic philosophy, which is regarded in the article, is exemplified on the novel «Heinrich von Ofterdingen» by Novalis. The poetical system of the novel, which is based on the symbol of the «blaue Blume», can be regarded as a form of the phenomenological evolution. The cognitive subject is analysed in the paper in its relation to the transcendental subject in the philosophy of I. Kant.

Key words: poetic philosophy, hermeneutics, symbol, metaphor, cognitive subject, transcendental subject.

Одной из основных идей немецкого романтизма является синтез поэтического творчества и философского познания. Поэтика романтизма, суть которой изложена в 116 фрагменте Фр. Шлегеля, стремится к объединению не только разобщенных литературных жанров, стиха и прозы, но поэзии и философии [10, с. 90]. Этот синтез мы называем поэтической философией [1, с. 10].

Если понимать философию исключительно как рациональную науку, то соединение поэзии и философии представляет собой некое соПхаСсИо т асУесШ, соединение несоединимого. Однако, с точки зрения Фр. Шлегеля, такое противоречие является поверхностным. В парижских фрагментах 1802 г. он говорит, что «разделение философии и поэзии принадлежит экзотерическому идеализму. Их синтез — эзоте-

Герменевтика символа «голубой цветок» в романе Новалиса «Генрих фон Офтердинген»

для Генриха равноценными. В каждом из них тайна мира выражает себя по-своему. Мистическое познание вещей превращает Генриха в те вещи, которые он познает*.

Подобный путь метаморфоз проходит и другая героиня романа — Матильда. Она есть и муза сонетов, и природа, и душа мира, и Зулима, и Фрейя, и Циана, и тайна голубого цветка. Она и есть тот смысл мироздания, стяжать который стремится Генрих фон Офтердинген.

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

ПРИМЕЧАНИЯ

* В этой связи нельзя не привести известное высказывание Мастера Экхарта, цитируемое М. Хайдеггером: «Природа любви такова, что она превращает человека в ту вещь, которую он любит» [5, с. 250].

СПИСОК ЛИТЕРАТУРЫ

1. Вольский А. Л. От поэтической философии к философской поэзии: опыт герменевтического исследования. — СПб.: Норма, 2008. — 329 с.

2. Кант И. Критика чистого разума. — СПб.: ИКА «Тайм-Аут», 1993. — 472 с.

3. Новалис. Смешанные фрагменты (Цветочная пыльца) / Пер. с нем. А. Л. Вольского // Преломления. — Вып. 4. — СПб.: Изд-во Института иностранных языков, 2006. — 319 с.

4. Фихте И. Г. Сочинения в двух томах. — СПб.: Мифрил, 1993. — Т. 1. — 686 с.

5. Хайдеггер. Время и бытие / Пер. с нем. В. В. Бибихина. — М.: Республика, 1993. — 447 с.

6. Шлейермахер Фр. Герменевтика / Пер. с нем. А. Л. Вольского. — СПб.: Европейский дом, 2004. — 241 с.

7. Novalis Heinrich von Ofterdingen. Verlag C. H. Beck. — Frankfurt am Main, 1982. — 880 s.

8. Novalis. Schriften, Bibliographisches Institut A. G. — Leipzig, 1905. — 411 s.

9. Pohlheim K. Der Poesiebegriff der deutschen Romantik. Ferdinand Schöningh, Padeborn, 1972. — 500 s.

10. Schlegel Fr. Kritische und philosophische Schriften. — Reclam, Stuttgart, 1994. — 320 s.

Голубой фон красный текст падение прохладный летний напиток плак

Применимые группы	Для личного использования	Команда запуска	Микропредприятие	Среднее предприятие
Срок авторизации	ПОСТОЯННАЯ	ПОСТОЯННАЯ	ПОСТОЯННАЯ	ПОСТОЯННАЯ
Авторизация портрета		ПОСТОЯННАЯ	ПОСТОЯННАЯ	ПОСТОЯННАЯ
Авторизованное соглашение	Персональная авторизация	Авторизация предприятия	Авторизация предприятия	Авторизация предприятия
Онлайн счет
Маркетинг в области СМИ (Facebook, Twitter,Instagram, etc. )	личный Коммерческое использование (Предел 20000 показов)
Цифровой медиа маркетинг (SMS, Email,Online Advertising, E-books, etc.)	личный Коммерческое использование (Предел 20000 показов)
Дизайн веб-страниц, мобильных и программных страниц Разработка веб-приложений и приложений, разработка программного обеспечения и игровых приложений, H5, электронная коммерция и продукт	личный Коммерческое использование (Предел 20000 показов)
Физическая продукция печатная продукция Упаковка продуктов, книги и журналы, газеты, открытки, плакаты, брошюры, купоны и т. Д.	личный Коммерческое использование (Печатный лимит 200 копий)	предел 5000 Копии Печать	предел 20000 Копии Печать	неограниченный Копии Печать
Маркетинг продуктов и бизнес-план Предложение по проектированию сети, дизайну VI, маркетинговому планированию, PPT (не перепродажа) и т. Д.	личный Коммерческое использование
Маркетинг и показ наружной рекламы Наружные рекламные щиты, реклама на автобусах, витрины, офисные здания, гостиницы, магазины, другие общественные места и т. Д.	личный Коммерческое использование (Печатный лимит 200 копий)
Средства массовой информации (CD, DVD, Movie, TV, Video, etc.)	личный Коммерческое использование (Предел 20000 показов)
Перепродажа физического продукта текстиль, чехлы для мобильных телефонов, поздравительные открытки, открытки, календари, чашки, футболки
Онлайн перепродажа Мобильные обои, шаблоны дизайна, элементы дизайна, шаблоны PPT и использование наших проектов в качестве основного элемента для перепродажи.
Портрет Коммерческое использование	(Только для обучения и общения)
Портретно-чувствительное использование (табачная, медицинская, фармацевтическая, косметическая и другие отрасли промышленности)	(Только для обучения и общения)	(Contact customer service to customize)	(Contact customer service to customize)	(Contact customer service to customize)

Новости Петербурга к 15:00 | Телеканал «Санкт-Петербург»

Телеканал «Санкт-Петербург» рассказывает, что произошло в городе к этому часу.

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

Петербург продолжает подготовку к Евро-2020 и Международному экономическому форуму. Сегодня в Северной столице организованы общегородские учения, цель которых – отработать нештатные ситуации. Большую проверку устроили на подстанции «Крестовская», которая обслуживает главные спортивные объекты футбольного чемпоната в городе.

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

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

НИИ скорой помощи имени Джанелидзе получил в дар реанимобиль. Его для медицинского учреждения приобрел один из петербургских банков, который запустил собственную благотворительную программу «Благодарю». Последние 1,5 года там помогают больницам и врачам, которые борются с коронавирусом.

Уникальный парк для любителей чтения появится в Петербурге. Сегодня о планах развития российской национальной библиотеки говорили на XVI Международном книжном салоне.

На портале и в мобильном приложении «Единой карты петербуржца» продолжает работу интерактивный сервис «Городской диалог». Это электронная площадка для проведения опросов по разным сферам жизни.

85 городов по всей стране, 11 часовых поясов и 1 старт для нескольких тысяч любителей спорта. В воскресенье пройдет самый крупный полумарафон с синхронным стартом «Забег.РФ».

Северная столица продолжает отмечать свой день рождения. Телеканал «Санкт-Петербург» представляет праздничную программу. В шесть вечера зрители смогут увидеть концерт «Песня летит над Невой».

Фото и видео: телеканал «Санкт-Петербург»

Человеку надо мало… — Рождественский.

Полный текст стихотворения — Человеку надо мало… Человеку надо мало… — Рождественский. Полный текст стихотворения — Человеку надо мало…

Роберт Рождественский

Человеку надо мало:
чтоб искал
и находил.
Чтоб имелись для начала
Друг —
один
и враг —
один…
Человеку надо мало:
чтоб тропинка вдаль вела.
Чтоб жила на свете
мама.
Сколько нужно ей —
жила.

Человеку надо мало:
после грома —
тишину.
Голубой клочок тумана.
Жизнь —
одну.
И смерть —
одну.
Утром свежую газету —
с Человечеством родство.
И всего одну планету:
Землю!
Только и всего.
И —
межзвездную дорогу
да мечту о скоростях.
Это, в сущности, —
немного.
Это, в общем-то,
 — пустяк.
Невеликая награда.
Невысокий пьедестал.
Человеку
мало
надо.
Лишь бы дома кто-то
ждал.

1973 г.

Теги:

Роберт Рождественский

{«storageBasePath»:»https://www.culture.ru/storage»,»services»:{«api»:{«baseUrl»:»https://www. culture.ru/api»,»headers»:{«Accept-Version»:»1.0.0″,»Content-Type»:»application/json»}}}}

Мы ответили на самые популярные вопросы — проверьте, может быть, ответили и на ваш?

• Подписался на пуш-уведомления, но предложение появляется каждый день
• Хочу первым узнавать о новых материалах и проектах портала «Культура.РФ»
• Мы — учреждение культуры и хотим провести трансляцию на портале «Культура.РФ». Куда нам обратиться?
• Нашего музея (учреждения) нет на портале. Как его добавить?
• Как предложить событие в «Афишу» портала?
• Нашел ошибку в публикации на портале. Как рассказать редакции?

Подписался на пуш-уведомления, но предложение появляется каждый день

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

Хочу первым узнавать о новых материалах и проектах портала «Культура. РФ»

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

Мы — учреждение культуры и хотим провести трансляцию на портале «Культура.РФ». Куда нам обратиться?

Если вы планируете провести прямую трансляцию экскурсии, лекции или мастер-класса, заполните заявку по нашим рекомендациям. Мы включим ваше мероприятие в афишу раздела «Культурный стриминг», оповестим подписчиков и аудиторию в социальных сетях. Для того чтобы организовать качественную трансляцию, ознакомьтесь с нашими методическими рекомендациями. Подробнее о проекте «Культурный стриминг» можно прочитать в специальном разделе.

Электронная почта проекта: [email protected]

Нашего музея (учреждения) нет на портале. Как его добавить?

Вы можете добавить учреждение на портал с помощью системы «Единое информационное пространство в сфере культуры»: all. culture.ru. Присоединяйтесь к ней и добавляйте ваши места и мероприятия в соответствии с рекомендациями по оформлению. После проверки модератором информация об учреждении появится на портале «Культура.РФ».

Как предложить событие в «Афишу» портала?

В разделе «Афиша» новые события автоматически выгружаются из системы «Единое информационное пространство в сфере культуры»: all.culture.ru. Присоединяйтесь к ней и добавляйте ваши мероприятия в соответствии с рекомендациями по оформлению. После подтверждения модераторами анонс события появится в разделе «Афиша» на портале «Культура.РФ».

Нашел ошибку в публикации на портале. Как рассказать редакции?

Если вы нашли ошибку в публикации, выделите ее и воспользуйтесь комбинацией клавиш Ctrl+Enter. Также сообщить о неточности можно с помощью формы обратной связи в нижней части каждой страницы. Мы разберемся в ситуации, все исправим и ответим вам письмом.

Если вопросы остались — напишите нам.

Пожалуйста подтвердите, что вы не робот

Войти через

или

для сотрудников учреждений культуры

Системное сообщение

Ошибка загрузки страницы. Повторите попытку позже, либо воспользуйтесь другим браузером.
Спасибо за понимание!

Мы используем сookie

Во время посещения сайта «Культура.РФ» вы соглашаетесь с тем, что мы обрабатываем ваши персональные данные с использованием метрических программ. Подробнее.

Знаки и цветовой контраст — designworkplan

Цветовой контраст

В статье исследуется значение цвета и способы различения цвета в информационных слоях.

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

Основы цветовых групп: Цветовой круг

Швейцарский художник и дизайнер Йоханнес Иттен создал цветовое колесо, которое представляет собой организацию из 12 цветовых оттенков по кругу, показывающих взаимосвязь между цветами. Цвета представлены следующим образом:

• Основные цвета: синий, красный и желтый
• Дополнительные цвета: зеленый, оранжевый и фиолетовый
• Дополнительные цвета: красно-оранжевый, красно-фиолетовый, желто-оранжевый, желто-зеленый, сине-фиолетовый и сине-зеленый.

Теория цвета Гете представила первое систематическое исследование физиологических эффектов цвета (1810 г.). Наблюдения за эффектом противоположных цветов привели его к симметричному расположению цветового круга, «поскольку цвета, диаметрально противоположные друг другу … это те, которые взаимно вызывают друг друга в глазах». (Гете, Теория цвета, 1810)
Википедия

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

Цветовой контраст по науке

Артур и Пассини описали в своей книге «Поиск пути» 1992 года надежный метод расчета разницы в контрасте между двумя цветами. Формула основана на показаниях светоотражающей способности (LR) в процентах для каждого из двух задействованных цветов. Вычитая более темный цвет из более светлого, разделив разницу на более светлый и умножив на 100, мы получим разницу яркости.Когда разница в яркости составляет 70 процентов или выше, четкость изображения гарантирована. Когда он меньше, разборчивость не может быть гарантирована, и эти цвета не следует использовать в этой комбинации.

Примеры цветов и значения

Черный ассоциируется с силой, элегантностью, формальностью, смертью, злом и тайной.

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

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

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

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

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

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

Красный — цвет огня и крови, поэтому он ассоциируется с энергией, войной, опасностью, силой, властью, решимостью, а также страстью, желанием и любовью.

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

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

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

Желтый — это цвет солнечного света. Он ассоциируется с радостью, счастьем, интеллектом и энергией.

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

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

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

Синий — это цвет неба и моря. Часто это ассоциируется с глубиной и стабильностью. Он символизирует доверие, верность, мудрость, уверенность, интеллект, веру, истину и небеса.

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

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

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

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

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

Рекомендуемые рабочие области: офисные вывески, дизайн паспортных табличек, общественные места, внутреннее и внешнее использование.

Типографика и цветовой контраст

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

Проверить текст и фон на достаточный цветовой контраст

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

Для соответствия уровню AA критерий успеха WCAG 2.0 1.4.3 рекомендует, чтобы обычный текст имел минимальный коэффициент контрастности 4,5: 1, а крупный текст (18 пунктов или 14 пунктов жирным шрифтом) имел минимальный коэффициент контрастности 3: 1. Эти соотношения были рассчитаны с научной точки зрения, чтобы гарантировать, что текст может быть прочитан людьми с умеренно слабым зрением, и что контраст будет достаточным для тех, у кого есть дефицит цвета.При решении проблемы цветового контраста веб-дизайнеры часто задаются вопросом, каких цветов следует избегать. Речь идет не столько о том, чтобы избегать цветов, сколько о том, чтобы цвета, используемые в веб-дизайне, имели соответствующий контраст.

Примеры цветовой контрастности

Сочетание цветов	Цветовой код	Коэффициент контрастности	Мелкий текст	Крупный текст
Черный на желтом OR Желтый на черном	Черный: # 000000, Желтый: # ffff00	19. 56: 1	Пройдите AA	Пройдите AA
Синий на оранжевом ИЛИ Оранжевый на синем	Синий: # 0000ff, Оранжевый: # ffa500	4,35: 1	Ошибка AA	Пройдите AA
Белый на фиолетовом OR Пурпурный на белом	Белый: #ffffff, Фиолетовый: # 800080	9.42: 1	Пройдите AA	Пройдите AA
Зеленый на красном ИЛИ Красный на зеленом	Зеленый: # 008000, Красный: # ff0000	1,28: 1	Ошибка AA	Ошибка AA

Вот несколько инструментов, которые можно использовать для анализа цветового контраста:

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

Дизайн с синим цветом

Обычные объяснения предлагали привести две проблемы с синим.

1) Синий цвет имеет низкую яркость. Синий основной дисплей с выравниванием по белому только около 1/10 яркости зеленого основного цвета из-за относительно сильная окраска коротковолнового света. Кроме того, синий первичный стимулирует в основном конусы SWS, которые, как известно, способствуют мало для визуального процесса, который формирует границы восприятия (например, те, которые составлять буквы).Таким образом, любая графика, которая отличается только от фона в синем праймериз будет трудно читать.

2) Визуальное разрешение мелких деталей для синего оставляет желать лучшего. Визуальные механизмы которые питаются конусами SWS, были обнаружены в психофизических экспериментах. иметь более низкое пространственное и временное разрешение, чем те, которые питаются только Конусы MWS и LWS. Это низкое разрешение позволяет телевизионным сигналам чтобы выделить меньшую полосу пропускания для желто-синей составляющей сигнала.

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

The Проблема была несколько изменена в последних ЖК-дисплеях за счет сдвига цветность синего основного цвета немного ближе к зеленому. Оттенок этот новый синий первичный элемент не имеет визуально очевидного зеленого компонента, а shift увеличивает стимуляцию средне-чувствительных колбочек (MWS) в достаточной степени чтобы уменьшить проблемы с синим / черным. Тем не менее, это в основном просто ходы проблема вокруг. Для большинства цветов в гамме монитора есть все еще возможны цвета фона, которые отличаются только SWS-конусом отклик.

The символы на этом рисунке отличаются от фона только синий основной:

Почему мои текстовые сообщения синие или зеленые?

Во время обмена текстовыми сообщениями с друзьями и семьей вы заметили, что некоторые сообщения на iPhone имеют синий или зеленый цвет.

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

Синий фон

---

Если ваше текстовое сообщение имеет синий фон, это означает, что ваш обмен сообщениями произошел через iMessage и что вы отправили или получили свое сообщение на другое устройство iOS и с него.

iMessage

---

iMessage — это бесплатный метод обмена сообщениями, доступный для всех устройств iOS, таких как iPhone, iPad, iPod touch, iMac, MacBook, MacBook Air, MacBook Pro и др.) Apple разработала iMessage, и он работает для всех продуктов Apple, а не для других. -Apple устройства.Это также требует, чтобы вы вошли в систему, используя свой Apple ID. Человек, у которого есть iPhone, но не вошел в систему со своим Apple ID, не сможет получить доступ к iMessage.

iMessage не использует ограничения данных, установленные поставщиком телекоммуникационных услуг для обычного обмена сообщениями. iMessage бесплатный и быстрый. IMessage удобно использовать, когда вы общаетесь с другим пользователем iPhone или iOS.

В iMessage тарифы на текстовые сообщения не действуют. iMessage можно отправлять через Wi-Fi, поэтому сотовая связь не требуется.Его также можно отправить через вашего оператора сотовой связи (AT&T, T-Mobile, Verizon, Sprint и т. Д.)

Зеленый фон

---

Зеленый фон означает, что отправленное или полученное сообщение было доставлено по SMS через вашего оператора сотовой связи. Он также обычно отправлялся на устройство, отличное от iOS, такое как телефон Android или Windows.

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

Вы можете проверить, включен ли iMessage на вашем iPhone, перейдя в настройки iPhone (значок шестеренки), а затем в «Сообщения». Включите iMessage.

Цветовой контраст для лучшей читаемости

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

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

Должен заметить, что я далек от эксперта по доступности. Моя цель здесь — просто показать, что немного усилий может иметь большое значение, когда дело доходит до выбора цветов с учетом оптимальной читаемости.Посетите W3C для более подробного объяснения. Также ознакомьтесь с Contrast Rebellion, чтобы получить интересный взгляд на проблему контрастности.

1. Установите цветовую палитру (с оттенками, тонами и оттенками)

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

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

Установка оттенков, тонов и оттенков. Из предыдущей статьи «От тьмы к свету: универсальность цвета с использованием оттенков, тонов и оттенков».

2. Найдите хороший анализатор цветового контраста

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

Раскраска Брента Джексона (Демо)

3. Изучите контраст основного текста

Во-первых, полезно установить правильные значения основного текста. Обычно я начинаю с нейтральной цветовой палитры и стремлюсь к максимально светлому серому с рейтингом WCAG AAA (соответствует Разделу 508). Рейтинг AAA обеспечивает оптимальную читаемость, а некоторая яркость позволяет сделать текст мягким. Обратите внимание, что названия цветов — это произвольные названия, которые я присвоил цветам (из предыдущей статьи «Придание цветам более ярких имен».)

Тестирование нейтральной цветовой палитры в виде текста на белом фоне (из предыдущей статьи: Оттенки серого — да, правда.)

# 373D3F или «Ворон» — мой самый светлый серый цвет в рейтинге доступности AAA.

4. Оценить яркость кнопки и ссылки

Следующим шагом будет поиск подходящего варианта цвета для кнопок и ссылок (действий). Здесь я придерживаюсь немного другого подхода. Вместо того, чтобы использовать AAA, я ищу AA (разумный стандарт, к которому нужно стремиться), чтобы я мог получить более яркий цвет, контрастирующий со статическим текстом и привлекающий внимание к важным ссылкам.Для этих целей тестирую белый цвет (#FFFFFF) в сочетании с разными цветами.

Синий и красный имеют более высокий шанс успеха, а желтый и зеленый — меньше.

Я выбрал «Darkest Alice» (# 107896) для хорошего сочетания контраста и яркости. «Рубин» (# C02F1D) тоже неплохой вариант.

5. Установите различные сочетания цветов

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

Мой базовый пример с темно-серым текстом «Ворон» и ярким синим цветом «Самая темная Алиса» для ссылок и кнопок.

Пример с темными тенями на более светлом фоне.

Пример с освещением на более темном фоне.

6. Документируйте в своем руководстве по стилю

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

Образец документации для руководства по стилю.

Цвета · Bootstrap

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

Цвет

. Основной текст

.text-вторичный

.text-success

. Текст-опасность

.text-warning

.text-info

. Текстовый свет

.текст темный

. Без звука

. Текст-белый

  
 .text-primary 
 .text-secondary 
 .text-success 
. текст-опасность 
. текст-предупреждение 
 .text-info 
 .text-light 
 .text-dark 
. текст без звука 
 .text-white 
  

Классы контекстного текста также хорошо работают с привязками с предоставленными состояниями наведения и фокуса. Обратите внимание, что классы .text-white и .text-muted не имеют стиля ссылки.

  
  Основная ссылка  
  Дополнительная ссылка  
  Ссылка на успех  
  Ссылка на опасность  
  Предупреждающая ссылка  
  Информационная ссылка  
  Легкая ссылка  
  Темная ссылка  
  Ссылка отключена  
  Белая ссылка  
  

Цвет фона

Подобно классам цвета контекстного текста, легко установить фон элемента для любого контекстного класса.Компоненты привязки будут темнеть при наведении курсора, как и классы текста. Фоновые утилиты не устанавливают цвет , поэтому в некоторых случаях вы захотите использовать утилиты .text- * .

.bg-primary

.bg-вторичный

.bg-success

.bg-опасность

.bg-предупреждение

.bg-info

.bg-светлый

.bg-темный

.bg-белый

  
 .bg-primary 
.bg-вторичный 
 .bg-success 
 .bg-dangerous 
 .bg-warning 
 .bg-info 
 .bg-light 
 .bg-dark 
 .bg-white 
  

Фон градиент

Если для $ enable-gradient установлено значение true, вы сможете использовать служебные классы .bg-gradient- . По умолчанию $ enable-gradient отключено, а приведенный ниже пример намеренно нарушен. Это сделано для упрощения настройки с момента начала использования Bootstrap. Узнайте о наших опциях Sass, чтобы включить эти и другие классы.

.bg-gradient-primary

.bg-gradient-вторичный

.bg-gradient-success

.bg-градиент-опасность

.bg-gradient-warning

.bg-gradient-info

.bg-gradient-light

.bg-gradient-dark

  
 .bg-gradient-primary 
.bg-gradient-вторичный 
 .bg-gradient-success 
 .bg-gradient-dangerous 
 .bg-gradient-warning 
 .bg-gradient-info 
 .bg-gradient-light 
 .bg-gradient-dark 
  

Работа со спецификой

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

с классом.
Передача смысла вспомогательным технологиям
Использование цвета для добавления смысла обеспечивает только визуальную индикацию, которая не будет передана пользователям вспомогательных технологий, таких как программы чтения с экрана. Убедитесь, что информация, обозначенная цветом, либо очевидна из самого содержимого (например, видимый текст), либо включена с помощью альтернативных средств, таких как дополнительный текст, скрытый с помощью класса .sr-only .
7 смертных грехов веб-дизайна, которые вы, возможно, совершаете
Веб-дизайн — непростая тема.
Люди по-разному относятся к тому, что является хорошим веб-дизайном, а что нет.
Некоторые люди думают, что ваш сайт должен быть очень красивым и иметь современный дизайн, чтобы привлекать внимание. Другие считают, что веб-дизайн на самом деле не так уж и важен, и вам просто нужен сайт, который работает и позволяет людям делать то, что они хотят, например Craigslist.
Оба ответа верны в зависимости от того, о какой отрасли или бизнесе вы говорите. Но как понять, что подходит именно вам? И как сделать так, чтобы ваш веб-дизайнер знал, о чем говорит, и не делал ошибок?
В этом посте рассказывается о семи смертных грехах веб-дизайна, которые вы не хотите совершать на своем сайте .Хорошая новость в том, что все они — простые принципы, которым должен следовать каждый веб-сайт. Так что независимо от того, получите ли вы красивый дизайн или нет, вам все равно нужно знать об этих принципах дизайна и о том, как они применимы к вашему сайту.
Вы можете использовать эти принципы, чтобы ваш веб-дизайнер знал, что он делает. То, что кто-то является хорошим дизайнером, не означает, что он знает, как разрабатывать дизайн для Интернета. И то, что кто-то разрабатывает веб-сайты, не означает, что они знают, как создать сайт, который будет конвертировать.Обратите особое внимание на принципы, представленные в этом посте, и используйте их при необходимости, чтобы убедиться, что ваш дизайнер создает сайт, оптимизированный для получения нужных вам результатов.
Ошибка №1: слишком мелкие шрифты
Первая ошибка, которую делают люди, — это создание сайта со слишком маленькими шрифтами.
Причина этого в том, что в свое время на большинстве веб-сайтов использовались мелкие шрифты. Стандарт был где-то около 12 пикселей (9 пикселей), и почти все следовали этому стандарту.
Но со временем люди начали понимать, что шрифты размером 12 пикселей трудно читать в Интернете. Когда экран находится в 24 дюймах от лица, мелкие шрифты затрудняют чтение.
Люди также начали понимать, что у вас очень ограниченное количество времени, чтобы привлечь внимание посетителей и сообщить им, что они находятся в нужном месте. Одно исследование даже утверждает, что средняя продолжительность концентрации внимания составляет 8 секунд, что на одну секунду меньше, чем средняя продолжительность концентрации внимания золотой рыбки. В аналогичном исследовании говорится, что люди читают только 28% слов на средней веб-странице.
Исследование показало, что средняя продолжительность концентрации внимания людей составляет 8 секунд, что на одну секунду меньше, чем у золотой рыбки. Это вообще возможно? Flickr: фотограф23 , Лицензия Creative Commons
Чтобы сразу привлечь внимание людей, вам необходимо сделать следующее:
1. Составьте отличные заголовки, привлекающие внимание читателей.
2. Напишите интересный контент, который заставит их прочитать более 28% того, что вы написали.
3. Используйте шрифты заголовков, достаточно большие, чтобы привлекать внимание.
4. Убедитесь, что основной шрифт достаточно большой для чтения, чтобы читатели не сдавались, потому что они устали щуриться.
По всем причинам, упомянутым выше, размеры шрифта увеличились за последние несколько лет до такой степени, что многие считают 16 пикселей минимальным размером шрифта, а многие сайты становятся еще больше с минимальным размером 18 пикселей, особенно когда много чтения задействован.
Вот несколько примеров исключительного веб-дизайна с большим размером шрифта:
Vero
• Заголовок: 41 пикс.
• Тело: 18 пикселей
Блог Help Scout
• Вступительный текст: 26 пикселей
• Тело: 19 пикселей
Следует иметь в виду, что цель написания копии — заставить ее прочитать.Когда вы платите писателю хорошие деньги или кропотливо пишете копию веб-сайта самостоятельно, вы должны быть уверены, что ее читают и не скрывает мелкий шрифт, который затрудняет чтение текста.
Также необходимо помнить, что не все шрифты имеют одинаковый размер. Шрифт Arial размером 16 пикселей может быть меньше, чем версия другого шрифта на 16 пикселей. Это то, о чем вам нужно знать при выборе размера шрифта, поэтому вы не выбираете произвольно 19 пикселей, как это сделал другой сайт, только для того, чтобы узнать, что ваша версия 19 пикселей не такая большая.
Имейте в виду, что шрифты нижнего колонтитула могут быть меньшими по размеру, как и подтекст, но если вы написали что-то, что хотите, чтобы люди прочитали, рассмотрите возможность использования шрифта 16 пикселей как минимум . И, если вы не хотите верить мне на слово, Smashing Magazine проповедует то же самое в этой статье: Справочное руководство по типографике в мобильном веб-дизайне.
Совет от профессионалов: Чтобы определить размер шрифта, который вы хотите использовать, в зависимости от веб-сайтов, которые вам нравятся, загрузите расширение WhatFont для Google Chrome.Это плагин Chrome, который позволяет очень легко нажимать на шрифты, чтобы узнать, какой тип и размер шрифта использует веб-сайт.
Ошибка № 2: перемещение ползунков
Я до сих пор не понимаю, почему так много веб-сайтов используют движущиеся ползунки.
Насколько они эффективны? Они обращаются? Являются ли они лучшим способом представить вашу информацию клиентам?
В большинстве случаев это не так.
Еще в 2017 году Пип Лая написал для ConversionXL статью под названием «Не используйте автоматические карусели или слайдеры изображений, игнорируйте причуду».
В статье он цитирует Криса Говарда из WiderFunnel и Тима Эша из SiteTuners, которые говорят следующее:
Мы много раз тестировали ротацию предложений и пришли к выводу, что это плохой способ представления содержания домашней страницы.
— Крис Говард
А…
Вращающиеся баннеры — это абсолютное зло, и их следует немедленно удалить.
-Тим Эш
Лаха также упоминает два более старых исследования, в которых вращающиеся ползунки оказались неэффективными.
Первый был разработан гуру юзабилити Якобом Нильсеном. Он спросил посетителя, есть ли у Siemens какие-либо специальные предложения на стиральные машины на их сайте. Фактически, у них действительно было предложение, написанное шрифтом размером 98 пунктов, в котором говорилось, что клиенты могут получить кэшбэк за новое устройство. К сожалению, пользователь не увидел предложение, потому что оно было замаскировано движущимся слайдером и в итоге было полностью пропущено.
Это указывает на теорию экспертов по конверсии, согласно которой ползунки вызывают слепоту баннеров, как и реклама на боковой панели.Люди привыкли видеть на боковой панели нерелевантную рекламу, поэтому имеют тенденцию игнорировать ее. Этот принцип, кажется, применим и к вращающимся ползункам.
Второе исследование было проведено в Университете Нотр-Дам. Они обнаружили, что только около 1% посетителей нажимали на ползунок, при этом 84% кликов нажимали на элемент на первой позиции.
Короче говоря, мы уже много лет знаем, что эти ползунки просто не работают.
В 2019 году веб-дизайнер Джо Ринальди прокомментировал: «Если вы в настоящее время используете слайдер на своей домашней странице или рассматриваете его для будущего редизайна веб-сайта […], откажитесь от слайдера» и замените его чем-то более эффективным.
Какой смысл в слайдере веб-сайта, если только 1% людей нажимает на элемент, который занимает самую ценную часть вашей домашней страницы, особенно когда 84% этих кликов в любом случае приходится на первый элемент? Зачем раздражать людей движением, за которым сложно уследить? Почему бы не предоставить им один вариант на выбор, поскольку большинство все равно щелкает первый элемент?
Так почему же так много людей используют ползунки, если они кажутся такими неэффективными?
Лучшая теория, которую я могу придумать, заключается в том, что это крутая и высокотехнологичная функция, которую легко реализовать веб-разработчикам.Основываясь на этих двух факторах, владельцы бизнеса говорят: «Эй, я хочу один из этих модных движущихся слайдеров», а веб-дизайнеры подчиняются, потому что они выглядят «круто» и их не так уж сложно сделать.
Но владельцы веб-сайтов должны подумать о том, будут ли они эффективны и будут ли они лучшим способом донести информацию на своем сайте. Пип Лаха, Крис Говард, Тим Эш и многие другие умные специалисты по интернет-маркетингу больше не считают, что дело.
Чтобы решить эту проблему, сначала спросите себя, как лучше всего представить свою информацию, вместо того, чтобы выбирать понравившийся сайт и копировать его дизайн, включая крутой слайдер, который они используют на главной странице.
Я использовал этот подход со своим другом несколько лет назад для веб-сайта, который он создавал для своей репетиторской компании.
Он и его деловой партнер подошли ко мне и сказали: «Привет, мы хотим создать веб-сайт… и мы хотим, чтобы на главной странице был слайдер с этой информацией», а затем он показал мне листовку, которую они раздают в школах для рекламы их обслуживание. Флаер был красивым, невероятно хорошо передавал информацию и, к удивлению, удивлению, не содержал слайдера (эти надоедливые ползунки, похоже, не подходят для мира печатных листовок).
Итак, я предложил: «Почему бы вам просто не продублировать вашу брошюру, которая уже работает, на вашей домашней странице, а затем поместить кнопку контакта вместе с вашим номером телефона и адресом электронной почты под ней». Мы попробовали это, и вот как вышло…
В итоге сайт выглядел великолепно, избегал ужасного слайдера по умолчанию и хорошо конвертировался. Что не нравится?
Когда дело доходит до создания собственного сайта, следуйте этим инструкциям, чтобы получить те же результаты:
1. Не забывайте добавлять слайдер вслепую только потому, что это делают все остальные (даже если ваш дизайнер рекомендует его).
2. Подумайте, как лучше всего представить вашу информацию на вашей домашней странице вместо того, чтобы слепо копировать то, что делают ваши конкуренты.
3. Выберите одно важное предложение для размещения в A-пространстве на вашей домашней странице, и продолжайте. Всегда будут другие вещи, которые вы хотите продвигать, но вы можете сделать это дальше вниз по странице или с помощью кнопки вверху страницы. Выберите одно предложение, сделайте его заметным, а затем не мешайте и пусть ваш сайт заработает.
4. И чтобы по-настоящему остановиться на последнем пункте, подумайте о цели №1, которую вы хотите, чтобы ваш веб-сайт достигал. Сосредоточьтесь на этом, а не на всех остальных призывах к действию.
Опять же, если вы не хотите верить мне на слово, вот несколько статей, которые подтверждают эту точку зрения, вы можете прочитать:
Ошибка № 3: Низкоконтрастные шрифты
Еще одна большая ошибка, которую делают люди, — это использование шрифтов с низкой контрастностью.
Низкая контрастность означает более светлый шрифт на светлом фоне или более темный шрифт на темном фоне.Я не уверен, что это хорошо выглядит в полиграфическом дизайне, но в Интернете это никогда не будет хорошей идеей.
Вы всегда хотите, чтобы содержание вашего веб-сайта было максимально легко читаемым. В упомянутой выше статье Smashing Magazine говорилось, что количество света, проходящего через наши глаза в 40 лет, составляет лишь половину того количества света, которое проходит через наши глаза в 20 лет. К 60 годам оно падает до 20%. , почти 9% американцев имеют слабое зрение.
Имея в виду эту статистику, действительно ли вы хотите, чтобы посетителям было сложнее читать ваш контент, особенно после того, как вы так много заплатили и так много работали, чтобы привлечь их на свой сайт?
Низкая контрастность шрифтов — всегда плохая идея.
Вы можете решить эту проблему, всегда используя высококонтрастные шрифты. Если фон темный, шрифт должен быть светлым, а если фон светлый, шрифт должен быть темным.
На самом деле, я сделаю еще один шаг вперед. Редко бывают случаи, когда вам нужно использовать какие-либо цвета шрифта, кроме черного или белого. Иногда дизайнеры выбирают более светлый серый шрифт на белом фоне или голубой шрифт на темно-синем фоне.
Почему? Это действительно легче читать, или вы просто пытаетесь добавить «визуальной привлекательности»? В книгах не зря используется черный шрифт на белом фоне — их легко читать.Веб-сайтам следовало бы последовать этому примеру.
Вот несколько примеров отличного контраста шрифтов:
Блог Help Scout
Evernote
Это пример хорошего контраста на изображении, что непросто.
Harry’s
Урок, который следует запомнить, заключается в том, что шрифты всегда должны иметь высокий контраст по сравнению с фоном позади них. Если вы находите текст трудным для чтения и чувствуете, что он должен быть более контрастным, не стесняйтесь позвонить своему дизайнеру и сообщить ему.Ваш веб-сайт — это не демонстрация дизайна. Это место для продаж и увеличения конверсии.
Дополнительный совет: Важен не только высокий контраст, но и экономное использование реверсивного шрифта. (Обратный шрифт — белый текст на черном (или цветном) фоне вместо черного текста на белом фоне.)
Фактически, Дэвид Огилви, один из величайших рекламщиков всех времен, сказал, что реклама никогда не должна быть перевернутой. Колин Уилдон, редактор крупнейшего австралийского автомобильного издания, решил проверить эту теорию.Его открытия были поразительными.
Согласно исследованию, ниже приведен список уровней понимания для разных цветов и фонов:
• Черный текст на белом: 70% хорошо, 19% удовлетворительно, 11% плохо
• Белый текст на черном: 0% хорошо, 12% удовлетворительно, 88% плохо
• Белый текст на фиолетовом: 2% хорошо, 16% удовлетворительно, 82% плохо
• Белый текст на синем фоне: 0% хорошо, 4% удовлетворительно, 96% плохо
Разве это не невероятно? Результаты для черного текста на белом фоне по сравнению с белым текстом на цветном фоне почти противоположны!
Выводы:
• Всегда не забывайте использовать высококонтрастные шрифты, но также…
• Экономно используйте реверсивный тип.
Иногда обратный шрифт выглядит хорошо, но он может сильно повлиять на читаемость и сохранность. Таким образом, вы должны использовать его только для тех частей вашего сайта, которые не требуют столько чтения и не так важны. В целом, было бы разумно дважды подумать, прежде чем использовать реверсивный шрифт.
Этот реверсивный шрифт выглядит «круто» на главной странице HubSpot, но он может быть не лучшим для удобочитаемости и понимания, особенно в самом важном месте на всем сайте.
Ошибка №4: неправильная высота строки текста
Высота строки для текста часто упускается из виду. Многие веб-дизайнеры и разработчики выбирают шрифт, размер, произвольно выбирают высоту строки и затем прекращают работу.
Но высота строки оказывает неожиданно значительное влияние на общий дизайн и привлекательность сайта. Выбор неправильной высоты строки может привести к тому, что шрифты будут выглядеть переполненными. Это может испортить весь ваш дизайн.
Хорошая новость в том, что талантливые веб-дизайнеры отлично разбираются в этом и автоматически выбирают для вас подходящую высоту.Плохая новость заключается в том, что некоторые веб-разработчики не обращают внимания на этот дизайн и могут выбрать неправильную высоту строки.
Крис Пирсон из DIYThemes был настолько убежден в этом, что построил калькулятор высоты строки, настроенный на то, что известно как золотое сечение. Вот определение золотого сечения в Google:
.
Более простое определение: золотое сечение — это пропорция, которая считается эстетически приятной. Не утомляя вас подробностями, Крис Пирсон использовал это соотношение для создания калькулятора, который сочетает размер шрифта и ширину содержимого, чтобы найти идеальную высоту строки.Хорошая новость в том, что с калькулятором это очень легко сделать. Вы просто указываете размер шрифта и ширину содержимого, и калькулятор подскажет, какой должна быть высота строки.
Возможно, вы этого не осознавали, но есть причина, по которой одни дизайны и сочетания шрифтов более приятны, чем другие. Великие дизайнеры знают, как достичь золотого сечения самостоятельно, но калькулятор Криса Пирсона позволяет всем остальным сделать то же самое.
Ошибка № 5: слишком длинная строка
Еще одна ошибка, которую вы можете сделать, — это создание слишком длинных строк текста.
Итак, какова оптимальная длина строки?
Институт Баймара опубликовал статью, в которой говорится, что лучше всего от 50 до 60 символов в строке, при этом допускается до 75 символов.
Причина, по которой длина строки так важна, заключается в том, что длинные строки текста пугают читать в Интернете. Если длина строки слишком длинная, некоторые люди не начнут читать, потому что это не очень удобно для чтения.
С другой стороны, если длина строки слишком мала, читателям приходится часто начинать и останавливать строки, что раздражает.
Эта проблема усугубляется популярностью адаптивного дизайна . Если вы не установите максимальную ширину для раздела с контентом, у вас нет возможности узнать, какой длины будет длина строки для вашего блога или любого другого фрагмента текста, поскольку размеры экрана сильно различаются.
В то время, когда была написана упомянутая статья, Институт Баймарда решил эту проблему, установив максимальную ширину для своего текста в 516 пикселей, что оставляет в среднем 65 символов на строку при размере шрифта 18 пикселей.Это создает отличные впечатления от чтения, как вы можете видеть на изображении ниже.
Опять же, это деталь дизайна, на которую не все дизайнеры будут обращать внимание, но теперь, когда вы знаете, что длинные строки текста пугают читать, вы можете дать своему дизайнеру и разработчику указание убедиться, что вы обеспечиваете оптимальное взаимодействие с пользователем. читатели.
Ошибка № 6: Отсутствие акцента для призыва к действию
Следующий грех веб-дизайна — отсутствие акцентного цвета.Вот что я имею в виду:
Умные интернет-маркетологи знают, что вам нужен хороший акцентный цвет, чтобы привлечь внимание к ключевым призывам к действию. Если вы просите кого-то «Купить сейчас» или «Начать бесплатную пробную версию», убедитесь, что вы используете цвет кнопки, который привлечет внимание людей, чтобы они щелкнули и предприняли нужное вам действие.
Это кажется достаточно простым, но я видел несколько случаев, когда дизайнеры не оставляли акцентного цвета для наиболее важных призывов к действию.Вместо этого они выбрали цвет, который уже использовался на сайте для чего-то еще. Это плохая идея.
Вот несколько практических правил выбора цвета акцента:
1. Он должен быть достаточно ярким, чтобы привлекать внимание к тому, на что вы пытаетесь привлечь внимание.
2. Он должен дополнять другие цвета на вашем веб-сайте, чтобы не конфликтовать.
3. Он должен выделяться на любом фоне. Это означает, что синяя кнопка на синем фоне, вероятно, не лучшая идея.
4. Его нужно зарезервировать для ключевых призывов к действию, чтобы не допустить чрезмерного использования на сайте.
В приведенном ниже примере вы заметите, что кнопка CTA ярко-оранжевого цвета. Это поможет ему выделиться на белом фоне. Кроме того, оранжевый больше нигде в дизайне не используется (за исключением всплеска в логотипе, который достаточно мал, чтобы не привлекать внимания). Вы можете просмотреть здесь всю страницу, если хотите.
Ошибка № 7: Общие нарушения принципа проектирования
Последняя смертельная ошибка — это несоблюдение общих принципов дизайна, о которых Стив Круг говорит в своей книге «Не заставляйте меня думать».
Он подчеркивает, что посетители веб-сайтов привыкли находить определенные функции в определенных местах. Например, они привыкли находить логотипы и слоганы в верхнем левом углу страницы, а меню — в правом верхнем углу. Они также привыкли находить страницу «О нас» и страницу «Контакты», если хотят узнать больше об организации или связаться с ней.
Это означает, что включить эти функции на свой сайт — это хорошая идея, и вам следует дважды подумать, прежде чем нарушать общие принципы дизайна. Возможно, вам кажется, что это очевидно, но не всегда.
Например, некоторые владельцы веб-сайтов решают проявить супер-креатив и придумывают другой способ отображения меню. Вместо того, чтобы находиться наверху, где обычно находится, он включен в ветви дерева, встроенные в фоновый дизайн (или какой-либо другой творческий способ включения меню, отличный от стандартного).
Иногда эти сумасшедшие новые подходы работают, но часто нет. В большинстве случаев гораздо лучше следовать общим принципам дизайна (чтобы не запутать посетителей), чем придумывать новый безумный макет, который может быть креативным, но не интуитивно понятным.
Заключение
Надеюсь, вы многое узнали, прочитав об этих семи смертных грехах веб-дизайна. Большинство из них кажутся здравыми, но все они ломаются чаще, чем вы думаете.
Теперь, когда вы знакомы с этими принципами, обратите внимание на веб-сайты, с которыми вы сталкиваетесь, и посмотрите, сколько их соблюдают эти правила. Я уверен, что вы начнете понимать, насколько важны эти правила, и это еще раз подтвердит, почему их важно соблюдать.
Обращаюсь к вам: Пропустил ли я какие-нибудь смертельные грехи веб-дизайна, которые вы часто видите совершенными в Интернете?
Об авторе: Джо Патнэм — основатель ConversionEngine, агентства, которое объединяет CRO с PPC, чтобы помочь предприятиям проводить прибыльные платные рекламные кампании.Он помог организациям в 10 раз увеличить SEO-трафик, вдвое снизить стоимость приобретения и в 20 раз увеличить количество потенциальных клиентов из Google Рекламы. Посетите сейчас, чтобы узнать больше.
Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт
• SEO — разблокируйте огромное количество SEO-трафика.