Все в дизайне

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

Советы web-дизайнеру
4.4 / 5 (95 оценок)


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

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

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

Я хотела бы дать ряд советов, используя которые вы сможете добиться нужного эффекта:
Помните, что вес страницы вместе с графикой, кнопками и баннерами не должен превышать 150 Кб. Вес вы считаете так: страница на HTML + вся графика + кнопки/баннеры. Кнопки обычно весят примерно по 2-3 Кб, баннеры 13-15 Кб. Если у вас в меню используются roll-over'ы, то вы должны считать вес всей графики, включая то, что загружается в Cash-память.
Тщательно подходите к выбору формата графики, не забывайте о том, что в формате GIF простые (малоцветные) изображения весят меньше, а фотографии лучше сохранять в формате JPG.

Никогда не забывайте оптимизировать графику перед отправкой в сеть. Наилучшее соотношение качества и веса для JPG 60-70%. Даже если на каждой картинке вы сократите 2-3 Кб, а картинок будет 10, то получите уменьшение веса на 20-30 Кб. А это не мало! Для оптимизации графики вы можете использовать: Ulead PhotoImpact 6.0, Ulead Smart SaverPro 3.0 или Adobe ImageReady 3.0


Страница: 1 из 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!

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

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