Компьютерная графика в Web-дизайне

Разработка дизайна интерфейса

· творческие поиски и разработка стиля;

· создание прототипов;

· утверждение заказчиком;

· графическое производство: дизайн датабаз и форм, анимации, графика в GIF/Jpeg, обработка в html.

Интерфейс. Начните с самой важной страницы, работайте над ней до тех пор, пока у вас не будет как минимум 15 набросков различных вариантов, из которых 5 можно развить дальше. Продолжайте искать идеи, рисовать и думать. Попробуйте поэкспериментировать с различными эффектами: real audio/vidio, динамическое html, необычное использование тегов и т.д.

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

Выберите 3 законченных варианта: ваш любимый, несколько экстравагантный и консервативный, который вы уверены, понравится заказчику. Создайте для них прототипы, которые он сможет посмотреть и одобрить. Прототип - черновой вариант слинкованных между собой основных страниц сайта. Не обязательно писать код для этих страниц, вы прекрасно можете обойтись image-maps. Порежьте страницы на части и пролинкуйте графику между собой. Не тратьте время на ее оптимизацию, и объясните заказчику, что она немного потеряет в качестве при дальнейшей обработке. Задача прототипов - хорошо смотреться в окне браузера и понравится заказчику.

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

Графические компоненты Web-страниц по назначению можно условно разделить на три обширные категории:

· иллюстративная графика, включая дополняющие текст фотографии, пояснительные рисунки, чертежи и схемы,

· функциональная графика, представляющая собой элементы управления сайтом (кнопки навигации, счетчики и элементы интерактивных форм) и, наконец,

· декоративная графика — элементы дизайна страницы, включенные в нее «для красоты» и не несущие информационной нагрузки (фоновые рисунки, линии-разделители, выполненные в виде графических файлов заголовки и многое другое).

Дата добавления: 2014-01-04