![\"\"](\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/10_pravil_po_tipografike.jpg\")
\n<\/div>\nПравила веб-дизайна<\/h2>\n
Специалисты в данной отрасли выделили 10 основных правил, которых должен придерживаться каждый профи:<\/p>\n
1. Применение стандартных шрифтов<\/h3>\n
Многие веб дизайнеры любят экспериментировать, попробовать подать материал по-особенному. Опытные специалисты рекомендуют использовать стандартные шрифты. Использование декоративных шрифтов может отвлекать читателей от содержания. Необычное изображение букв трудно воспринимается, быстро устают глаза. Удерживать внимание читателей проще с помощью стандартных типографских шрифтов.<\/p>\n
2. Умеренность в количестве шрифтов — не более 2-3 видов<\/h3>\n
Рекомендуется выбрать один шрифт для заголовков, один для подзаголовков и один для основного текста. Такие тексты выглядят эстетично, их легко читать.<\/p>\n
3. Использование Caps Lock для выделения текстовых фрагментов недопустимо<\/h3>\n
Когда часть текста выделяется заглавными буквами, это оказывает негативное влияние на пользователей.<\/p>\n
4. Использование контраста<\/h3>\n
Правило хорошей типографии — для создания акцента на важных мыслях добавлять контрастное выделение отдельных фрагментов текста.<\/p>\n
![\"\"](\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Ispolzovanie_kontrasta.jpg\")
\n5. Строки должны иметь оптимальную длину<\/h3>\n
Читатели плохо воспринимают информацию, если строки слишком длинные. Нормальной считается длина от 40 до 70 символов. Оптимальное значение — 60.<\/p>\n
6. Отказ от висячих строк<\/h3>\n
Когда вверху или внизу имеются короткие строки, оторванные от предыдущего или последующего абзаца, нарушается эстетика текста. Это мешает хорошему восприятию и рассеивает внимание читателей. Их нужно устранять путём переноса строк или изменением интервала между буквами.<\/p>\n
7. Межстрочное расстояние<\/h3>\n
Не стоит строки располагать слишком близко. От этого страдает читабельность и восприятие. Оптимальный интервал — от 130 до 150% высоты строки.<\/p>\n
8. Не стоит делать переносы<\/h3>\n
Они рассеивают внимание и мешают воспринимать информацию.<\/p>\n
9. Помним о мобильной версии<\/h3>\n
Большинство людей выходят в интернет по телефону, потому что он всегда под рукой. Веб дизайнеры должны это учитывать и создавать дизайн, который будет эффективным для мобильной версии сайта.<\/p>\n
10. Отказ от шрифта Comic Sans<\/h3>\n
Текст, напечатанный таким шрифтом, абсолютно нечитабельный, глаза от него устают моментально. Шрифт совершенно непригоден для использования в типографике.<\/p>\n
![\"\"](\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Skazhi-comic-sans-net.jpg\")
\n<\/div>\nЭти правила являются основой веб дизайна<\/a><\/b>. Используйте типографику в дизайне, чтобы тексты хорошо воспринимались и легко читались, а внимание ничего не отвлекало от содержания страницы.
\nЕсть и другие аспекты создания красивого и удобного сайта — с ними вы можете ознакомиться в этой статье<\/a><\/b>. А чтобы ваше портфолио приводило клиентов, воспользуйтесь сервисом взаимопиара для дизайнеров Betop.me<\/a><\/b> — лайки, просмотры и комментарии в Behance, Dribbble, Artstation и другие площадки.<\/p>\n",
"date_published": "2023-03-26T13:18:10+03:00",
"date_modified": "2023-03-27T16:12:39+03:00",
"tags": [
"основы веб дизайна",
"правила дизайна",
"Продвижение Behance",
"создание сайтов",
"типографика",
"Тренды 2023",
"шрифты"
],
"image": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/10_pravil_po_tipografike.jpg",
"_date_published_rfc2822": "Sun, 26 Mar 2023 13:18:10 +0300",
"_rss_guid_is_permalink": "false",
"_rss_guid": "24",
"_e2_data": {
"is_favourite": false,
"links_required": [],
"og_images": [
"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/10_pravil_po_tipografike.jpg",
"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Ispolzovanie_kontrasta.jpg",
"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Skazhi-comic-sans-net.jpg"
]
}
}
],
"_e2_version": 4079,
"_e2_ua_string": "Aegea 11.0 (v4079)"
}