этапы проектирования веб-сайта

↑

⇐ ПредыдущаяСтр 3 из 14Следующая ⇒

Ранние 2000-е

Расцвет Javascript

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

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

Поздние 2000-е

WEB 2.0

Ведущий стиль. В поздние 2000-е дизайн повернулся в сторону интерактивного контента и веб-приложений. Оценившие WEB 2.0 дизайнеры часто используют асинхронный JavaScript и XML (AJAX) для плавного перехода контента и разработки приложений.

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

Мобильный веб

Ведущий стиль. В 2008 г. выход в Интернет с мобильных устройств впервые опередил выход с десктопных. С тех пор всё больше сайтов стало иметь альтернативную “мобильную” версию для пользователей со смартфонов.

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

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

В качестве главного достоинства применения современных компьютерных технологий в области дизайна, значительное сокращение сроков создания моделей объектов по сравнению с традиционным проектированием.

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

В то же время начинает прослеживаться доминация графического контента над текстовым, при этом ощутимо растет доля видеоконтента. К тому же после отказа от Flash и некого спада анимации ожидается актуальность Motion Design, подразумевающего создание анимационной графики. Одна из передовых технологий современного дизайна ‒ parallax-scrolling, когда изображения на переднем плане и фоновые элементы двигаются с разной скоростью.

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

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

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

Немаловажной частью проектирования ресурса в последнее время стало приведение ресурса в соответствие стандартам W3C, что обеспечивает доступность содержания для инвалидов и пользователей портативных устройств (смотри юзабилити — «удобство использования»), а также кроссплатформенность (в данном случае — так называемая кросс-браузерность) вёрстки ресурса. Также непосредственно с дизайном сайтов смежны маркетинг в Интернете (интернет-маркетинг), то есть продвижение и реклама созданного ресурса, поисковая оптимизация.

этапы проектирования веб-сайтов зависят от многих факторов, таких как объём сайта, функциональность, задачи, которые должен выполнять будущий ресурс и многое другое. Однако, есть несколько этапов, которые в обязательном порядке присутствуют в планировании любого проекта. В результате в документе, где описано техническое задание, могут быть следующие основные разделы:

1. Цели и назначение сайта.

2. Аудитория сайта.

3. Технические характеристики.

4. Содержание сайта (структура сайта с подробным описанием элементов и функций каждой страницы).

5. Интерактивные элементы и сервисы (формы обратной связи, поиск на сайте, форум на сайте).

6. Формы (отправки на почту, подписки на рассылку, обратной связи).

7. Система управления содержимым (контентом).

8. Требования к материалам.

9. Перенос на хостинг.

Познавательные статьи:



Алгоритмические операторы Matlab

Конструирование и порядок расчёта дорожной одежды

Исследования учёных: почему помогают молитвы?

Почему терпят неудачу многие предприниматели?