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

Содержание

Тексты для сайта дизайн-студии: методы оформления, верстки, содержания

Евгения Черешкова, автор, редактор, SEO-копирайтер

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

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

Ошибка большинства сайтов

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

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

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

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

Если у вас есть сайт, зайдите на страницу «О нас». Насколько ваш текст похож на абзац из примера?

То есть текст не играет никакой роли?

И да, и нет.

Как пользователь читает статью

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

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

подзаголовки,
иллюстрации,
видео,
таблицы и списки,
выноски на полях,
выделенные цветом блоки

и другие инструменты.

Текст интересен в последнюю очередь

Если перед читателем много букв, его мозг сразу подает сигнал, что здесь скучно. Максимум, глаз пробежится по первым словам абзацев. И если будет уж очень интересно, то может быть, пользователь дочитает до конца. Но ему будет трудно.

Помогайте пользователю читать

Начните с цели

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

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

Рассказывайте о том, что интересно вашей аудитории

Далее подумайте, какую пользу принесет ваша статья. На какой вопрос читателя она ответит? Распространенная ошибка — писать обо всем в одной статье.

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

Правило: 1 статья = 1 тема

Продумайте структуру

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

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

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

Помните: картинка важнее текста

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

*Пример интерьера из портфолио студии E2Art

99% дизайнеров показывают клиенту 3D-визуализацию, эскизы от руки или коллажи, потому что на пальцах довольно трудно объяснить цвет, фактуру и расстановку акцентов в будущем интерьере. Со статьями то же самое. О чем бы вы ни писали, в первую очередь пользователь обратит внимание на картинки.

Есть два способа сделать хорошую статью:

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

Каким путем идти, каждый выбирает для себя.

Визуальной опорой становятся не только фотографии интерьеров, но также:

инфографика,
видео,
выделенные блоки: текст в рамке, на фоне,
эмодзи (если настроение текста позволяет).

Акцентом становится и текстовый контент:

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

Привлекает внимание все, что по ритму отличается от монотонного текста.

Но, как и в композиции интерьера важно не перестараться.

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

Воспринимайте статью как композицию:

— расставляйте визуальные акценты,

— акцентов должно быть в меру: не больше двух на один экран,

— каждый акцент должен нести информацию,

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

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

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

Подумайте, как вы читаете эту статью — последовательно или сначала обратили внимание на акценты?

Когда текст воспринимается легко: верстка

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

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

1. Все заголовки контрастны основному тексту.

2. Текст разделен на абзацы.

Абзацы не должны быть длинными. В идеале не больше пяти строк. Но и череда коротких абзацев, в 1—2 строки, смотрятся некрасиво: текст становится похож на список. Спокойные, ровные абзацы должны чередоваться с акцентами.

3. Шрифт помогает читать.

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

Сравните, как меняется восприятие в зависимости от шрифта.

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

4. Курсив и полужирный шрифт использованы по делу.

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

Когда текст воспринимается легко: язык

Никакие акценты и красивая верстка не спасут статью, если она написана сложным языком.

Основные принципы хорошего текста:

1. Тема полезна читателю.

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

2. В тексте больше информации, а не пустых фраз.

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

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

3. В тексте нет канцеляритов.

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

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

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

И не пишите канцелярским языком.

4. В предложении нет составных сказуемых и отглагольных существительных.

Большая беда 99% текстов в интернете — перегруженность сказуемыми, которые состоят из двух и более слов. Их легко можно узнать по словам «может», «должен», «является» и подобным. Такие глаголы требуют пары – второго глагола. Предложение станет легче, если заменить такое сказуемое одним глаголом.

Отглагольные существительные — вроде «проведение», «обеспечение», «оказание» — тоже усложняют текст.

5. Предложения короткие.

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

6. В тексте нет лжи.

Говорите конкретно.

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

Инструменты для хорошего текста

Istio.com — инструмент «Карта» помогает убрать повторы, равномерно распределить однокоренные слова по тексту.

«Главред» — выделяет канцеляриты, вводные слова, штампы, сложные сказуемые и отглагольные.

Text.ru. Чаще используется для определения уникальности. Показатель «Водность» помогает «отжать воду» текст — убрать лишние слова.

«Типограф» — расставляет правильные тире и кавычки, ставит неразрывные пробелы там, где это необходимо.

Проверяйте текст

Не скупитесь на услуги редактора и корректора — они помогут довести текст до ума. А если решите все-таки нанимать копирайтера, проверяйте его по всем перечисленным в этой статье параметрам:

Писать на тему, полезную целевой аудитории. 1 статья = 1 тема.
Сначала продумать структуру.
Давать больше информации, убирать воду.
Заменять текст визуальной информацией.
Расставлять акценты, которые помогают ориентироваться по тексту. Статья — это композиция.
Выбирать шрифт, который легко читается.
Делить текст на абзацы. 1 абзац = 1 мысль. 1 абзац — не больше пяти строк.

Писать простыми предложениями. 1 предложение = 1 мысль. 1 предложение – не больше 13 слов.
Избегать сложных конструкций: меньше деепричастных и причастных оборотов, составных сказуемых, вводных слов.
Не приукрашивать и не лгать.

————————————————————————

Евгения Черешкова,

редактор, автор, SEO-копирайтер

Помогаю сделать контент интереснее и понятнее для читателя.

Сайт textforbusiness.ru

Telegram, WhatsApp: +7(903)000-47-04

Skype, email: [email protected]

————————————————————————

Смотрите также по теме:

Как создать и чем наполнить сайт для дизайнера интерьера

Архитектура статьи: как сделать текст интереснее с помощью верстки

Как сделать сайт удобным: элементы навигации

Как сделать сайт на Tilda. Подборка обучающих материалов

Графический дизайн Макет страницы Текст Adecuación, дизайн, текст, Услуги по дизайну интерьера, Microsoft Azure png

текст,
Услуги по дизайну интерьера,
Microsoft Azure,
брошюра,
курс,
Пуэбла,
проект,
макет страницы,
реклама,
графический дизайн,
заниматься,
бренд,
искусство,
веб-страница,
png,
прозрачный,
бесплатная загрузка

Об этом PNG

Размер изображения: 1698x1508px
Размер файла: 1. 06MB
MIME тип: Image/png

Скачать PNG ( 1.06MB )

изменить размер PNG

ширина(px)

высота(px)

Лицензия

Некоммерческое использование, DMCA Contact Us

Шаблон брошюры Microsoft Word, дизайн, шаблон, текст, логотип png 768x538px 97KB
Рекламный буклет «Бизнес», брошюра «Графический дизайнер», плакат, текст, реклама Реклама, плакат png 1024x1024px 385.51KB
2D модель игровой мебели, серия лотов, столовая мебель Гостиная Макет страницы Услуги дизайна интерьера, Цветные плоскости, кухня, цветной всплеск, цветной карандаш png 3600x2544px 5. 41MB
Заголовок Поместите свой текст здесь книга, брошюра Flyer графического дизайна корпорации, брошюра, компания, текст, логотип png 2000x2000px 291.18KB
Абстрактный фон плакат, шаблон графического дизайна, плакат фон, инфографика, угол, текст png 640x640px 36.39KB
коллажи шаблонов заголовков, рекламный буклет, флаер, инфографика, шаблон, текст png 640x640px 101.83KB
гнутые цветные карандаши, графический дизайнер, печать логотипа, графический дизайн, веб-дизайн, афиша, дизайн интерьера Услуги png 748x530px 201.38KB
Макет Отзывчивый веб-дизайн веб-страницы, сайт макет, шаблон, веб-дизайн, дизайн пользовательского интерфейса png 736x490px 236. 04KB
Веб-баннер Веб-дизайн Веб-сайт, креативная страница баннера, баннерного дизайна, другие, дисплей Реклама, креативные изображения png 810x891px 262.89KB
черно-белая брошюра с заголовками, журнал «Дизайн флаер», листовки НАУКА, текст, треугольник, плакат png 11107x7331px 2.12MB
Обложка книги Коллаж, Брошюра Обложка книги Флаер Макет страницы, брошюра, издательское дело, бизнес, книга png 1500x1500px 635.42KB
Скриншот книги Lorem Ipsum, брошюра о флаере, одна страница, шаблон, альбом, мода png 3083x2105px 693.1KB

Дизайн шаблона Lorem Ipsum, Шаблон флаер-брошюры, Одна страница, альбом, компания, текст png 3083x2105px 1009. 51KB
Рекламный проспект, рекламный буклет, изогнутый кружок Business Flyer, скриншот учебника Lorem IPSUM, Другое, Деловая женщина, Визитная карточка png 967x661px 260.3KB
Дизайн заголовков и брошюр, Рекламный проспект о флаерах, Листовки о дизайне одежды, шаблон, мода Девушка, текст png 1247x858px 151.99KB
серый смартфон иллюстрация, флаер евклидова иллюстрация, макет листовки смартфона, инфографика, шаблон, гаджет png 601x856px 334.37KB

Веб баннер Рекламный бизнес, Roll Up Stand, сервис, реклама Реклама, баннер png 1200x1847px 846.47KB
Флаер Брошюра Макет страницы Реклама, Оранж Сити Дизайн флаеров, города, шаблон, угол, оранжевый png 694x981px 222. 41KB
Баннер Дизайн, Веб баннер Графический дизайн Реклама, заголовок, шаблон, веб-дизайн, текст png 640x640px 97.2KB
Рекламные проспекты. Рекламные проспекты. Фэшн-бизнес., инфографика, деловая женщина, девушка моды png 2218x1480px 438.86KB
черный фон с наложением текста флаера, шаблон брошюры флаера, изысканный одностраничный материал для дизайна флаера, угол, альбом, прямоугольник png 1302x879px 173.74KB
Бумага Веб-баннер Страница, Баннер, зеленый, оранжевый и синий полоса цифрового искусства, синий, угол, текст png 568x524px 22.72KB
Lorem IPSUMIPO реклама, Брошюра Флаера Евклидова Иллюстрация, желтые линии высотой Флаер, другие, фотография, дисплей Реклама png 893x561px 237. 96KB
Шаблон визитной карточки Визитная карточка, Синяя линия дизайн визитной карточки, синий фон с наложением текста, синий, текст, логотип png 1110x685px 298.72KB
Веб-баннер Инфографика, дизайн, шаблон, текст, оранжевый png 835x706px 63.84KB
Обложка альбома, желтый одностраничный дизайн, шаблон, угол, прямоугольник png 596x672px 51.83KB
Серебряный плоский экран монитора компьютера иллюстрации, Графический дизайн Логотип Веб-дизайн, Графический дизайн, гаджет, текст, дисплей Реклама png 831x506px 289.95KB
Инфографика текстовая реклама, евклидова икона, трехмерная этикетка, инфографика, текст, этикетка png 707x688px 81. 54KB
Заголовок бумаги, Бумага Флаер Реклама, дизайн, инфографика, шаблон, плакат png 380x380px 73.48KB
Обучение Образовательные технологии Apprendimento онлайн Обучение, класс, текст, класс, услуга png 2620x2557px 988.34KB
Разработка сайтов Адаптивный веб-дизайн Цифровой маркетинг, веб-сайт, Поисковая оптимизация, веб-дизайн, реклама Реклама png 1000x856px 719.52KB
Бизнес Брошюра иллюстрация, Брошюра Листовка, Мода Бизнес на одной странице, шаблон, деловая женщина, девушка моды png 2336x1615px 324.47KB
Макет страницы Scrapbooking Blog, Poa, любовь, белый, текст png 800x500px 46. 25KB
Визитная карточка Дизайн Визитные карточки Визитная карточка Макет, дизайн, логотип, визитка, визитная карточка png 800x800px 281.07KB
Обложка брошюры Flyer, графический дизайн брошюры, бизнес-геометрический одностраничный дизайн, шаблон, синий, деловая женщина png 3508x2480px 481.12KB
сине-серая домообразная иллюстрация логотипа, Услуги по дизайну интерьера логотипа дома, Дом, угол, прямоугольник, архитектор png 1139x1039px 32.33KB
диаграмма разноцветной стрелки, элемент PPT, инфографика, шаблон, метка png 532x729px 72.3KB
Веб-разработка Веб-дизайн Разработка веб-приложений, процессор, электроника, поисковая оптимизация, текст png 2345x1825px 78. 29KB
Визитная карточка Визитная карточка с логотипом Макет страницы, скриншот шаблона визитной карточки, красный, белый и черный., шаблон, деловая женщина, текст png 949x1281px 107.13KB
Содержание дизайна брошюры, Брошюра о флаере, Медовая страница, медоносная пчела, текст, сервис png 859x648px 178.47KB
Веб-разработка Адаптивный веб-дизайн Разработка программного обеспечения, веб-дизайн, компьютерная сеть, веб-дизайн, поисковая оптимизация png 1207x650px 37.34KB
две черные стрелки вверх арт, логотип графический дизайн, стрелка вверх, угол, веб-дизайн, текст png 1200x1200px 68.63KB
org/ImageObject»> Заголовок скриншота книги Lorem Ipsum, брошюра о флаере, синяя кривая бизнес-флаера, инфографика, синий, текст png 954x652px 262.83KB
Lorem Ipsum Dolor Sit Amet Consectetur adispicing приложение Elit, рекламный баннер, постер, ролл, шаблон, другое, дисплей Реклама png 6944x6389px 2.2MB
Веб разработка Графический дизайн Веб дизайн, веб дизайн, электроника, гаджет, поисковая оптимизация png 686x510px 371.07KB
Microsoft Azure Облачные вычисления Amazon Web Services Logo, облачные вычисления, синий, угол, текст png 768x599px 117.33KB
синие и белые брошюры, Flyer Brochure Графический дизайн, материалы по дизайну книг о моде, шаблон, угол, мода Девушка png 2180x1744px 205. 89KB
три разных дизайна веб-сайтов, коллаж, веб-страница, веб-баннер Система веб-шаблонов World Wide Web, шаблоны баннеров для модных страниц, шаблон, другие, девушка моды png 640x943px 221.59KB
Брошюра Flyer Advertising Студия дизайна, макет флаера, индустрия, графический дизайн, дизайнер png 1000x750px 568.98KB
человек, опираясь на мольберт иллюстрации на синем фоне, архитектор здание, архитектор, Дизайн интерьера Услуги, проект, информация Архитектура png 1920x1920px 1.43MB