Цвет текста на черном фоне
Подскажите пожалуйста, какой цвет выбрать для текста статей, если фон — черный Цвета используемые на сайте — черный, золотой, белый.
На сайте с 24.04.2009
5 июня 2012, 10:26
Самый достойный вариант — белый. Но не абсолютно белый, а слегка сероватый (хотя бы #fdfdfd). Поэкспериментируйте с оттенком серого. Абсолютно белый текст #ffffff на черном фоне будет очень ярким и тексты будет очень тяжело читать, глаза будут уставать и т.п. Кроме того, на черном фоне текст должен быть разреженным, т.е. достаточно большие отступы, интервалы между словами, буквами, чтобы информация хорошо воспринималась.
Экспертная оценка юзабилити сайтов. Рекомендации по повышению конверсии. ICQ: 474541484 | Email: apioz@mail.ru (mailto:apioz@mail.ru)
как делать надписи на фото белым цветом на черном фоне. Пример фото прилагаю снизу
Как вариант можно в paint’е сделать чёрный вытянутый прямоугольник и вставить в него текст белого цвета. Затем всё это переместить уже на картинку.
А чтоб сразу так было, нужно поискать какой-нибудь редактор с такой фишкой.
Smart BotМастер (1826) 6 лет назад
Печально! Взрослый человек, а Пэйнтом пользоваться не умеете . Сочувствую!
Yegor Thunder Знаток (361) Что тебе печально? Себе посочувствуй! Вопрос о том, как сделать подобное, что на картинке, не я задавал. Меня такое творчество не интересует. А то, что мне нужно, я делать умею.
Jungen WerthersУченик (246) 6 лет назад
Как у тебя всё запущенно то.
Yegor Thunder Знаток (361) Что именно запущено? Вопрос о том, как сделать подобное, что на картинке, не я задавал. Меня такое творчество не интересует. А то, что мне нужно, я делать умею. Иди нахер, умник!
Ты наверное удивишься, но написать. Кстати делается это в любом фото редакторе, даже в Paint, который уже установлен в твоей ОС.
Мария СтепаненкоУченик (103) 6 лет назад
Да знаю я но мне бы хотелось такой же шрифт
Sanek841 Просветленный (47996) Да это самый простой, он у тебя наверняка по умолчанию уже установлен. Зайди в Панель управления\Оформление и персонализация\Шрифты и глянь сколько у тебя там всего. В паинте подложку только черную не забудь подложить по текст
самое простое это делать в том же приложении что сделан и образец
Во всех общеобразовательных школах в 8 или в 9 классе на уроках информатике проходят Paint в котором это за 10 секунд делается. А Paint это стандартная софтина операционной системы Windows, которая есть во всех форточках. Ты в школе не училась?
Yegor ThunderЗнаток (361) 6 лет назад
Похлопаем тебе в ладошки, великий учитель!
Меня такое не интересует (вставлять белый текст на чёрном фоне), вот и не вспомнил, не додумал сразу.
А ты попроще разговаривай! Ты, видимо, каждый день по таким темам задр*чиваешься: вот и решил вы*бнуться.
Smart Bot Мастер (1826) А то, каждый день, то в школе, то на курсах, везде приходится разные редакторы юзать, а вот у тя с этим походу проблемы .
Мария СтепаненкоУченик (103) 6 лет назад
Я прекрасно шарю в пеинте ибо мама у меня учитель информатики. Но если я не пользовалась долго пеинтом то я могла и забить что там можно это сделать я думала что это какой-то фоторедактор так что не надо обсирать пожалуйста. Я же не целыми сутками сижу в ремонте чтоб все знать а пользуюсь только тем что мне надо в повседневной жизни. А так как раньше мне не надобно было делать такие надписи то я и не запоминала. И я не считаю что нужно съедать человека за то что он чего-то не знает ты тоже можешь чего-то не знать.
Мария Степаненко Ученик (103) Простите за Т9
Алина КонстантинопольскаяУченик (97) 5 лет назад
А ты, я так понимаю, ещё в школе учишся? Я вот, например, думала, что есть программа на телефоне для таких вещей
Как написать текст на черном фоне
Ежедневно мы скролим километры лент в соцсетях и видим тысячи публикаций. При такой информационной насыщенности у мозга есть всего доля секунды, чтобы оценить степень важности или интересности каждого нового поста.
Если текст на анонсе будет подан хаотично и неаккуратно, на него не кликнут — и важную ссылку пропустят. Графика с текстом требует максимальной простоты, легкости и чистоты — только так она сработает вам на руку.
Чтобы текст на иллюстрации был читабельным, следуйте этим 10 рекомендациям.
Примеры графики сделаны на графическом онлайн-редактор Crello.
Настройте фон
Очень сложно считать тонкую надпись на пестром фоне — она в нем растворится. Шрифт на пару тонов темнее/светлее фона тоже будет неразличим — буквы сольются с фоновыми фрагментами своего цвета, и получится каша.
Если цвет шрифта менять не хочется, поработайте с контрастностью фона:
- Затемните или осветлите многоцветную картинку.
- Используйте цветной или градиентный фильтр.
- Размойте фон, чтобы сделать его менее интенсивным.
Не бойтесь остаться без картинки в подложке. Текст на однотонном фоне воспринимается лучше, чем на пестром взрыве.
Делайте плашки
Если правильного фона нет, а менять фотографию не хочется, добавьте контрастную плашку и поставьте текст на нее.
Плашка может быть строгой геометрической формы или «пятном», ее можно сделать общей на весь блок, под каждую строку или даже под каждое слово.
Необязательно делать плашку непрозрачной. Даже небольшая контрастность отделит текстовую область от фотографии и кардинально повысит читабельность.
Интегрируйте текст в дизайн
Текст, который становится частью дизайна, воспринимается даже лучше самостоятельного. Чтобы органично вписать слова в графическую композицию, нужно экспериментировать. Хотите ускорить процесс — возьмите шаблон и настройте его.
Если текст плохо смотрится на фоне в том объеме, в котором вы думали изначально, разбейте его на фрагменты и распределите по контрастным фонам внутри картинки. Так вы убьете двух зайцев — сделаете слова частью визуальной истории и решите вопрос с контрастным фоном.
Отдельные буквы и слова можно использовать в роли полноправных элементов, но важно, чтобы это было естественно.
Уважайте цветовые сочетания
Мышино-серые слова плохо читаются, а зеленая надпись на красном выглядит так, будто хочет вас убить. Белый на черном и наоборот — суперчитабельно, но смертельно скучно.
Чтобы глазу было приятнее, берите не черный, а темно-серый, и не белый, а алебастровый. Ориентируйтесь на собственные эстетические ощущения — если цветовое сочетание режет глаз, хладнокровно отбросьте вариант. Понять, какие оттенки хорошо смотрятся вместе, помогут сервисы вроде Coolors, Paletton и Adobe Color CC. Там легко собрать свою палитру или взять уже готовые.
Используйте в графической иллюстрации несколько цветов, но во всей композиции должно быть не больше 3-4 ключевых оттенков. Правильные цветовые сочетания упростят восприятие, но очень важно соблюдать баланс.
Повторяйте элементы
Любое ненавязчивое повторение — оттенков, элементов, стилей шрифта — помогает графике смотреться собрано и целостно. Так в иллюстрации появляется ритм, как в стихотворении.
Для шрифта лучше всего использовать один из цветов, который встречается в фотографии на фоне. Так появляется эмоциональная связь между текстом и фото.
Настраивайте шрифты
Как и цвет, шрифт создает атмосферу — игривую или сдержанную, простую или вычурную, деловую или интимную.
Подбирайте шрифт с учетом того, какую тональность несет ваше сообщение: тонкий строгий для деловых сообщений, крупный геометрический для активных фраз и витиеватый для нежно-эмоциональных.
Размер шрифта тоже помогает влиять на восприятие. Основную смысловую часть можно набрать прописными буквами, а вспомогательную — строчными, так легко расставлять акценты. Но и строчные могут привлекать внимание, если набрать их шрифтом, который выделяется.
Внимательно подбирайте расстояние
В зависимости от шрифта, расстояние между буквами и строками может быть разным. Обычно шрифты по умолчанию собраны с хорошими интервалами, но иногда расстояния нужно настраивать. Например, когда текст не помещается на фон, «висит» строка или при увеличении букв расстояние получается слишком большим.
Когда буквы слипаются или сильно разделены, это бьет по восприятию. В первом случае фразу сложно прочитать, во втором — создается неприятное ощущение разорванности. Настройте текст так, чтобы он выглядел аккуратно.
В случае с крупными надписями, возможно, придется вручную двигать буквы, а с мелкими достаточно просто внимательно подогнать общий размер. Будьте аккуратны — в случае с мелким шрифтом очень легко нарушить баланс, и любое изменение может закончиться провалом.
Создать открытку или текст на изображении онлайн
Онлайн-сервис для создания изображений с текстом. Просто выберите своё изображение (кнопка «Закачать изображение»), задайте тип, размеры, цвет шрифта, прозрачность и цвет подложки и введите фразу или цитату. После нажания кнопки «Сохранить» готовое изображение с текстом будет сгенерировано в вашем браузере и может быть скачано, либо отправлено на наш сайт для публикации.
Также попробуйте наш онлайн-сервис для создания мотиваторов.