Авторизация







Регистрация / Забыли пароль?

Регистрация нового пользователя











< Назад

Восстановление пароля





< Назад

Добро пожаловать

Выход


Ежедневное обновление статей и уроков, будь в курсе, держи руку на пульсе событий!

Главная >> Самосовершенствование

Как сделать ваш текст привлекательнее?


С древних времён люди задавались вопросом "Как сделать текст привлекательнее?" существуют правила по созданию текстов которые приковывают к себе взгляд, которые хочется читать ещё и ещё раз, давайте познакомимся с частью из них в этой статье!

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

  Абсолютно ничего.

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

  Выбор шрифта

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

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

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

  Расстановка переносов

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

  Держитесь от них подальше.

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

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

  Вывод

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

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

 Существуют и другие виды выравнивания, по центру, по левому или правому краю.

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

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

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

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

  Другой тип воздействия

  Штрихи и линии.

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

  Подчёркивание или зачёркивание.

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

  Наклон или искажение

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

  Цвет

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

  Сохраняем большой текст чистым.

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

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

  Дефисы являются камнем преткновения.

  Неправильно выравнивание будет мешать навигации.

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

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

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

  Подгоночная запись

  И наконец, подумайте вот ещё о чём.

  Посмотрите на две текстовые строки, идущие под изображением, они выражают общий смысл всего написанного на странице. Как их сделать? Сколько строк должно быть? Визуально нас тянет на заголовки имеющие единый вид. Это относится не только к виду, но ещё и длине строки. Старайтесь избегать длинных строк перенося их. 

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

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

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

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

  Заключение

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

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

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

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

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


Дата публикации: 27.01.2013
Опубликовал: Сергей Кашурин
Просмотров: 489
Правила перепечатки

Правила перепечатки

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

Большая часть материалов сайта - это авторские уроки, остальные, это переводы уроков с английского языка на русский.
Если Вы решили использовать материалы данного сайта где-то на своих ресурсах или в рассылке, то соблюдайте следующие требования:
1. Урок или статья должны перепечатываться «как есть» с сохранением всех ссылок на источник урока, а если это перевод, то и на сайт, авторы которого подготовили его.
2. Ссылки на сайт источника и переводчика обязательно должны быть работоспособными (при нажатии по ссылке человек должен перейти на сайт автора/переводчика). Если Вы перепечатали какой-либо документ, обязательно проверьте ссылку на работоспособность.
3. Искажение информации об авторе, источнике, переводчике при перепечатке материалов запрещено!
4. Содержание урока или статьи при перепечатке не должно подвергаться модификациям и переделке. Все уроки и статьи, размещенные на сайте, должны перепечатываться как есть. Вы не имеете права урезать, исправлять или иным образом коверкать републикуемый документ.
С уважением, Сергей Кашурин– владелец сайта /


24 классных PHP библиотеки, о которых вы должны знать
Для PHP-разработчика, и времени лучшего не придумаешь чем сейчас. Ведь каждый день, появляются всё новые и новые вспомогательные элементы, такие, как например полезные библиотеки.
5 прекраснейших дизайнерских решений для ваших форм входа
Уважаемые друзья, в этом уроке, собраны 5 красивейших форм регистрации/авторизации, с пошаговым объяснением, и с возможность бесплатно скачать. Вы всё ещё думаете читать или нет? А кто-то уже вовсю пользуется ими!
23 jQuery плагина для организации слайд-шоу и галерей на сайте
Дорогие Друзья! Сегодня, я хочу познакомить вас с подборкой замечательных jQuery плагинов для создания слайд-шоу и галерей. Все они являются бесплатными и очень просты в установке и настройке.
Стоимость аввг
Дорогие Друзья! Сегодня, я хочу познакомить вас с подборкой замечательных jQuery плагинов для создания слайд-шоу и галерей. Все они являются бесплатными и очень просты в установке и настройке.
дополнения на игры - самая детальная информация у нас на сайте
Дорогие Друзья! Сегодня, я хочу познакомить вас с подборкой замечательных jQuery плагинов для создания слайд-шоу и галерей. Все они являются бесплатными и очень просты в установке и настройке.
комплект ктс б - смотрите информацию тут
Дорогие Друзья! Сегодня, я хочу познакомить вас с подборкой замечательных jQuery плагинов для создания слайд-шоу и галерей. Все они являются бесплатными и очень просты в установке и настройке.
дропшиппинг поставщик
Дорогие Друзья! Сегодня, я хочу познакомить вас с подборкой замечательных jQuery плагинов для создания слайд-шоу и галерей. Все они являются бесплатными и очень просты в установке и настройке.
195 75R 16C
Дорогие Друзья! Сегодня, я хочу познакомить вас с подборкой замечательных jQuery плагинов для создания слайд-шоу и галерей. Все они являются бесплатными и очень просты в установке и настройке.
Оклейка авто плёнкой. Обклейка Авто Виниловыми пленкамив .
Дорогие Друзья! Сегодня, я хочу познакомить вас с подборкой замечательных jQuery плагинов для создания слайд-шоу и галерей. Все они являются бесплатными и очень просты в установке и настройке.

Уроки и статьи

«Найден Самый Дешевый и Эффективный Способ Рекламы в Интернете!»

Доказанo: ведение своей почтовой рассылки - это самый действенный и дешевый метод рекламы в Интернете.

Используете ли Вы его?

Если нет, то Вы давно теряете свои деньги! Если да, то пришло время вести Вашу почтовую рассылку на самом эффективном инструменте в Рунете - сервисе рассылок SmartResponder.ru

Узнать об этом подробнее >>

Быть в курсе всех событий: