Категории: Веб-дизайн

Типографская раскладка и спецсимволы

Небольшая памятка дизайнеру по вставке «правильных» типографских символов.

Советую распечатать и повесить на стенку. Очень помогает в ежедневной работе.

Под катом табличка с ALT кодами, пояснение как набирать символы и шпаргалка в формате PDF для распечатки.

Как вставить типографские символы

Вставляется довольно интересно. Зажимаем клавишу Alt и на цифровой клавиатуре (там где Num Lock) набираем нужную комбинацию, после чего отпускаем Alt. Символ вставится как только вы отпустите Alt.

Как вставлять

Что обозначает

ALT+0171

«

ALT+0187

»

ALT+0145

‘ (открывающая одинарная кавычка)

ALT+0146

’ (закрывающая одинарная кавычка или апостроф)

ALT+0147

“ (открывающая двойная кавычка)

ALT+0148

” (закрывающая двойная кавычка)

ALT+0132

„ (русская открывающая двойная кавычка)

ALT+0147

“ (русская закрывающая двойная кавычка)

ALT+0169

©

ALT+0151

— (длинное тире)

ALT+0150

– (короткое тире)

ALT+0167

§

ALT+0177

±

ALT+0174

®

ALT+0160

(неразрывный пробел)

ALT+0133

...

ALT+0153

ALT+0183

· (точка посредине)

ALT+0149

• (булит)

ALT+0176

° (градус)

ALT+24

ALT+25

ALT+26

ALT+27

Для особо ленивых

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

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

Также могу посоветовать расширение Glyphs для браузера Google Chrome (необходима dev-версия браузера).

Update: сделал таблицу в PDF.

Скачать таблицу в PDF.

Спасибо TOX1C’у за идею.

Update 2:

Для ленивых и не пользующихся Хромом — стандартное виндоус приложение «Таблица символов» (все мелкое и не особо удобное) или copypastecharacter.com

thx Ивану Овечкину

Поделиться

Посмотреть комментарии

  • Ещё бы оформил памятку в PDF в разных размерах, кому на стену, кому на стол — ваще бы заебок было!

  • Отличная идея! Обязательно сделаю =)

  • А я только недавно выучила сопи -паст...думала, молодец. А тут еще столько возможностей! учить и учить..

  • Спасибо, у меня вечная засада с этим «елочками»!

  • Для ленивых и не пользующихся Хромом — стандартное виндоус приложение «Таблица символов» (все мелкое и не особо удобное) или http://copypastecharacter.com/

Последние посты

Дайджест ABOUT FACE #5: дизайн-принципы хороших продуктов, Sketch + AE, правильная иконка шаринга

Хорошей среды! Пришло время нового выпуска дайджеста. (далее…)

% дней назад

Дайджест ABOUT FACE #4: агенство или продукт, After Effects в код, 100 книг для дизайнера

Хорошего понедельника! Давно не было свежего выпуска дайждеста, а материала накопилось порядочно 😍 (далее…)

% дней назад

5 современных альтернатив WordPress

Это рекламная статья. Многие считают, что WordPress — одна из наиболее популярных open-source систем для…

% дней назад

Дайджест ABOUT FACE #3: новая книга Бюро, CSS в Скетче, дизайн для нескольких языков

Хорошего понедельника! Надеюсь все отлично отдохнули, потому как я собрал для вас новую порцию интересных…

% дней назад

Дайджест ABOUT FACE #2: книги по типографике, одновременная работа с макетом, дизайнер-cатана

Хорошего понедельника! Приветствуем второй выпуск дайджеста. Для тех, кто не в теме, дайджест просеивает тонны…

% дней назад

Дайджест ABOUT FACE #1: редизайн Хрома, сколько зарабатывают дизайнеры, каким должен быть VR интерфейс

Хорошего понедельника! Как я писал в паблике, я решил немного изменить формат выхода новостей. Поэтому всё…

% дней назад