Содержание

Подчеркнутый текст онлайн в ВК, Ватсап, Инстаграм, Телеграмм и Фейсбуке

Текст:

Результат: СкопироватьСкопировано

Введите текст в первое поле и во втором автоматически получите результат.

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

Существуют многочисленные инструкции по работе с текстом. Но отсутствуют причины ими руководствоваться, когда гораздо проще в одном поле написать нужные слова, во втором получить их подчеркнутыми. Далее вам остается лишь скопировать полученный результат. Подчеркивание текста в Инстаграме, ВКонтакте, Фейсбук, мессенджерах Ватсап и Телеграм 100% работает.

В каких случаях используют подчеркивание слов в постах?

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

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

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

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

Все наши сервисы

Онлайн-конвертер в подчеркнутый стиль (АндерЛайн) — MrTranslate.ru

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

С помощью этого конвертера вы сможете придать тексту эффект подчернутого начертания. Можно подчеркнуть как отдельные слова и фразы, так и весь текст полностью. Как происходит подчеркивание? Под каждым символом (литерой) текста рисуется черта, прямая или фигурная, сплошная или пунктирная, в зависимости от выбранной опции, символ подчеркивания. Черта может рисоваться вплотную к литерам или на некотором расстоянии от них от них. Для определения понятия «
подчеркнутый текст
» принято использовать английское слово «Underline» (АндерЛайн), В текстовых редакторах эта функция представлена кнопкой с буквой «Ч» с чертой снизу (или «U«, в международных версиях программ). Это третий из самых распространенных стилей, применяемых при верстке текстов, наряду с Жирным и Курсивом. Применяется подчеркивание при оформлении текстов для выделения слов, оформления заголовков, задания ссылок (гиперссылок), ведущих на другой документ (файл или вебсайт) а также для создания рамок. Представляем вашему вниманию универсальный онлайн-андерлаин конвертер для подчеркивания текста, не требующий специального программного обеспечения. Конвертер обладает расширенными возможностями по оформлению текста. Если в текстовом редакторе стиль подчеркивания обычно предлагается один — простая горизонтальная линия, мы предлагаем вам широкий выбор стилей. Вы можете выбрать один из множества видов подчеркивания, нажав на соответствующую кнопку: линия сплошная, прерывистая, двойная, точка, пунктирная, волнистая, Доттед, Дашед. Окончательный вид линии будет зависеть от используемого шрифта и его размера.

Подчеркнутый стиль, эффект (конвертер) для текста

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

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

В Интернете для создания подчеркнутого текста обычно используют теги (специальные метки). Участок текста, который требуется подчеркнуть, оформляют в теги <u></u>. Такой текст при отображении браузером будет выведен подчеркнутым, под ним будет выведена тонкая горизонтальная черта. Можно создать свой стиль подчеркивания, воспользовавшись параметрами тегов, в частности, «text-decoration» и «border-bottom», указав тощину линии, ее цвет и прерывистость. Однако все это делает текст программно-зависимым, он будет отображаться подчеркнутым только в браузере. Существует ли универсальный вариант подчеркивания текста, который бы отображался одинаково в любой программе?

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

Наиболее распространенные стили подчеркивания

Т̣о̣ч̣е̣ч̣н̣а̣я̣ — Подчеркивание точкой, одиночная точка под каждой литерой, доттед-подчеркивание.

̤Д̤в̤у̤т̤о̤ч̤е̤ч̤н̤а̤я̤ — Подчеркивание двойной точкой, подчеркивание даблдоттед.

̥Г̥р̥а̥д̥у̥с̥ — Подчеркивание большой точкой без заливки (шар, градус, кольцо, круг).

̦З̦а̦п̦я̦т̦а̦я̦ — Подчеркивание запятой, запятая под текстом.

͟С͟п͟л͟о͟ш͟н͟а͟я͟ — Подчеркивание сплошной тонкой одиночной линией, горизонтальная черта, солид-подчеркивание.

͢С͢т͢р͢е͢л͢а — Подчеркивание стрелкой вправо (стиль похож на одиночную линию при небольшом масштабе), стрелочное подчеркивание.

͇Д͇в͇о͇й͇н͇а͇я͇ — Подчеркивание двойной сплошной горизонтальной линией, двойная черта под текстом, символ равенства, подчеркивание ДаблЛайн, двойной солид.

̠П̠у̠н̠к̠т̠и̠р̠н̠а̠я̠ — Подчеркивание пунктирной линией, прерывистая горизонтальная черта, подчеркивание Дашед (короткие штрихи).

П॒у॒н॒к॒т॒и॒р॒н॒а॒я॒ 2 — Подчеркивание прерывистой горизонтальной линией (длинные широкие штрихи).

͍К͍о͍м͍п͍а͍с͍ — Одиночная горизонтальная линия со стрелками (стиль похож на пунктир), подчеркивание стрелкой.

̼П̼т̼и̼ч̼к̼а̼ — Подчеркивание Птичкой (чайкой), сеагул-подчеркивание.

В̰о̰л̰н̰и̰с̰т̰а̰я̰ — Подчеркивание одиночной горизонтальной волнистой линией, Волна, Тильда, вэив-стиль.

̻К̻в̻а̻д̻р̻а̻т̻ — Подчеркивание квадратиками, боксед андерлайн.

̯Н̯а̯у̯ш̯н̯и̯к̯и̯ — Подчеркивание символом наушников.

̟К̟р̟е̟с̟т̟ — Подчеркивание крестом, кросс андерлайн.

͓К͓р͓е͓с͓т͓и͓к͓ — Подчеркивание крестиком, буквой х, иксом, перекрестным символом.

̬Г̬а̬л̬о̬ч̬к̬а̬ — Подчеркивание галочкой, буквой v.

̗С̗л̗е̗ш̗ — Подчеркивание слешом, наклонной линией (наклон вправо), правосторонний слеш.

О̖б̖р̖а̖т̖н̖ы̖й̖ ̖с̖л̖е̖ш̖ — Подчеркивание обратным слешем, противоположный слеш (наклон влево), левосторонний слеш.

̪С̪к̪о̪б̪а̪ — Подчеркивание прямоугольной скобой.

̩В̩е̩р̩т̩и̩к̩а̩л̩ь̩н̩а̩я̩ — подчеркивание одиночными прерывистыми вертикальными линиями.

Как подчеркнуть текст в Ватсапе за 1 минуту

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

К слову, вы можете выделять отдельное слово, целое предложение или все сообщение полностью. На сегодняшний день официально доступны следующие стили написания: Жирный, Зачеркнутый, Расширенный, Курсив. Также можно комбинировать стили форматирования;

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

Полезно: как редактировать сообщения в приложении и можно ли вообще это делать расскажем по ссылке.

Подчеркнутый шрифт

Сначала мы научим вас, именно, как подчеркивать необходимые слова в сообщении. Чтобы сделать подчеркнутый текст в Ватсапе, выполните следующее:

  • Откройте http://4txt.ru/podcherknut;
  • Наберите в левом поле свое сообщение;
  • В правом появится его аналог, в подчеркнутом виде;
  • Скопируйте результат;
  • Вставьте в поле для ввода в Ватсапе;
  • Готово!

Как выделить слово другими способами?

Также кратко озвучим, что официального метода подчеркивания слов и фраз в ватсап не существует.

Добавим еще способ, который предшествует любому форматированию:

  • Откройте Ватсап WhatsApp Web на компьютере;
  • В поле для ввода наберите текст;
  • Скопируйте и вставьте в файл Ворд;
  • Выделите фразы, которые требуется отформатировать;
  • Вставьте в Вотсап;
  • Готово, у вас в Ватсапе получился подчеркнутый текст.

Продолжим изучать, как подчеркнуть слово в Ватсапе, и дальше переходим к символам:

  1. Для того, чтобы зачеркнуть текст, используйте значок «тильда» — «~». Он находится в дополнительном меню символов экранной клавиатуры. В Андроиде вам нужно тапнуть кнопку «=<», в IOS — «#+-», а на клавиатуре компьютера выбрать английскую раскладку и нажать одновременно «Shift и Ё»;
  2. Чтобы сделать жирный текст в WhatsApp, используйте символ «*». Он располагается в основном меню символьной клавиатуры телефона. На компе щелкните «Shift+8», раскладка значения не имеет;
  3. Чтобы создать курсивный текст, используйте значок, который есть в обновленной версии». Наверняка, всем известно, где он находится, ведь его регулярно используют для написания электронных адресов;
  4. Широкий текст легко создать, используя символ «одинарная косая кавычка». В телефоне она находится там же, где и «тильда». В компьютере – включите английскую раскладку и жмите клавишу «Ё».

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

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

Как сделать подчёркнутый (сверху или снизу) и зачёркнутый текст «ВКонтакте»?

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

Зачеркнутый текст во ВКонтакте

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

&#0822;

Его вы вставляете перед каждой буквой в слове и в конце. Пример:

&#0822;p&#0822;a&#0822;n&#0822;d&#0822;o&#0822;g&#0822;e&#0822;.&#0822;c&#0822;o&#0822;m&#0822;

Результат вышеприведенного кода:

Все очень просто.

Подчеркнутый текст во ВКонтакте

Что касается подчеркнутого текста, Контакт поддерживает аж три их вида. Поэтому о каждом немного подробнее.

1. Пунктирное нижнее подчеркивание. Используется символ:

¯

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

Пример:

www.pandoge.com
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

И, соответственно, результат вышеприведенного кода:

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

В таком случае вы используете код:

&#773;

Принцип работы такой же, как и в остальных вариантах – перед каждым символом и в конце, например:

&#773;w&#773;w&#773;w&#773;.&#773;p&#773;a&#773;n&#773;d&#773;o&#773;g&#773;e&#773;.&#773;c&#773;o&#773;m&#773;

И пример того, как это выглядит в самом ВКонтакте:

3. Верхнее волнистое подчеркивание. Еще один вид верхнего подчеркивания ВКонтакте – это волнистая линия.

Код использования:

&#864;

Его вставляете также перед каждым символом. Пример:

&#864;w&#864;w&#864;w&#864;.&#864;p&#864;a&#864;n&#864;d&#864;o&#864;g&#864;e&#864;.&#864;c&#864;o&#864;m

И, как всегда, результат:

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

Начертание в Ворде: подчеркнутый, полужирный, курсив

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

 

Ниже представлен пример того, как могут быть написаны буквы и слова.

Для того, чтобы изменить начертание, в программе Microsoft Word есть специальные кнопки.

  • — Полужирный (в народе его называют «жирный»)
  • — Курсив (наклонный)
  • — Подчеркнутый

 

Как изменить начертание

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

Затем нажмите на иконку с нужным начертанием. Находятся они в верхней части программы, в разделе «Главная».

Можно назначить сразу несколько видов.

Пример

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

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

В каких случаях используется

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

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

Автор: Илья Кривошеев

VBA Excel. Форматирование текста в ячейке (объект Font)

Форматирование текста в ячейке при помощи кода VBA Excel. Объект Font и его основные свойства. Примеры изменения начертания строк в заданном диапазоне.

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

Формат отображаемого значения

Когда мы из кода VBA Excel записываем в ячейку текстовое или другое значение, оно отображается в формате, присвоенном данной ячейке. Это может быть формат:

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

Если ячейка содержит текстовое значение, его начертание можно форматировать по отдельным частям (подстрокам). Такое форматирование доступно как в ручном режиме на рабочем листе, так и из кода VBA Excel.

У объекта Range есть свойство Font (шрифт), которое отвечает за форматирование (начертание) визуально отображаемого текста в ячейках рабочего листа. Его применение вызывает объект Font, который в свою очередь обладает собственным набором свойств, отвечающих за конкретный стиль начертания отображаемого значения.

Основные свойства объекта Font

Свойство Описание Значения
Name наименование шрифта «Arial», «Calibri», «Courier New», «Times New Roman» и т.д.
Size размер шрифта от 1 до 409 пунктов
Bold полужирное начертание True, False
Italic курсивное начертание True, False
FontStyle заменяет Bold и Italic «обычный», «полужирный», «курсив», «полужирный курсив»
Superscript надстрочный текст True, False
Subscript подстрочный текст True, False
Underline подчеркнутый текст True, False
Color* цвет текста от 0 до 16777215

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

Примеры форматирования текста

Пример 1
В этом примере ячейкам диапазона «A1:A3» присвоим шрифты разных наименований:

Sub Primer1()

Range(«A1»).Font.Name = «Courier»

Range(«A1») = «Шрифт «Courier»»

Range(«A2»).Font.Name = «Verdana»

Range(«A2») = «Шрифт «Verdana»»

Range(«A3»).Font.Name = «Times New Roman»

Range(«A3») = «Шрифт «Times New Roman»»

End Sub

Пример 2
В этом примере рассмотрим применение одного свойства объекта Font к одной ячейке:

Sub Primer2()

Range(«A5»).Font.Bold = True

Range(«A5») = «Полужирное начертание»

Range(«A6»).Font.FontStyle = «полужирный курсив»

Range(«A6») = «Полужирный курсив»

Range(«A7»).Font.Superscript = True

Range(«A7») = «Надстрочное начертание»

End Sub

Пример 3
Форматирование диапазона из нескольких ячеек:

Sub Primer3()

  With Range(«A9:C11»)

    .Value = «Форматируем диапазон»

    .Font.Underline = True

    .Font.Color = 75962

  End With

End Sub

Пример 4
Пример форматирования шрифта в разных ячейках по одному свойству:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

Sub Primer4()

Cells(1, 1) = «Свойство шрифта Bold = True»

Cells(1, 1).Font.Bold = True

Cells(2, 1) = «Свойство шрифта Color = xlGreen»

Cells(2, 1).Font.Color = xlGreen

Cells(3, 1) = «Свойство шрифта ColorIndex = 32»

Cells(3, 1).Font.ColorIndex = 32

Cells(4, 1) = «Свойство шрифта FontStyle = «»Bold Italic»»»

Cells(4, 1).Font.FontStyle = «Bold Italic»

Cells(5, 1) = «Свойство шрифта Italic = True»

Cells(5, 1).Font.Italic = True

Cells(6, 1) = «Свойство шрифта Name = «»Courier New»»»

Cells(6, 1).Font.Name = «Courier New»

Cells(7, 1) = «Свойство шрифта Size = 14»

Cells(7, 1).Font.Size = 14

Cells(8, 1) = «Свойство шрифта Subscript = True»

Cells(8, 1).Font.Subscript = True

Cells(9, 1) = «Свойство шрифта Superscript = True»

Cells(9, 1).Font.Superscript = True

Cells(10, 1) = «Свойство шрифта Underline = True»

Cells(10, 1).Font.Underline = True

End Sub

Как подчеркнуть текст в инстаграме

На заре расцвета Инстаграм в России (а именно в сентябре 2013 года), разработчики данной социальной сети предложили пользователям интересную функцию, возможность форматирования текста разделе информации профиля. На самом деле предлагалось всего три стиля написания: жирным, синим и подчеркнутым. Ни о каком зачеркивании и, тем более, курсиве не было и речи, но опция стала сразу популярна среди участников. Уже 10.10. 2013 года, данная функция была разработчиками «зверски уничтожена», но память о ней навсегда осталась в сердцах «бывалых» блогеров и продвинутых СММ-щиков». В данной публикации мы расскажем, как сделать зачеркнутый текст в Инстаграме и использовать несколько наиболее популярных стилей форматирования текстового наполнения в это «непростое время».

Какими стилями можно писать в Инстаграм?

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

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

  • Зачеркнутый .
  • Подчеркнутый.
  • ̷С̷л̷е̷ш̷.
  • Д͇в͇о͇й͇н͇о͇е͇ ͇п͇о͇д͇ч͇е͇р͇к͇и͇в͇а͇н͇и͇е͇.
  • «П̤у̤н̤к̤т̤и̤р̤».
  • «В̰о̰л̰н̰а̰»

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

Кстати, о стиле. Желательно, чтобы не только текст выглядел стильно, но и весь профиль был выдержан в одном стиле. Если согласны и хотите научиться, как этого достичь – милости просим по ссылке.

Пишем зачеркнутым шрифтом

Сделать зачеркнутой фразу и разместить ее в Instagram можно, благодаря онлайн-генератору Renotes. http://renotes.ru/post-298/zacherknutyj-tekst-v-instagrame.

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

Есть и более продвинутые сервисы, например http://4txt.ru/

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

Выделяем жирным

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

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

Важно! Следует учесть, что в графе «Имя» не должно быть более 30 символов.

Сделать шрифт полужирным можно с помощью все тех же онлайн-генераторов шрифта. Например: https://lingojam.com/FontsForInstagram

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

Выделяем курсивом

Чтобы привлечь внимание подписчиков к публикации в Инсте можно выделить описание к посту курсивом. Для этого вам понадобится специальный онлайн-сервис: https://www.gschoppe.com/projects/fbformat/#.Wgk3CNAY5TZ

Вводите в окне текст латинскими буквами и форматируете его, как в любом текстовом редакторе.

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

Заключение

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

Для всех, кто стремится как можно больше разнообразить свои посты, есть материал “Подборка приложений для добавления надписи на фото”.

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

Как сделать зачеркнутый текст в Инстаграме

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

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

  1. Запускаем выбранное приложение или открываем в браузере специальный сервис.
  2. В специально отведенном окне пишем текст или вставляем его из буфера обмена.
  3. Сервис/приложение автоматически обрабатывает текст и выводит его в соответствующую панель.
  4. Копируем зачеркнутый текст и вставляем его в нужное место в социальной сети.

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

Piliapp

  • Платформа: Web.
  • Язык интерфейса: русский, английский, испанский, немецкий и др.
  • Поддержка кириллицы: да.
  • Лицензия: бесплатно.

Piliapp — простой текстовый веб-генератор, который поможет добавить в текст различные эффекты, в том числе написать его зачеркнутым. Чтобы преобразовать обычные буквы с помощью сайта, нужно вписать/вставить в верхнее окно текст для обработки, выбрать эффект “зачеркнутый” и скопировать готовый результат из нижнего окна.

Для быстрого копирования также представлена кнопка “Копировать в буфер”, которая сразу скопирует весь текст в память устройства.

Textgenerator

  • Платформа: Web.
  • Язык интерфейса: русский.
  • Поддержка кириллицы: отдельные шрифты.
  • Лицензия: бесплатно.

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

Textygram

  • Платформа: Web.
  • Язык интерфейса: русский.
  • Поддержка кириллицы: отдельные шрифты.
  • Лицензия: бесплатно (при желании можно оказать помощь проекту и перевести деньги на счет).

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

Renotes

  • Платформа: Web.
  • Язык интерфейса: русский.
  • Поддержка кириллицы: да.
  • Лицензия: бесплатно.

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

  • Платформа: Web.
  • Язык интерфейса: русский.
  • Поддержка кириллицы: да.
  • Лицензия: бесплатно.

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

Spectrox

  • Платформа: Web.
  • Язык интерфейса: русский.
  • Поддержка кириллицы: да.
  • Лицензия: бесплатно.

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

Better Fonts

  • Платформа: iOS.
  • Язык интерфейса: английский.
  • Поддержка кириллицы: отдельные шрифты.
  • Лицензия: платная.

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

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

Cool Fonts

  • Платформа: iOS.
  • Язык интерфейса: английский.
  • Поддержка кириллицы: отдельные шрифты.
  • Лицензия: платная.

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

Предусмотрены тут, конечно, и такие эффекты как курсив, жирный, подчеркнутый и зачеркнутый текст.

Stylish Text

  • Платформа: Android.
  • Язык интерфейса: английский.
  • Поддержка кириллицы: отдельные шрифты.
  • Лицензия: бесплатно (есть платный контент).

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

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

Font Changer

  • Платформа: Android.
  • Язык интерфейса: английский
  • Поддержка кириллицы: отдельные шрифты.
  • Лицензия: бесплатно (есть платный контент).

Font Changer — приложение для владельцев смартфонов на Android, которым надоели стандартные шрифты в социальных сетях.

Редактор содержит 110 первоклассных шрифтов, в том числе позволяет писать зачеркнутым.

Для чего используется зачеркнутый текст

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

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

Зачеркнутый текст может пригодиться также и для более практичных целей:

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

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

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

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

Какой шрифт можно использовать в Инстаграм

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

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

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

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

Способы написания текста

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

Сервис ru.piliapp.com для написания зачеркнутого текста в Instagram

Онлайн-сервис на странице https://ru.piliapp.com/cool-text/strikethrough-text/ позволяет создавать 6 типов текста. Его главным достоинством является простота. Вы переходите на сайт, выбираете из списка нужный фильтр и пишите фразу или слово. Ниже расположен еще один текстовый блок. В нем будет отображаться результат написанного вами текста с нужным форматированием.

На сайте вы сможете выбрать:

  • Символ слэш — это текст, символы которого перечеркнуты тонкой прямой линией, наклоненной вправо. В компьютерном сленге этот символ достаточно популярен. Его можно найти, обратив внимание на адресную строку вашего браузера. Разделы сайта отбиваются именно этим знаком — /;
  • Двойное подчеркивание — текст, символы которого подчеркнуты двойной линией снизу;
  • Волна линия — если вы выберите этот вариант, ваш пост будет подчеркнут волнистой линией снизу;
  • Подчеркнутый — слово подчеркнуто одной линией снизу;
  • Пунктирная линия — если написать что-то этим способом, то слова будут подчеркнуты снизу штрих-пунктиром;
  • Перечеркнутый — символы перечеркнуты посередине.

Выбор типа текста в редакторе

Вот так пользоваться этим сервисом:

  1. Выберите один из вариантов и напишите в верхнем блоке нужное слово.
  2. В нижней части нажмите под окном кнопку «Копировать в буфер обмена».
  3. После этого вставьте в нужном месте текст на странице Instagram.

Renotes.ru — простой сервис с функцией перечеркивания шрифта онлайн

Перечеркнуть ваш текст поможет еще одна страница в сети — https://renotes.ru/post-298/zacherknutyj-tekst-v-instagrame. На ней 2 текстовых поля, где в первом нужно ввести слово, а во втором скопировать уже отформатированный вариант. Здесь нет других фильтров, но вы сможете вполне комфортно добиться нужного результата. Есть небольшое отличие между этим сервисом и предыдущим. В последнем текст перечеркивается не сплошной линией, а пунктирной.

Меняем вид текста с помощью textgenerator.ru

Ресурс https://textgenerator.ru преобразовывает введенный вами текст в другие типы. Перед этим нужно выбрать на главной странице желаемый фильтр. Здесь вы найдете несколько различных шрифтов — от декоративных до монохромных. Можно выбрать и тип написания шрифта. Для создания перечеркнутого, нужно выбрать «Strike». После этого ввести нужное слово и скопировать результат в блоке рядом.

Выбор перечеркнутого текста на textgenerator.ru

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

подчеркнутых шрифтов | Фонтспейс

Загрузить
  • Dark Mode
  • Помощь входа в систему
Присоединиться бесплатно
    0 шрифты 0 стилей 0 коллекции
  • генератор шрифта
  • (͡ ° ͡ ͜ʖ °)
  • дизайнеров
  • 0

54 бесплатные шрифты

Связанные стили

  • Каллиграфия
  • Cursive
  • Fancy
  • Надпись
  • Script
  • почерка
  • Симпатичные
  • Жирный
  • Fun
  • Современный
  • Retro
  • Vintage
  • Italic
  • Wedding
  • Кисть
  • Декоративные
  • Плакат
  • Красивая
  • рисованной
  • ручной работы
  • подключен
  • Swash
  • Дисплей
  • STYLISH
  • Уникальный
  • 1950S
  • Автомобили
  • Женская
  • Приглашение
  • Логотип
  • Реклама
  • Брендинг
  • Мода
  • Инлайн
  • Этикетка

Коммерческое использование

Сортировать по

  • Популярные
  • В тренде
  • Новейший
  • Имя

100% Бесплатно

118.9k загрузок

Личное использование Бесплатно

273.3k загрузок

Личное использование Бесплатно

183.4k загрузок

Личное использование Бесплатно

11384 загрузки

Личное использование Бесплатно

18693 загрузки

Личное использование Бесплатно

261.3k загрузок

Личное использование Бесплатно

1621 загрузок

Личное использование Бесплатно

4050 загрузок

Личное использование Бесплатно

12483 загрузки

Личное использование Бесплатно

6727 загрузок

Личное использование Бесплатно

5868 загрузок

Личное использование Бесплатно

13083 загрузки

Личное использование Бесплатно

8138 загрузок

Личное использование Бесплатно

2297 загрузок

Личное использование Бесплатно

1683 загрузки

от 1 до 15 из 54 результатов

  • 1
  • 0 2 0
  • 3
  • 4
  • Далее

Далее более стилей

  • подчеркивают скрипт
  • подчеркивают undersive
  • подчеркивание Каллиграфия
  • Ретро Подчеркнутый
  • Подчеркнутого перекоса
  • Подчеркнутого Декоративные
  • Подчеркнутого почерка
  • Подчеркнутого Кисть
  • Подчеркнутых Handmade
  • Modern Подчеркнутых
  • Nance подчеркивают
  • подчеркивают
  • Runderline
  • Bold подчеркивают
  • подчеркивание
  • подчеркивают свадьба
  • красивая подчеркивание
  • милый подчеркивает
  • 9003
    подчеркивают
  • Mitalic подчеркивают
  • подчеркивают плакат
  • Curely Runnity
  • Подчеркивая
  • 9004
  • подчеркивают рисованной
  • подчеркивают в Inline
  • подчеркивают встроенные
91 000 + бесплатные шрифты 16 000 + дизайнеры коммерческого использования 3100 + дизайнеров
  • популярных шрифтов
  • коммерческих шрифтов
  • Cool Cool
  • Руковых шрифтов
  • Блог
    0
  • С помощью
  • Контакт
  • 0 Бренд 0 Конфиденциальность 0 Условия 0 DMCA
  • Sitemap
9002 © 2006-2022 Fontspace

Подчеркивание | Практическая типография Баттерика

подчеркивание Абсолютно нет

В печатном документе не подчеркивать.Всегда. Это некрасиво и затрудняет чтение текста. Убедитесь сами —

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

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

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

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

кстати

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

  • Функция «Отслеживание изменений» вашего текстового процессора подчеркнет текст, добавленный в документ. Это хорошо. На самом деле, это еще одна причина не использовать подчеркивание для выделения — чтобы читатели не перепутали текст, помеченный как исправленный, с текстом, который оказался подчеркнутым.

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

    «Да ладно! Все подчеркивают ссылки!» Некоторые используют подчеркивание скупо, а часто и вовсе не подчеркивают: журналы New York Times , New York , Washington Post , Guardian , Wall Street Journal , Atlantic , New Yorker , Hollywood Reporter , Bloomberg, Google, Politico, Amazon, Apple, Microsoft, GitHub, Yahoo News и Wikipedia.Даже eBay, образец веб-дизайна 90-х, уступил. Подчеркнутые ссылки мертвы? Может быть, не совсем. Умирает? Для уверенности.

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

Что такое подчеркивание?

Обновлено: 16.08.2021 автором Computer Hope

Подчеркивание может относиться к любому из следующего:

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

Что такое клавиша подчеркивания?

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

Создать подчеркнутый текст в HTML

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

Этот текст следует подчеркнуть

Создайте подчеркнутый текст в текстовом процессоре, таком как Microsoft Word

Ниже приведены общие шаги по созданию подчеркнутого текста в текстовом редакторе, таком как Microsoft Word, Google Docs или LibreOffice Writer.

  1. Выделите текст, который хотите подчеркнуть.
  2. Нажмите кнопку U , которая часто находится рядом с кнопками B и I для полужирного и курсивного начертания, как показано на рисунке.

Как убрать подчеркивание в текстовом процессоре

Ниже приведены шаги по удалению подчеркивания текста в текстовом процессоре, таком как Microsoft Word, Google Docs или LibreOffice Writer.

  1. Выделение всего или части подчеркнутого текста.
  2. Нажмите кнопку U , которая часто находится рядом с кнопками B и I для выделения жирным шрифтом и курсивом, как показано на рисунке.
Наконечник

Горячая клавиша для подчеркивания текста часто представляет собой Ctrl + U на ПК и Command + U на Mac.

2. Строка также может быть подчеркнута волнистой линией, чтобы указать на ошибки в документе. Здесь изображены три подчеркивания разного цвета в документе Microsoft Word. Красные подчеркивания указывают на орфографические ошибки, зеленые подчеркивания — грамматические ошибки, а синие подчеркивания указывают на непоследовательное форматирование.

Наконечник

С волнистой зеленой линией, если вы щелкните правой кнопкой мыши зеленую линию и выберите About This Setence , вы получите дополнительную информацию об ошибке грамматики.

BIU, Жирный, Шрифт, Курсив, Линия, Типографские термины, Подчеркивание, Термины текстового процессора

Генератор подчеркивания текста — добавьте подчеркивание к вашему тексту

О генераторе подчеркивания текста

Underline Text Generator — это онлайн-инструмент, который можно использовать для преобразования обычного текста в текст с подчеркиванием.Например: вы можете написать G̲o̲o̲d̲ L̲u̲c̲k̲ m̲y̲ f̲r̲i̲e̲n̲d̲ с подчеркиванием или d̳o̳u̳b̳l̳e̳ u̳n̳d̳e̳r̳l̳i̳n̳e̳ и т. д. Вы должны знать, что символы подчеркивания, двойное подчеркивание или другие символы используются под каждым алфавитом.

После вставки текста в текстовое поле выше вы можете просто скопировать различные сгенерированные стили и вставить их. Как уже упоминалось, все символы подчеркивания или другие символы являются символами Unicode, поэтому вы можете использовать их на любой платформе, где поддерживаются символы Unicode.Подчеркнутый текст можно использовать в Twitter, WhatsApp, Facebook и т. д. Этот генератор предоставляет только стили текста с символами внизу, для выделения текста курсивом используйте генератор курсива, для выделения жирным шрифтом используйте наш генератор полужирного текста, или для всех стилей перейдите к Стильный Текстовый генератор.

Как использовать этот инструмент?

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

Следуйте приведенным ниже быстрым шагам:

  1. Вставьте текст в текстовое поле вверху.
  2. Нажмите кнопку копирования сразу после понравившейся текстовой формы.
  3. Теперь вы можете вставить его. Все сделано!

Как создается подчеркнутый текст?

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

Ниже приведена информация о различных вариантах текста:

  • Текст с подчеркиванием (двойной макрон): Ваш простой текст преобразуется в текст со строкой ниже. Строка внизу каждого символа представляет собой символ «Объединение двойного макрона ниже».
  • Текст с подчеркиванием (нижняя строка): Плоский текст превращается в текст с нижней линией внизу. Символ в этом стиле представляет собой комбинированный символ низкой строки.
  • Текст с двойным подчеркиванием: Если вы хотите двойное подчеркивание под буквами и цифрами, скопируйте этот стиль. В нем используется символ Combining Double Low Line.
  • Текст с Тильдой Внизу: Это для тех, кто хочет тильду под алфавитом или цифрами.Символ представляет собой сочетание символов тильды ниже.
  • Двойная стрелка вправо Ниже: Комбинация двойной стрелки вправо используется для создания этого типа текста. Если вам нужна стрелка под вашим текстом, просто скопируйте ее.

(Все символы под буквами или цифрами являются символами Unicode)

Генератор подчеркнутого текста| Выберите желаемую комбинацию подчеркнутого текста из огромного ассортимента, доступного здесь

.

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

Простой, удобный и совершенно бесплатный инструмент для преобразования текста, доступный для вас в Интернете.

Вот он — генератор подчеркнутых шрифтов, разработанный с использованием новейших технологий! 😛

От курсива и рукописного текста к стилям текста Zalgo и Cursive. — Этот инструмент не только создает великолепные подчеркнутые буквы, но и сочетает их с более чем 13000 стилями шрифтов, более чем 2000 эмодзи, более чем 10000 символами и более чем 15000 значков с использованием недавно обновленных и пересмотренных стандартов Unicode.

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

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

Что такое конвертер u̲̲n̲d̲e̲r̲l̲i̲n̲e̲d̲ t̲̲e̲x̲t̲?

Генератор подчеркнутых шрифтов — это двухмерная версия генератора текста, обычно преобразующая простой текст в привлекающие внимание подчеркнутые в режиме реального времени. Thefontworld.com, крупнейшая коллекция стилей шрифтов в Интернете на сегодняшний день, разработала этот инструмент для изменения текстов, чтобы помочь людям сделать их тексты и сообщения более естественными, впечатляющими и привлекающими внимание. Теперь этот инструмент нашел свое применение в мобильных телефонах, ПК и на панели закладок более чем 3 миллионов человек по всему миру с широким распространением стильных шрифтов благодаря его совершенству, безупречности и улучшенной совместимости.Используйте его сейчас, чтобы испытать его силу!

Хотите знать, как работает этот онлайн-конвертер подчеркнутого текста?

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

1) Введите текст.

Вставьте или напишите текст, который вы хотите преобразовать, в пустой раздел выше.

2) Предварительный просмотр.

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

3) Копировать.

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

Каждая комбинация или подчеркнутый текст, сгенерированный этим инструментом, имеет уникальные символы, которые логически получены с помощью Unicode, поэтому будьте уверены, какую бы комбинацию подчеркнутого шрифта вы ни выбрали, она будет уникальной, что сделает вас и ваши статусы, сообщения и контент впечатляющими. Просто введите текст в пустой раздел выше, и этот специально разработанный инструмент обработает текст в каждой строке и столбце, найдет наиболее подходящие стили шрифтов, объединит их с декоративными символами, смайликами, значками и сразу же покажет окончательные результаты.Выберите нужную комбинацию подчеркнутого стиля шрифта или просто выберите простой из отображаемых результатов, выбор за вами. Весь сгенерированный «Подчеркнутый текст» можно скопировать одним щелчком мыши. Итак, скопируйте и вставьте их в Facebook, Twitter, Tumblr, Instagram, YouTube, другие платформы социальных сетей или в любое другое место, где вы хотите изобразить отличие!

Чтобы задать тон и привлечь больше внимания читателей, вы хотите, чтобы ваши сообщения были модными, крутыми и привлекающими внимание. Итак, независимо от того, хотите ли вы выразить свои сообщения с помощью крутых эффектов или хотите обновить свой статус в Facebook с помощью подчеркнутых текстов, Thefontworld.com содержит множество комбинаций подчеркнутого текста с различными стилями шрифта, смайликами, символами и значками, включая текст, выделенный полужирным курсивом, азбуки Морзе, крылышки, курсив с классными смайликами и многое другое, что поможет представить ваш текст в более крутой способ. Выберите требуемый стиль текста или комбинацию из вариантов, приведенных выше, чтобы сделать свои статусы, биографию, чат, не копируя кого-либо еще. Вы можете выбрать комбинации подчеркнутого текста с другими шрифтами и смайликами в зависимости от типа сообщения или текстовой задачи, которую вы хотите выполнить; Конечно, вы можете найти здесь точную комбинацию подчеркнутого текста, которая представляет ваше сообщение именно так, как вы хотите.

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

Весь подчеркнутый здесь текст сгенерирован с использованием символов Unicode, поэтому они полностью совместимы, абсолютно бесплатны и их действительно легко копировать и вставлять куда угодно.Вы можете скопировать любую комбинацию преобразованного подчеркнутого текста из диапазона вариантов выше и использовать их на любой платформе. Будьте уверены, что ваш преобразованный подчеркнутый текст в вышеупомянутом инструменте представляет собой набор странных символов, которые Unicode определяет как удобные для использования в Facebook, Tumblr, Twitter, профилях и сообщениях и т. д. Эти преобразованные подчеркнутые тексты — лишь некоторые из 130000+ стилей шрифтов, содержащихся в Юникод. Но вы можете заметить, что некоторые буквы не конвертируются должным образом. Почему? Это потому, что некоторых комбинаций алфавита на самом деле не существует в Unicode.Хотите узнать, что такое Unicode и как он поддерживает этот инструмент?

Unicode — это международный стандарт символов. Он заменяет «ASCII» и фактически состоит из всех символов ASCII внутри себя. Существует буквально гамма различных символов, определенных Unicode, по сравнению с ограниченными 256 символами, определенными ASCII. Точно так же Unicode позволяет нам добавлять диакритические знаки, которые дополняют наши символы и позволяют нам создавать такие странные вещи, как это:

w̲̲h̲a̲t̲ a̲̲r̲e̲ y̲̲o̲u̲ d̲̲o̲i̲n̲g̲?

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

Эта онлайн-версия генератора подчеркнутого текста была создана с полной самоотдачей и любовью наших опытных разработчиков, использующих html+JavaScript+css с jQuery.Кроме того, мы предлагаем серию онлайн-симуляторов преобразования текста, таких как блочный текст, перевернутый текст, конвертер Unicode, конвертер двоичного кода и многие другие.

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

Авторские права и товарные знаки:

Thefontworld.com — ведущий в отрасли генератор классных шрифтов для стилизации и копирования стильных текстов с использованием стандартов Unicode. Здесь мы предлагаем вам различные инструменты для создания, преобразования, стилизации, изменения и перевода текстов для всех типов браузеров, платформ социальных сетей и чатов. Мы создаем и разрабатываем все типы инструментов, которые преобразуют текст с помощью определенных стандартов Unicode. Все дополнительные описания и другое содержимое защищены авторским правом © thefontworld.ком. Все изображения, значки и символы эмодзи, отображаемые на thefontworld.com, защищены авторским правом © их соответствующих владельцев и создателей, если не указано иное. Thefontworld.com ® — это зарегистрированный домен, который вы можете использовать в личных и коммерческих целях без какой-либо регистрации.

Подчеркнутый текст — Веб-руководство

Воспроизведение видео с подчеркнутым текстом

Стенограмма видео

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

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

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

Так что же вы можете сделать вместо этого?

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

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

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

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

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

Вот два шага, чтобы реализовать эту концепцию на практике.

Шаг 1: Решите, что важно!

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

Шаг 2. Добавьте сильный заголовок в начало важного раздела

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

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

Чтобы узнать больше о доступности веб-сайтов, посетите веб-руководство штата Бойсе, напишите по адресу [email protected] или позвоните нам по телефону (208) 426-5628.

Подчеркивание ссылки — Адриан Роселли

, последнее редактирование ; 14 комментариев

TL;DR : В целом, я рекомендую подчеркивать ссылки в основном тексте.При отсутствии лучшего стиля, подходящего для конкретного сайта, это путь.

Обзор

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

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

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

Честное предупреждение, это длинный пост.Я разбил его на шесть разделов:

  1. Доступность
  2. Удобство использования
  3. Академические исследования
  4. Другие сайты
  5. Варианты оформления
  6. Рекомендация
  7. Обновления

1. Доступность

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

Руководство по обеспечению доступности веб-контента (WCAG) 2.0 (основа для Раздела 508 в США, некоторые международные правила и правила ADA, которые Министерство юстиции использовало в недавних судебных процессах) содержит некоторые рекомендации по этому поводу.

Критерий успеха (SC) 1.4.1: Использование цвета:

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

Критерий успеха (SC) 1.4.1

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

Уровень A означает, что это минимальный уровень соответствия. Уровень AA является следующим уровнем соответствия и включает в себя весь уровень A. Вы не можете достичь уровня AA, не достигнув уровня A.

Все судебные иски были урегулированы на уровне AA (и, соответственно, на уровне A), и большинство правил основано на WCAG 2.0 используйте уровень AA в качестве базового уровня поддержки.

Рекомендации

Удобно, что есть рекомендации по выполнению SC 1.4.1, и они содержат примеры.

G182: обеспечение доступности дополнительных визуальных подсказок, когда для передачи информации используются различия в цвете текста:
  • Форматирование по умолчанию для ссылок на странице включает их представление в цвете, отличном от цвета остального текста на странице, с их подчеркиванием, чтобы ссылки можно было идентифицировать даже без цветового зрения.
  • В статье, в которой сравнивается использование похожих элементов в разных языках разметки, используется цветной текст для обозначения элементов каждого языка. Элементы из первого языка разметки обозначаются СИНИМ жирным шрифтом. Элементы из второго представлены как КРАСНЫЙ, выделенный курсивом текст.
  • Новостной сайт содержит ссылки на статьи, размещенные на его сайте. В некоторых случаях появляется дополнительная информация, такая как раздел, в котором появляется статья, время публикации статьи, связанное местоположение или указание на то, что она сопровождается живым видео.Ссылки на статьи выделены другим цветом, чем дополнительная информация, но ссылки не подчеркнуты, и каждая ссылка представлена ​​более крупным шрифтом, чем остальная информация, чтобы пользователи, у которых есть проблемы с различением цветов, могли лучше идентифицировать ссылки. без труда.
  • Короткие новости иногда содержат предложения, которые также являются ссылками на дополнительную информацию. Эти предложения печатаются в цвете и используют шрифт без засечек, а остальная часть абзаца — черный шрифт Times-Roman.
Г182

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

G183: использование коэффициента контрастности 3:1 с окружающим текстом и предоставление дополнительных визуальных подсказок о фокусе для ссылок или элементов управления, где для их идентификации используется только цвет:

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

Хотя использование этой техники достаточно для соответствия этим критериям успеха, это не предпочтительная техника для различения текста ссылки. Это связано с тем, что ссылки, которые используют только относительную яркость цвета, могут быть неочевидны для людей с слепотой к черному/белому цвету. При небольшом количестве ссылок в текстовом блоке рекомендуется подчеркивание для ссылок [выделено нами].

Г183

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

2. Удобство использования

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

Руководство по визуализации ссылок

Якоб Нильсен довольно ясно выразился в своем заявлении 2004 года:

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

Руководство по визуализации ссылок

Он расширяет это почти сразу:

  • Чтобы максимизировать воспринимаемую доступность кликабельности, цвет и подчеркивание текста ссылки.Пользователям не нужно угадывать или пролистывать страницу, чтобы узнать, где они могут щелкнуть.
  • Если текст ссылки раскрашен, подчеркивать его не всегда обязательно.
    • Есть два основных случая, когда вы можете безопасно отказаться от подчеркивания: меню навигации и другие списки ссылок. Однако это верно только тогда, когда дизайн страницы четко указывает на функцию области. (Помните: ваш дизайн может быть не так очевиден для внешних пользователей, как для членов вашей команды.) Пользователи обычно понимают левостороннюю панель навигации со списком ссылок на цветном фоне, предполагая, что она напоминает области навигации на большинстве других сайтов.
    • Исключение: подчеркивание необходимо, если вы используете цвета ссылок, такие как красный или зеленый, которые вызывают проблемы у пользователей с распространенными формами дальтонизма.
    • Исключение: подчеркнутые ссылки важны для пользователей с плохим зрением, поэтому сохраняйте подчеркивание, если доступность является приоритетом для вашего сайта или у вас много пользователей с плохим зрением.
Руководство по визуализации ссылок

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

В статье 2010 года от Jamie Appleseed определены три основных правила использования ссылок, одно из которых — подчеркивание ссылок.

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

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

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

Beyond Blue Links: создание узнаваемых кликабельных элементов

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

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

[…]

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

[…] Основная проблема со многими плоскими дизайнами заключается в том, что один из самых сильных показателей кликабельности — трехмерность — удаляется из уравнения. Текстуры, на которые пользователи долгое время полагались в качестве подсказок, удалены, что затрудняет пользователям определение того, что кликабельно, а что нет.

Beyond Blue Links: создание узнаваемых кликабельных элементов

3.Академические исследования

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

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

Сравнение методов визуализации маркеров ссылок — изменения в поведении при чтении

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

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

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

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

Сравнение методов читаемости ссылок

Карин Грейвс провела опрос, который лег в основу ее статьи 2004 года «Сравнение методов читаемости ссылок ». Цель состояла в том, чтобы определить, как личные предпочтения влияют на то, как люди хотели бы видеть ссылки визуально.

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

Интересно, что общее время чтения образцов статей улучшилось, когда ссылки были выделены. Второе лучшее время чтения было у образцов с подчеркнутыми ссылками. Читатели не сообщали о понимании, а только о времени чтения; четко подчеркнутые ссылки их не тормозили (а вроде бы наоборот). В противном случае результаты оказались неубедительными для рекомендации идеального стиля ссылок.

Когнитивная нагрузка при чтении гипертекста: обзор

В статье 2005 года Когнитивная нагрузка при чтении гипертекста: обзор Дайаны ДеСтефано и Джо-Энн Лефевр авторы проводят метаанализ многих предыдущих статей с 1999 по 2004 год (ни одна из двух, которые я обсуждал, не включены в нее).

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

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

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

4. Другие сайты

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

Я уже писал о том, как Google убрал подчеркивания и почему это не бесплатный способ сделать это на ваших собственных сайтах.Причина двоякая: все знают, как работают результаты поиска Google (которые, по сути, представляют собой навигацию), и Google по-прежнему не выполняет требование цветового контраста согласно WCAG (коэффициент контрастности между ссылками и окружающим текстом составляет всего 1,64:1).

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

Другие интернет-магазины находятся в той же лодке, что и Amazon (Wal-Mart, Target, Apple и т. д.). Ссылки в основном используются для навигации с небольшим повествовательным содержанием, которое, когда оно появляется, почти всегда лишено ссылок. Эти сайты понимают, что вы не отправляете людей со страницы, если только она не находится в контролируемых дополнительных или перекрестных продажах, и эти ссылки по-прежнему являются навигацией.

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

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

Обратите внимание, что многие контент-платформы переходят к решению проблемы контраста ссылок: Drupal даже кодифицирует подчеркивания в ядро, а WordPress обсуждает это (в автономном режиме).

5. Варианты оформления

Даже в мире установленных приложений (по сравнению с веб-страницами) значение четких индикаторов важно и подчеркивается в концепциях дизайна для разработчиков программного обеспечения, как это делает Microsoft здесь:

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

Ссылки: концепции дизайна, устарели с октября 2021 г.

Более свежий отрывок:

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

Разработка приложений для Windows: подчеркивание гиперссылки от 4 октября 2021 г.

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

Подчеркивание

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

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

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

Изюминка

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

Граница

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

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

Эффекты градиента

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

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

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

Иконки

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

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

Стили шрифтов

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

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

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

6. Рекомендация

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

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

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

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

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

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

Другие предложения

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

7. Обновления

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

12 января 2017 г.

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

CSSWG сейчас обсуждает классные новые (для 2018+) способы оформления подчеркиваний. https://drafts.csswg.org/css-text-decor-4/ Изменить толщину, немного сдвинуть вверх/вниз и т. д.

— Джен Симмонс (@jensimmons) 12 января 2017 г.

4 января 2017 г.

Новые параметры оформления подчеркивания из предыдущего обновления теперь поддерживаются в некоторых браузерах (WebKit), в частности text-decoration-skip-ink .В результате я удалил технику фона/тени, которую я использовал на этом сайте, чтобы визуально представить подчеркивания, которые не сталкиваются с нижними элементами. Если вы используете Firefox, Edge или IE на этом этапе, вы увидите, что подчеркивание ссылок переходит в нисходящие элементы. Safari уже много лет предотвращает столкновение подчеркиваний.

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

Хорошей новостью является то, что этот новый контроль над стилем заставляет людей переосмыслить свое избегание подчеркивания. Сообщение Доступные ссылки Re:visited приводит доводы в пользу подчеркивания более светлым цветом с использованием text-decoration-color (но убедитесь, что контраст все еще достаточен). Точно так же Как использовать подчеркнутый текст для улучшения взаимодействия с пользователем предлагает некоторые предложения по цвету, стилю, спискам и даже соображениям для ссылок в приложениях.

Независимо от техники, которую вы используете, возможно, последуйте примеру Террилла Томпсона в его посте Новогодняя резолюция: подчеркните свои ссылки!

19 февраля 2020 г.

Чип Каллен создал инструмент, который может помочь вам выделить три контрастных цвета для ваших ссылок — один для фона, один для текста и один для ссылок. Инструмент Contrast Triangle поможет вам убедиться, что каждый из цветов соответствует требованиям WCAG относительно контрастности друг друга.

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

11 ноября 2020 г.

Команда тем WordPress обновила свои рекомендации относительно того, что она будет принимать от тем, и я одобряю:

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

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

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

10 декабря 2021 г.

В блоге Mozilla есть статья, посвященная истории оформления гиперссылок, с вопросом Почему гиперссылки синие? Для контекста этого поста вот фрагмент подчеркивания:

Еще одна интересная вещь о Windows 1.0 [с 1985 года], который до сих пор появляется на современных веб-сайтах, — это подчеркнутая гиперссылка. Это первый пример использования подчеркивания для обозначения гиперссылки, который мне удалось найти.

Почему гиперссылки синие?

Первый экземпляр подчеркнутых ссылок в браузере, по-видимому, является самым первым браузером 1987 года:

WWW был первым браузером, созданным Тимом Бернерсом-Ли во время работы в CERN.Сначала он был черно-белым, с подчеркиванием под гиперссылками, которые до сих пор используются на современных веб-сайтах и ​​являются отличным решением для дальтоников.

Почему гиперссылки синие?

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

16 декабря 2021 г.

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

16 января 2022 г.

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

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

Добавить комментарий

Ваш адрес email не будет опубликован.