Разработка дизайна веб-продукта

Размещено на http://www.allbest.ru/

Разработка дизайна веб-продукта

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

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

Своим рождением веб-дизайн обязан языку HTML (Hypertext Markup Language -- язык разметки гипертекста). Некоторые называют его языком программирования. Но это далеко не так. HTML -- язык разметки веб-документа. Он определяет, что куда поставить и в какой цвет покрасить. Для верстки HTML существует множество программ. Одни из них малофункциональные, такие, например, как Блокнот, поставляемый в комплекте с Windows. Другие мощные програмные комплексы, такие как Adobe Dreaweaver CS3.

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

Графику на веб-страницах обычно называют веб-графикой. Такую графику можно создать с помощью графических редакторов, например, используя программу Adobe Photoshop. Однако веб-графика обладает рядом особенностей, которые требуют более специализированных програмных средств. Например, рисунок на веб-странице должен иметь небольшой размер, чтобы сократить время загрузки изображения с сайта. Кроме того, на веб-страницах часто встречаются определенные типы графических элементов, например, кнопки, поддержка которых была бы полезна в программах для создания веб-графики.

Adobe Fireworks CS4 это универсальная программа, предназначенная для создания, редактирования и оптимизации веб-графики. Она позволяет создавать и редактировать растровые и векторные изображения, проектировать веб-эффекты, такие как ролловеры и всплывающие меню, кадрировать и оптимизировать графику в целях уменьшения размеров файлов, в которых она хранится, а также экономить время, автоматизируя повторяющиеся задачи. Документ можно экспортировать или сохранять в файлах JPEG, GIF или ином формате. Эти файлы можно сохранять вместе с файлами HTML, содержащими таблицы HTML и код JavaScript, что позволяет использовать их в сети. Программа позволяет создавать анимацию и различные графические эффекты.

Программа Adobe Fireworks тесно интегрирована с другой программой для создания веб-сайтов -- Adobe Dreamweaver. Например, изображения, подготовленные в программе Adobe Fireworks, можно вставлять в документ Adobe Dreamweaver. Средства интеграции данных программ существенно упрощают создание веб-страниц.

Программа Adobe Photoshop появилась вместе с компьютерной графикой, сформировалась как отдельное направление и сейчас по праву занимает лидирующее место среди графических программ-редакторов.

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

дизайн веб программа графика

Список использованной литературы

1. В. И. Смирнов. Основы веб-дизайна. Создание веб-графики с помощью Adobe Fireworks CS4

2. Бикнер К. Экономичный Web-дизайн. М.: НТ Пресс, 2005. -- 248 с. -- ISBN 5-477-00076-7.

Размещено на Allbest.ru