История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.
Аннотация к работе
Есть широко востребованные информационные порталы, а есть сайты, посвященные отдельным людям или компаниям. Тенденция такова, что для успеха необходимо заявить о себе в Интернете, а значит, собственная персональная страница должна быть у любой фирмы и даже у личности. Пользователям приятно посещать те веб-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне веб-браузера. Задача веб-дизайна любого сайта - вызвать доверие посетителя, к качеству предлагаемых ею услуг, сохраняя при этом фирменный стиль, корпоративную культуру, и позиционирование на рынке. При выполнении дипломного проекта необходимо исследовать изучаемую область - веб дизайн и его особенности, провести анализ исторического изменения тенденций интернета и веб дизайна.Сайт имел множество ссылок и рассказывал людям, что такое World Wide Web. Кроме текста на сайтах появилась графика. Активно начали появляться сайты с красным, розовым или желтым фоном, слишком долгий просмотр которых был практически невозможным. Этот этап также стал периодом оскорбительного использования анимированных GIF-файлов, с помощью которых, сайт, по идеи, должен быть веселым и интересным. При этом различают 5 типов макетов сайта в веб дизайне: Фиксированные.Сайт должен предоставлять услуги. Сайт разрабатывается для привлечения новых и информирования существующих клиентов. На сайте должна присутствовать информация о контактах, студии, услугах и портфолио. Телефон на сайте (рис.29. 2.) находящийся в шапке сайта - хороший ход в качестве юзабилити. 2 подвал (footer) - нижний блок сайта, где находится некоторая информация о сайте, дублирующая навигация и права на использование материала с сайта.В ходе дипломного проекта были исследованы основы веб-дизайна и его особенности. Был проведен анализ исторического изменения тенденций интернета и веб-дизайна сайтов.Для разработки дизайна макета был использован графический редактор Adobe Photoshop СС (бесплатной пробной версии). Логотип сайта был выполнен в программе Adobe Illustrator CC.
Вывод
В ходе дипломного проекта были исследованы основы веб-дизайна и его особенности. Был проведен анализ исторического изменения тенденций интернета и веб-дизайна сайтов.
Рассмотрена классификация и виды оформления дизайна сайтов. Использованы средства разработки веб сайтов. Составлено техническое задание. Был проведен анализ аналогичных дизайнов и сайтов. Разработан макет и создан графический вариант сайта.
В итоге работы был получен вебсайт с уникальным дизайном, студии «DA».
Список литературы
1. Робин Вильямс «Дизайн для недизайнеров», Символ-Плюс, 2008;
2. Ланс Лавдей, Сандра Нихаус «Проектирование прибыльных вебсайтов», Издательство Манн, Иванов и Фербер, 2011;
3. Сьюзан Уэйншенк «100 главных принципов дизайна», Питер, 2012;