Содержание
Фон под надпись — 71 фото
1
Фигурная табличка для надписи
2
Красивый фон для текста
3
Фон свиток
4
Фотофон с цветами
5
Красивый фон для надписи
6
Красивый фон для надписи
7
Ленточка для надписи
8
Ленточка для надписи
9
Рамка для надписи
10
Золотая табличка для надписей
11
Плашка для надписи
12
Фон для открытки
13
Красивые этикетки
14
Фон для объявления
15
Свиток горизонтальный
16
Старинная лента для надписи
17
Золотая табличка
18
Золотой фон
19
Ленточка для надписи
20
Фон под старину
21
Фон для текста
22
Табличка для надписи
23
Винтажная рамка
24
Красивая табличка для надписи
25
Рамка для надписи
26
Белая лента для надписи
27
Рамка для надписи
28
Винтажные этикетки
29
Табличка металлическая
30
Фон для текста
31
Фон для поздравительной открытки
32
Рамочка для надписи
33
Табличка для надписи
34
Свиток горизонтальный
35
Красивая табличка для надписи
36
Рамка для надписи
37
Лента для подписи
38
Ленточка для надписи
39
Рамка для текста
40
Винтажные рамки
41
Фон для надписи
42
Красивая лента для надписи
43
Свитки для надписи
44
Золотая ленточка
45
Красивая рамка для надписи
46
Рамка для надписи
47
Старинный фон для фотошопа
48
Бумага Папирусная
49
Свиток лента
50
Винтажные элементы
51
Ленточка для надписи
52
Подложка для надписи
53
Красивый фон для текста
54
Деревянная дощечка для надписи
55
Подложка под надпись
56
Рамка для заголовка красивая
57
Рамка для вывески
58
Красивый фон для надписи
59
Красивый фон для надписи
60
Золотая табличка
61
Лента для надписи
62
Рамочки для цитат
63
Рамочка для надписи
64
Фон для надписи
65
Рамка для надписи
66
Золотая лента
67
Табличка для надписи
68
Красивая табличка для надписи
69
Подложка для заголовка
70
10 способов по повышению читабельности текста на картинке
222488 304 1
| Контент-маркетинг | – Читать 8 минут |
Прочитать позже
Иллюстрация: Мария Марикуца
Евгения Дычко
Продакт-маркетинг менеджер Crello с 6-летним опытом в диджитал маркетинге, копирайтинге и PR.
Ежедневно мы скролим километры лент в соцсетях и видим тысячи публикаций. При такой информационной насыщенности у мозга есть всего доля секунды, чтобы оценить степень важности или интересности каждого нового поста.
Если текст на анонсе будет подан хаотично и неаккуратно, на него не кликнут — и важную ссылку пропустят. Графика с текстом требует максимальной простоты, легкости и чистоты — только так она сработает вам на руку.
Чтобы текст на иллюстрации был читабельным, следуйте этим 10 рекомендациям.
Примеры графики сделаны на графическом онлайн-редактор Crello.
#1
Настройте фон
Очень сложно считать тонкую надпись на пестром фоне — она в нем растворится. Шрифт на пару тонов темнее/светлее фона тоже будет неразличим — буквы сольются с фоновыми фрагментами своего цвета, и получится каша.
Если цвет шрифта менять не хочется, поработайте с контрастностью фона:
- Затемните или осветлите многоцветную картинку.
- Используйте цветной или градиентный фильтр.
- Размойте фон, чтобы сделать его менее интенсивным.
Читатель не должен всматриваться и расшифровывать надпись на анонсе, у него нет времени играть в угадалки. Информацию нужно донести с первого взгляда. Если ради этого нужно пожертвовать «красотой» и убрать фон, жертвуйте.
Не бойтесь остаться без картинки в подложке. Текст на однотонном фоне воспринимается лучше, чем на пестром взрыве.
#2
Делайте плашки
Если правильного фона нет, а менять фотографию не хочется, добавьте контрастную плашку и поставьте текст на нее.
Плашка может быть строгой геометрической формы или «пятном», ее можно сделать общей на весь блок, под каждую строку или даже под каждое слово.
Необязательно делать плашку непрозрачной. Даже небольшая контрастность отделит текстовую область от фотографии и кардинально повысит читабельность.
#3
Интегрируйте текст в дизайн
Текст, который становится частью дизайна, воспринимается даже лучше самостоятельного.
Чтобы органично вписать слова в графическую композицию, нужно экспериментировать. Хотите ускорить процесс — возьмите шаблон и настройте его.
Если текст плохо смотрится на фоне в том объеме, в котором вы думали изначально, разбейте его на фрагменты и распределите по контрастным фонам внутри картинки. Так вы убьете двух зайцев — сделаете слова частью визуальной истории и решите вопрос с контрастным фоном.
Отдельные буквы и слова можно использовать в роли полноправных элементов, но важно, чтобы это было естественно.
#4
Уважайте цветовые сочетания
Мышино-серые слова плохо читаются, а зеленая надпись на красном выглядит так, будто хочет вас убить. Белый на черном и наоборот — суперчитабельно, но смертельно скучно.
Чтобы глазу было приятнее, берите не черный, а темно-серый, и не белый, а алебастровый. Ориентируйтесь на собственные эстетические ощущения — если цветовое сочетание режет глаз, хладнокровно отбросьте вариант. Понять, какие оттенки хорошо смотрятся вместе, помогут сервисы вроде Coolors, Paletton и Adobe Color CC.
Там легко собрать свою палитру или взять уже готовые.
Используйте в графической иллюстрации несколько цветов, но во всей композиции должно быть не больше 3-4 ключевых оттенков. Правильные цветовые сочетания упростят восприятие, но очень важно соблюдать баланс.
#5
Повторяйте элементы
Любое ненавязчивое повторение — оттенков, элементов, стилей шрифта — помогает графике смотреться собрано и целостно. Так в иллюстрации появляется ритм, как в стихотворении.
Для шрифта лучше всего использовать один из цветов, который встречается в фотографии на фоне. Так появляется эмоциональная связь между текстом и фото.
#6
Настраивайте шрифты
Как и цвет, шрифт создает атмосферу — игривую или сдержанную, простую или вычурную, деловую или интимную.
Подбирайте шрифт с учетом того, какую тональность несет ваше сообщение: тонкий строгий для деловых сообщений, крупный геометрический для активных фраз и витиеватый для нежно-эмоциональных.
Размер шрифта тоже помогает влиять на восприятие. Основную смысловую часть можно набрать прописными буквами, а вспомогательную — строчными, так легко расставлять акценты. Но и строчные могут привлекать внимание, если набрать их шрифтом, который выделяется.
#7
Внимательно подбирайте расстояние
В зависимости от шрифта, расстояние между буквами и строками может быть разным. Обычно шрифты по умолчанию собраны с хорошими интервалами, но иногда расстояния нужно настраивать. Например, когда текст не помещается на фон, «висит» строка или при увеличении букв расстояние получается слишком большим.
Когда буквы слипаются или сильно разделены, это бьет по восприятию. В первом случае фразу сложно прочитать, во втором — создается неприятное ощущение разорванности. Настройте текст так, чтобы он выглядел аккуратно.
В случае с крупными надписями, возможно, придется вручную двигать буквы, а с мелкими достаточно просто внимательно подогнать общий размер.
Будьте аккуратны — в случае с мелким шрифтом очень легко нарушить баланс, и любое изменение может закончиться провалом.
#8
Помните об иерархии
Ключевой заголовок, объясняющий подзаголовок и детализирующий основной текст — эта иерархия работает как в крупных формах, так и в тексте маленького объема на иллюстрации.
Текст, разбитый таким образом, проще сканировать взглядом — время на оценку содержания сокращается, и читатель подсознательно вам благодарен. Кусок однотипного текста одинакового шрифта требует больше времени для анализа, и это очень раздражает.
#9
Контраст, но не конфликт
Цвет или подложка — далеко не единственный способ выделить слово. Можно использовать несколько шрифтов в одной надписи, создавая контраст и приятное напряжение. Хорошо объединяются шрифты с засечками и без. Но не увлекайтесь — баланс и сочетаемость должны быть на первом месте.
Не всегда то, что выделено крупными буквами и болдом, доминирует — внимание всегда привлекает «инородный» элемент.
В окружении тяжелых букв крупного размера несколько тонких слов будут перетягивать взгляд на себя. Это тоже контраст.
Не допускайте конфликта. У контрастных элементов должно быть что-то общее — то, что их гармонизирует.
#10
Группируйте текст
Не размещайте на иллюстрации много мелкого текста вместе с изображениями. Исключения составляют важные сообщения и цитаты, но в таком случае текст должен занимать 80-90% пространства.
Соберите текст в целостный блок и разместите его на иллюстрации по композиционному «правилу третей». Даже если каждая из строк занимает свою плашку или у вас несколько смысловых акцентов — все они должны соединиться в одно компактное целое.
Выравнивание по центру или по одной из сторон поможет справиться с текстовым фрагментом на несколько строк — сделает его аккуратнее. Растягивание большого текста по длине строки не даст ничего, кроме залысин внутри.
Хороший дизайн смягчит простоватый текст, а вот плохой может заглушить даже гениальную мысль.
Чтобы подать текст на картинке максимально выгодно, следуйте следующим правилам:
Текст должен легко читаться, для этого делайте достаточно контрастный и размытый фон.
Если не хочется затемнять фон, добавьте под текст плашку
Вписывайте текст в шаблон. Используйте детали дизайна, чтобы сделать акцент на отдельных словах
Аккуратно подбирайте цветовые сочетания с помощью Coolors, Paletton
Повторение элементов делает дизайн целостным и эстетически привлекательным
Подбирайте шрифт под тему и настроение сообщения
Настройте баланс расстояния между буквами и словами
Соблюдайте иерархию в размерах: чем крупнее кегль, тем больше значимость этого текста
Добавляйте контраста с помощью разных шрифтов и элементов дизайна
Сгруппируйте текст на картинке: либо по центру, либо следуя правилу третей
Serpstat — набор инструментов для поискового маркетинга!
Находите ключевые фразы и площадки для обратных ссылок, анализируйте SEO-стратегии конкурентов, ежедневно отслеживайте позиции в выдаче, исправляйте SEO-ошибки и управляйте SEO-командами.
Набор инструментов для экономии времени на выполнение SEO-задач.
7 дней бесплатно
Оцените статью по 5-бальной шкале
4.6 из 5 на основе 672 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.
Используйте лучшие SEO инструменты
Инструмент анализа текста
Улучшайте ваш контент с помощью мощного инструмента анализа текста
Тренды ключевых слов
Узнайте популярные тренды ключевых запросов для эффективной работы с контентом
Возможности Serpstat
Возможности Serpstat – комплексное решение для эффективного продвижения вебсайтов
ИИ инструменты для контента
ИИ инструменты для контента – повышайте качество и скорость работы с текстом
Рекомендуемые статьи
SEO +1
Анастасия Сотула
60+ бесплатных площадок для размещения
Контент-маркетинг
Анастасия Никитина
Как писать статьи на английском, чтобы их опубликовали зарубежные СМИ
Обновления Serpstat +2
Yuliia Zadachenkova
Эти 2 инструмента прокачают вашу семантику: «Поисковые подсказки» и «Похожие фразы»
Кейсы, лайфхаки, исследования и полезные статьи
Не успеваешь следить за новостями? Не беда! Наш любимый редактор подберет материалы, которые точно помогут в работе.
Только полезные статьи, реальные кейсы и новости Serpstat раз в неделю. Присоединяйся к уютному комьюнити 🙂
Нажимая кнопку, ты соглашаешься с нашей политикой конфиденциальности.
Поделитесь статьей с вашими друзьями
Вы уверены?
Спасибо, мы сохранили ваши новые настройки рассылок.
Сообщить об ошибке
Отменить
Мотивация, надпись, рамка, HD обои
мотивация, надпись, рамка, HD обои
Теги:
- мотивация
- надпись
- рама
- HD обои
- скачать бесплатно
Выберите разрешение и загрузите эти обои
iMac:
iMac 21,5″ со светодиодной подсветкой:
1920×1080
iMac 21,5″ Retina 4K:
4096×2304
iMac 27 дюймов Retina 5K:
5120×2880
MacBook:
MacBook Air 11,6″:
1366×768
MacBook Air 13″, MacBook Pro 15,4″:
1440×900
MacBook Pro 13,3″:
1280×800
MacBook Pro 15,4 дюйма Retina:
2880×1800
Макбук Про 16″:
3072×1920
MacBook Pro 17″:
1920×1200
MacBook Pro 13,3 дюйма Retina, MacBook Air 13 дюймов Retina, MacBook Air 13,3 дюйма (2020 г.
, M1):
2560×1600
Двойной монитор:
- 2732×768
- 3840×1080
- 2880×900
- 3200×900
- 2560×800
- 2048×768
- 3440×1440
- 2560×1080
Тройной монитор:
- 4098×768
- 5760×1080
- 4320×900
- 4800×900
- 3840×800
- 3072×768
Четыре монитора:
- 2732×1536
- 3840×2160
- 2880×1800
- 3200×1800
- 2560×1600
- 2048×1536
iPhone:
iPhone 2G, iPhone 3G, iPhone 3GS:
320×480
iPhone 4, iPhone 4s:
640×960
iPhone 5, iPhone 5s , iPhone 5c, iPhone SE:
640×1136
iPhone 6 , iPhone 6s, iPhone 7, iPhone 8:
750×1334
iPhone 6 plus, iPhone 6s plus, iPhone 7 plus, iPhone 8 plus:
1242×2208
iPhone X, iPhone Xs, iPhone 11 Pro:
1125×2436
iPhone Xs Max, iPhone 11 Pro Max:
1242×2688
iPhone Xr, iPhone 11:
8 28×1792
iPhone 12 mini, iPhone 13 mini:
1080×2340
iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, iPhone 14:
1170×2532
iPhone 12 Pro Max, iPhone 13 Pro Max, iPhone 14 Plus:
1284×2778
iPhone 14 Pro:
1179×2556
iPhone 14 Pro Max:
1290×2796
Телефон Android:
- 720×1280
- 1080×1920
- 480×854
- 480×800
- 540×960
- 600×1024
- 800×1280
- 1440×2560
- 320×480
- 1080×1812
- 1080×1800
- 720×1208
- 375×667
- 320×568
- 1440×2960
- 1080×2160
iPad и iPad mini:
iPad, iPad 2, iPad Mini:
768×1024, 1024×768
iPad 3, iPad 4, iPad Air, iPad Air 2, 2017 iPad, iPad Mini 2, iPad Mini 3, iPad Mini 4, iPad Pro 9,7 дюйма:
2048×1536, 1536×2048
10,5-дюймовый iPad Pro:
2224×1668, 1668×2224
11-дюймовый iPad Pro:
2388×1668 , 1668×2388
12,9-дюймовый iPad Pro:
2732×2048, 2048×2732
10,9-дюймовый iPad Air:
2360×1640 , 1640×2360
10,2-дюймовый iPad:
2160×1620, 1620×2160
8,3-дюймовый iPad mini:
2266×1488, 1488×2266
Планшеты Android:
- 2736×1824
- 2048×1536
- 1024×600
- 1600×1200
- 2160×1440
- 1824×2736
- 1536×2048
- 600×1024
- 1200×1600
- 1440×2160
фраза
слова
вдохновение
текст
цитировать
жизнь
кавычки
слово
действие
время
мотивационный
положительный
макбук
org/ImageGallery» align=»middle»>надпись, мотивация, фраза, рамка, слова, HD обои для рабочего стола
цитата, надпись, мотивация, вдохновение, текст, слова, HD обои
мотивация, слова, надпись, текст, HD обои
думать, мотивация, слово, надпись, минимализм, HD обои
не уходи, мотивация, надпись, слова, HD обои
мотивация, слова, надпись, macbook, клавиатура, HD обои
org/ImageObject»>3926x5886px
мотивация, надпись, кубок, HD обои для рабочего стола
глаза, надпись, мотивация, фраза, HD обои
мотивация, терпение, надпись, слова, фраза, HD обои
Фокус, мотивационная цитата, мотивация, HD обои
мотивация, фраза, надпись, рамка, стул, HD обои
Мотивационная цитата, слова, текст, вдохновение, мотивация, надпись, вдохновляющие, синие, HD обои на телефон
надпись, мотивация, вдохновение, пессимизм, оптимизм, HD обои
org/ImageObject»>1920x1200px
Цитаты с мотивацией, типографика, цитаты, надписи, вдохновение, HD обои
мотивация, время, фраза, надпись, слова, HD обои
блокнот, надпись, заметки, мотивация, HD обои
Сила, мотивация в тренажерном зале, мотивация, успех, цитата, HD обои для рабочего стола
мотивация, стимул, фраза, текст, надпись, HD обои
надпись, мотивация, чтение, книги, библиотека, HD обои
org/ImageObject»>6000x4000px
мотивация, фраза, блокнот, слова, надпись, HD обои
мотивация, сила, терпение, надпись, фраза, HD обои
конец, начало, надпись, мотивация, HD обои
сильный, надпись, туман, мотивация, вдохновение, HD обои для рабочего стола
мотивация, действие, вдохновение, мысли, цитата, надпись, HD обои
надпись, мотивация, рука, документ, обложка, HD обои
позитив, надпись, мотивация, HD обои
org/ImageObject»>6000x4000px
мотивация, надпись, кнопка, текст, HD обои
мотивация, ложь, самообман, надпись, глюк, HD обои
надпись, сейчас, настоящее, мотивация, вдохновение, движение, HD обои для рабочего стола
мотивация, время, ожидание, надпись, фраза, HD обои
Мотивационный, черный iphone, iphone, просто, мотивация, мотивационный, никогда не сдавайся, HD обои
мотивация, текст, надпись, надписи, HD обои
org/ImageObject»>3000x4498px
Мотивационная простая надпись против сомнений, HD обои для телефона
текст, надпись, мотивация, слова, HD обои
Мотивация к тренировкам, мотивация к фитнесу, тренировка в тренажерном зале, HD обои для телефона
Мотивационная цитата, дизайн логотипа, мотивация, телефон, цитаты, просто, HD обои
блокнот, надпись, красный, фраза, мотивация, HD обои
надпись, неон, мотивация, действие, HD обои
org/ImageObject»>1620x2880px
Believe, YUGA, вдохновляющие, мотивация, мотивационные, мотивационные цитаты, цитата, цитаты, типография, искусство слова, HD обои для телефона
надпись, мотивация, вид, фраза, слова, HD обои
Деньги, мотивация, время, HD обои
надпись, мотивация, стимул, саморазвитие, HD обои
жизнь, смысл, мотивация, фраза, надпись, HD обои
Мотивация, армия, мотивация, HD обои
org/ImageObject»>5174x7761px
мотивация, надпись, тарелка, цветы, розы, HD обои для рабочего стола
мечта, мотивация, надпись, фраза, HD обои
мотивация, надпись, macbook, HD обои
Мотивация, учеба, фон, последовательный, мотивационный, HD обои
огонь, мотивация, вдохновение, надпись, HD обои
мотивация, действие, звонок, цитата, надпись, HD обои
надпись, асфальт, мотивация, стрела, HD обои для рабочего стола
org/ImageObject»>3240x5760px
мотивация, жизнь, путь, цитата, надпись, HD обои
Мотив, мотивация, много работать, мотивация, HD обои
мотивация, фраза, слово, надпись, HD обои
лицо, надпись, сильный, мотивация, текст, темный, HD обои
Мотивация, успех, мотивация, HD обои
доброта, надпись, мотивация, фраза, HD обои для рабочего стола
путешествия, мотивация, надпись, HD обои
org/ImageObject»>5200x5200px
работа, мотивация, вдохновение, надпись, HD обои
мотивация, фраза, сердце, надпись, HD обои
мотивация, позитив, слова, надпись, HD обои
ГОВОРЯТ, мотивировать, HD обои на телефон
мотивация, надпись, фраза, HD обои
мотивация, позитив, надпись, улыбки, настроение, HD обои для рабочего стола
счастливый, мотивация, настроение, надпись, фраза, HD обои
