All for Joomla All for Webmasters
Web-дизайн

Особенности WEB — дизайна, полезные советы!!!

Особенности WEB - дизайна, полезные советы!!!

О web дизайне для начинающих

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

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

Особенности WEB - дизайна, полезные советы!!!Понятное дело — черезмерное обилие графики может вызывать раздражение, припадки, ненависть, истерический хохот и прочие «приятные эффекты», особенно если отдельные элементы резко выделяются по цвету или форме. Бывают примеры, когда грамотно использованные, на первый взгляд, не совместимые элементы создают приятную картину, но бывает это редко и получается это у супер профи. Не играйте с диссонансами пока не научитесь грамотно работать с гармонией.

Не забывайте, графические элементы — это килобайты, а это траффик, а это время загрузки сайта и нагрузка на сервер. Мало кто интересуется собственно графикой. Интересуются информацией — самой главной единицей в интернете.

Стоит отметить, что достигнуть баланса графики и текста — не так просто как кажется. Текст должно быть легко читаем и различим, и обилие графики далеко не всегда этому способствуют. Хотя полное её отсутствие — тоже плохо. Ибо чтение сплошного массива текста — дело не лёгкое.
Одна из главных ошибок дизайнера — попытка показать все свои навыки в одном макете и плохо продуманная (или недостаточно обеспеченная) функциональность страниц. Смысл web-дизайна — найти лучший способ для представления информации. Если никакой функциональной нагрузки элемент не несёт — значит он бесполезен и от него надо избавится.

В итоге, web-дизайн должен отвечать следующим требованиям:

  • обеспечивать возможность взаимодействия пользователя с динамическими объектами
  • логичная взаимосвязь графики и текста (а так же видео- и аудио-файлов)
  • обеспечивать узнаваемость сайта.

Немного об элементах, которые используются на web-страницах. Навигационные кнопки воспринимаются легче, чем текст, для перемещения по сайту.
Логотип — идентификация сайта, фирмы, человека. Логотип — первое, что существенно увеличивает узнаваемость бренда или торговой марки.
Маркеры списков используются для привлечения внимания посетителей к важным точкам документов. Для этого также подходят параграфы и абзацы.

Графический заголовок позволяет использовать независящие от установленных на клиентском компьютере шрифты. Правда сейчас существует возможность отказаться от графики в пользу css конструкции @font-face, которая позволит использовать необходимый шрифт не нагружая сайт лишней графикой. Фотографии обычно используются для придания более доброжелательного внешнего вида странице.

Конструкции @font-face

Важно помнить, что погоня за сокращение размера графики не должна приводить к видимой потере качества изображения. Для разумного сжатия можно воспользоваться онлайн-сервисами:

PunyPNG сжимает все графические форматы и сжимает очень хорошо.
Kraken тоже отличный сжиматель. Среди плюсов — есть плагин для FireFox.

Похожие материалы

Нет комментариев

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