Как выравнивать текст

Как вырав­ни­вать текст — о том как вырав­ни­вать текст в 99% слу­ча­ев. Откры­ва­ем руб­ри­ку дизай­на. Это очень про­стое пра­ви­ло, но очень важ­ное и сра­зу меня­ет ваш уро­вень, как дизайнера.

Как выравнивать текст: сделаем чтение удобным и приятным

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

Ключевые принципы выравнивания текста

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

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

Пошаговая инструкция по выравниванию текста

Основы работы в текстовом редакторе

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

Microsoft Word

Как выравнивать текст: Google Docs

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

Как выравнивать текст в HTML и CSS

Если вы рабо­та­е­те с веб-стра­ни­ца­ми, зна­ние основ HTML и CSS будет весь­ма полез­ным. Давай­те посмот­рим, как мож­но выров­нять текст с помо­щью про­стых стилей.

• Для вырав­ни­ва­ния по лево­му краю исполь­зуй­те text-align: left;
• Для вырав­ни­ва­ния по пра­во­му краю – text-align: right;
• Для цен­три­ро­ва­ния тек­ста – text-align: center;
• И для вырав­ни­ва­ния по ширине – text-align: justify;

Тонкости и лайфхаки выравнивания текста

Уме­ние вырав­ни­вать текст без­услов­но важ­но, но есть еще мно­же­ство нюан­сов и сек­ре­тов, кото­рые дела­ют текст не про­сто чита­е­мым, но и эстетичным.

Избегайте «рек»

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

Внимание на кернинг и трекинг

• Кер­нинг — это мик­ро­на­строй­ка про­стран­ства меж­ду кон­крет­ны­ми пара­ми символов.
• Тре­кинг — изме­не­ние обще­го рас­сто­я­ния меж­ду сим­во­ла­ми во всем тек­сто­вом блоке.

Исполь­зуй­те эти инстру­мен­ты, что­бы ваш текст выгля­дел более про­фес­си­о­наль­но и гар­мо­нич­но. Управ­лять эти­ми пара­мет­ра­ми мож­но в ком­пью­тер­ных про­грам­мах, таких как Adobe Photoshop, Illustrator или InDesign.

Выбирайте правильное оформление для вашего контента

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

Как выравнивать текст: заключение

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

Засим поз­воль­те откланяться.

Боль­ше постов про дизайн в бло­ге Tiku Digital.