Создание собственного стиля сайта

Author
Анна Петрова
Senior UX Designer @ TechCorp

☛Юзабилити ✎
★★★★☆
3.9 / 5 (83 оценок)



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

Редакторы для верстки веб-страницы бывают двух типов:
• визуальные;
• текстовые.

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

Практический web-дизайн
Существуют правила верстки текста. Итак, если вы отводите малый столбик под текст, его размер вычисляют следующим образом. Выбираете гарнитуру, кегль, начертание и пишите:
abcdefghijklmnopqrstuvwxyzabcdefghijklm
Именно такая ширина является оптимальной для данного шрифта. Однако по размеру стандартной страницы в 620 пикселей это слишком много. Если вас не устраивает, возьмите самое длинное слово вашего текста и напечатайте его полтора раза (которую случае с алфавитом). При использовании колонки для размещения ссылок держите его ширину от 130 до 150 пикселей. Подробно о табличную верстку смотрите раздел о HTML о том, как создавать таблицы.


Предыдущая   -    Страница: 2 из 2

Навигация: 1  2  
#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

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

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю