Условия оптимального веб-дизайна сайтов

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Оглавление

Введение3

Глава 15

§1 «Web – дизайн: от технической графики до современных сайтов»5

§2 «Условия для оптимального web – дизайна»7

§3 «Социологический опрос»4

Глава 215

Создание собственного web-сайта15

Заключение21

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Введение.

              Научно-технический прогресс, набравший к концу ХХ в. головокружительную скорость, послужил причиной появления такого чуда современности как компьютер и компьютерные технологии. Изобретение компьютеров послужило переломным моментом в развитии многих отраслей промышленности, на порядок повысило мощь и эффективность техники, внесло множество прогрессивных изменений в работу средств массовой информации, систем связи, координально изменило мировоззрение людей. 
Вместе с появлением компьютеров появились серверы массовой коммуникации, которые сразу же нашли массу поклонников. С совершенствованием компьютеров совершенствовались и сайты, привлекая все больше и больше людей. На сегодняшний день компьютерная техника достигла такого уровня развития, что позволяет программистам разрабатывать очень красивые сайты с хорошим графическим и звуковым оформлением. С каждым скачком в области компьютерных технологий растет количество людей, которых в народе называют "компьютерными или веб- дизайнерами»

             Художники используют свет и тень, чтобы сделать картину более реалистичной, создать настроение и усилить впечатление от своей работы за счет интересных эффектов, вынесенных на передний план. Так и веб – дизайнер стремится сделать сайт ярким, необычным, привлекающим своим дизайном большое количество посетителей.

            Дизайн – одна из важных составляющих хорошего сайта. От дизайна зависит, насколько привлекательны будут странички, т.е. в конечном счете, сколько людей дополнительно захотят прийти и посмотреть на сайт. Ведь если пользователя понравился дизайн сайта, то он, наверняка, расскажете о нем своим друзьям. Как говорят, «встречают-то по одежке».

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

         Таким образом, тема исследовательской работы «Веб-дизайн сайтов».

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

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

       С точки зрения личной значимости, актуальность работы заключается в получении новых знаний о понятии «web – дизайн» и его правильном осуществлении; освоение нового языка программирования.

       Объектом исследования является веб – дизайн сайтов. 

       Гипотезой исследования является утверждение о том, что веб – дизайн играет важную роль при создании сайта и должен быть различным, в зависимости от назначения ресурса.

        Цель работы -  ознакомиться с определением web-дизайна и выявить, как он изменятся в зависимости от содержания web-ресурса.

       Для достижения цели были поставлены следующие задачи:

1. Ознакомиться с понятием web-дизайна и его составляющими  (этапами создания);

2. Найти и проанализировать  различные сайты глобальной сети;

3. Выявить особенности  каждой тематической группы сайтов;

4. Определить оптимальные  условия для успешного web – дизайна;

5. Провести социологический опрос на тему: «Важно ли оформление сайта для его успешного существования»;

6. Создать собственный сайт.

      Методы исследования:

1. Анализ литературных и других информационных источников о web – дизайне;
2. Социологической опрос о важности web – дизайна для его успешного развития;
3. Создание оптимального web – дизайна;
4. Создание собственного сайта.

       Научная новизна работы заключается в том, что в ней предпринимается попытка раскрыть основные условия оптимального развития новой, современной, малоизученной отросли, требующей совершенствования.

 

 

 

 

 

 

 

 

 

Глава 1

§1. «Web – дизайн: от технической графики до современных сайтов».

        Сразу после создания Всемирной паутины, она, прежде всего, использовалась научными учреждениями, правительствами и военными, как средство обмена простой информацией «старого» образца. Так что документы тех времен были очень простыми. В конце концов, ученым и академикам нет особого дела до привлекательности web-страниц. 
Первый в мире веб-сайт появился 6 августа 1991 года. http://info.cern.ch/  Его создатель Тим Бернерс-Ли¹ опубликовал на нём описание новой технологии World Wide Web (WWW), основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы веб-серверов и веб-браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты. 
        Первоначально дизайн сайта был следующим: либо – большие красные буквы на бирюзовом фоне, либо – очень красивые, очень тяжелые и совершенно нефункциональные ресурсы. Дорогие и явно сделаны профессионалами. Но – профессионалами в какой-то совершенно иной сфере. Красота и функциональность не находили точек соприкосновения.

        Именно некрасивые, но в принципе функциональные интернет-ресурсы задали моду на многие годы вперед. К дизайну требования были очень простые: он должен быть незаметен. Он не должен был мешать посетителю знакомиться с коммерческим предложением. Что, учитывая происхождение, неудивительно: такой подход означал, что сайт не должен быть страшным. Сайт – это инструмент. Красота инструмента – в его функциональности. 
        С другой стороны, развитию дизайна мешали неразвитые технологии. До сих пор в Интернете принимаются новые стандарты, расширяющие свободу деятельности для web-дизайнеров. Это и html 5, и CSS 3, а также развиваются такие технологии как Adobe Flash, Adobe Air, Microsoft Silverlight. На ранних же стадиях своего развития web представлял собой очень ограниченную информационную среду. В начале же HTML был прост: HTML-теги использовались только для того, чтобы указать - это заголовок, а это - абзац, и так далее. 
     

Сэр Тимоти Джон Бернерс-Ли OM, KBE (род. 8 июня 1955) — британский учёный, изобретатель URI, URL, HTTP, HTML, изобретатель Всемирной паутины  и действующий глава Консорциума Всемирной паутины. http://ru.wikipedia.org/wiki.

 А потом на свет появился так называемый «графический браузер» (NCSA Mosaic). Люди начали включать графические элементы в свои страницы. И они хотели, чтобы их страницы выглядели лучше, привлекательней, симпатичней. Тогда, HTML был расширен, чтобы включить теги моделирования, такие, как bold, strong, italicisized. 
А люди все еще не были удовлетворены: они хотели большего. И возможность добавлять больше стиля к тексту пришла в форме тега, и так далее. Теперь люди могли создавать страницы с красочными фонами и шрифтами, почти как им хотелось. 
Однако, этого не было достаточно. На сцену вышли люди, называвшие себя «дизайнерами». Так как многие из них пришли из мира бумажного дизайна, они хотели еще большего контроля над внешним видом создаваемых web-страниц. 
В 1996 году была издана очень влиятельная книга Дэвида Сигэла² под названием «Creating Killer Web Sites», вскоре она стала бестселлером номер один на Amazon – немыслимое достижение для книги по web-дизайну. 
           Система раскладки страниц, описываемая книге, в основном базировалась на использовании таблиц HTML и однопиксельных GIF’ов. Страница раскладывалась по сетке; содержимое, будь оно текстом или графикой, помещалось в ячейки этой сетки. Чтобы предотвратить «сворачивание» пустых ячеек таблицы, использовались прозрачные GIF’ы размером 1х1 пиксель. Сигел предлагал использовать однопиксельные GIF’ы как средство управления разрывами между буквами в тексте, и для того, чтобы создавать отступы. Появление таких методов позволило дизайнерам создавать визуально привлекательные страницы, ставя эстетический аспект в сайтах наряду с функциональным.

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

 

 

2 Дэвид Сигел - один из выдающихся авторитетов в области интернет - стратегии, доктор прикладной математики, мастер компьютерных технологий. В 1996 г. с помощью сотрудников Studio Verso спроектировал Menuez.com и написал книгу «Creating Killer Web Site», ставшей библией менеджеров новых средств информации.

§2. «Условия для оптимального web – дизайна»

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

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

         В ходе исследования были проанализированные различные сайты сети интернет. Были выявлены следующие тематические группы сайтов:

• Развлекательные сайты, серверы досуга
• Научные сайты
• Бизнес сайты и серверы деловой направленности
• Сайты для детей

Ниже приведена сравнительная  таблица проанализированных сайтов по основным критериям.

Таблица №1.

	Развлекательные сайты и  серверы досуга	Научные сайты	Бизнес - сайты и серверы  деловой направленности	Сайты для детей
Цветное решение	Яркие, привлекающие внимание цвета, их многообразие	Сдержанные, в основном черно-белые  цвета, или цвета, не привлекающие внимания	Имеют приятное глазу цветное  решение	Яркое оформление, включающее множество цветных оттенков
Шрифт	Применены различные применения шрифта (курсив, подчеркивание, полужирное начертание)	Оптимальный для удобного чтения. Стили начертания применяются исключительно по надобности.	Уплотненный, каждый смысл  имеет новый абзац, начертание фактически не используется	Шрифт укрупненный, без стилей начертания, доступный для чтения маленькому посетителю
Наличие изображений	Избыток рекламных баннеров, логотипов, не отвечающих содержанию сайта	Сайты имеют только логотипы, остальные дают наглядность размещенному материалу	Укрупненный, привлекающий внимание логотип компании	На сайте размещено  множество различных ярких картинок, героев мультфильмов и т. д.
Наличие колонок, статей, публикаций	Сайты содержат множество  колонки, статей	Имеют сводки статей в боковой  панели страницы	Встречаются редко, иногда разработчики включают новости сайта, разделы  сайты	Для обеспечения доступности, понятности сайта включены только тематические разделы
Мультимедиа сопровождение	Практически не имеют	Как правило, не имеют	Используются для рекламных  целей видеоролики	Сайты включают анимацию, музыку

         

      Web –дизайн – вид графического дизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества.

          Адаптивный веб-дизайн³ (англ. Responsive web design) — дизайн веб-страниц, обеспечивающий отличное восприятие на различных устройствах, подключённых к интернету.

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

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

             Вторым средством веб-дизайна является цветовая гамма и цветовые оттенки. Данное средство необходимо для полного отображения картины действительности ресурса. Цветовая схема передает возможную и уникальную суть сайта в целом.

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

             Безопасная палитра состоит из 216 цветов. Безопасные цвета всегда неизменные при переходе от одного браузера к другому или от одной платформы к другой, от одного

монитора к другому с их различными возможностями цветоотображения и разрешениями.

            

 

3 Материал из Википедии — свободной энциклопедии. http://ru.wikipedia.org/wiki.

         Если любое из трех шестнадцатеричных значений отличается от 00, 33, 66, 99, СС или     FF, то цвет не является безопасным.

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

 

 Таблица №2 «Таблица безопасных цветов для разработки дизайна сайта»