Современные подходы к созданию веб-сайтов (начало)

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

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

Также в современных научных исследованиях констатируется различие в определениях понятия веб-дизайна.

Наиболее удачным можно считать определение веб-дизайна «как вида графического дизайна, направленного на разработку и оформление объектов информационного среды Интернет для обеспечения их высоких потребительских и эстетических качеств».

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

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

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

Приведенная классификация позволяет выделить общие и конкретные для каждой из групп требования к структурной и графического построения сайтов.

Общие структурные элементы построения веб-страниц: логотип, элементы навигации, средства поиска, выбор языка, заставку, информационное поле.

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

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

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

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

Современные новации в дизайне вообще не упоминают и его структурную часть – веб-дизайн. Таким инновационным направлением в дизайне сегодня прогрессивный дизайн.

Понятие «прогрессивный дизайн» не имеет четкого определения в научной и искусствоведческой литературе. Этот термин выступает скорее как собирательное понятие для комплекса определенных направлений и техник в дизайнерской практике.

Современные исследователи связывают этот термин с таким понятием, как экодизайн, но наиболее полно определяет сущность этого понятия английский термин «sustainable design», который не имеет эквивалентного перевода на украинский, но в целом «sustainable» означает «рациональность», «разумность» , «экологичность», «устойчивость», «жизненность».

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

В современном варианте особенности этого направления удачно охарактеризовал российский дизайнер М. Шолк. Он выделяет следующие основные характерные черты прогрессивного дизайна, как: простота решений – элементарный конструктив и незатратным производство, также принцип индивидуального производства; модульность, настрой, взаимозаменяемость элементов, совместимость с другими продуктами повторное использование объектов или создания новых вещей из «того, что под рукой »; экологические производства, материалы с возможностью простой переработки; экономия материала, создание облегченных конструкций; продукты, визуализируют потребления энергии.

Тенденции прогрессивного дизайна, как современного инновационного явления, нашли свое отражение и в веб-дизайне, как структурной части дизайна в целом.

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

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

Практическое воплощение эти идеи получили в таких тенденциях, как, например, постепенный переход от Flash-технологий к более современным CSS3 и HTML5. Они обеспечивают большую гибкость возможностей разработчиков и связной единства данных, изображений, видео и аудио, что отражается на скорости процесса построения эскизов при создании веб-сайтов. Значительному упрощению при формировании страниц способствует открытый формат шрифтов для веб, который осуществляется с помощью WOFF (Web Open Font Format).

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

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