WEB-Дизайн

Основы WEB-дизайнаИнформационная архитектураВизуальная концепция сайтаПроектирование эффективных WEB-страницНаписание текстов для интернетаРазработка навигацииПринципы гипертекстовой разметки Структура WEB-документовБазовые теги HTMLТеги тела WEB - документаТеги списковГипертекстовые ссылкиСтруктура ссылок в HTML-документеДобавление стилейТаблицы в HTMLФормы в HTMLЗадание по таблицам и формамЭкзаменационные заданияПримеры решения заданий по WEB-дизайнуИнструменты для построения сайтовLorem ipsumЗаказать сайт

Предметы

WEB-ДизайнМетрология и СтандартизацияSEO оптимизацияМаркетингМаркетинговые исследованияТеория организацииОрганизация маркетинговой деятельности на предприяУправление проектамиУправленческие решенияИнформатикаИнформационные системы и Базы данныхТелекоммуникационные и компьютерные технологии в СИнтернет-маркетингМенеджментИстория МенеджментаПерсональный менеджментИнформационный менеджментМеждународный маркетингМировые Информационные РесурсыПланирование карьерыE-learn

Получите в подарок бесплатный видеокурс по созданию сайта своими руками

 

getsuprize.fw

 

Начни зарабатывать деньги в Интернете!!!

Подпишись на бесплатный курс

Ваш e-mail: *
Ваше имя: *
Подписчиков:

Основы WEB-дизайна 

Получите в подарок бесплатный курс по планированию коммерческого сайта

 

getsuprize.fw

 

Открыть презентацию

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

Эти соотношения выражены визуальными различиями по форме, по цвету, по взаиморасположению, по размеру. Мы все, когда смотрим на какую-либо композицию, ,будь то фотографии, заключённые в фоторамки. Или картины. Мы на уровне интуиции воспринимаем соотношения элементов композиции и даём оценку композиции. Допустим, мы смотрим на картину и отмечаем её размер, размеры персонажей, цвет, подобранный талантливым художником таким образом, что мы ощущаем игру бликов солнца, ощущаем глубину пространства, за счёт тональной перспективы, а также благодаря линейной перспективе. Ощущаем текстуру поверхности предметов, изображённых на картине, ощущаем пропорции, то есть соотношение размеров элементов композиции, их взаимное расположение, плотность расположения, формы. Глядя на такое произведение искусства мы получаем эстетическое наслаждение и моральное удовлетворение. Мы также можем предположить, что художник затратил определённые усилия на создание великого полотна. Он написал множество эскизов, набросков, этюдов с натуры, осуществляя поиск тех самых соотношений форм, цвета, размеров и текстуры. Мы также можем наверняка предположить, что в своей работе художник использовал холст прямоугольной формы, натянутый на деревянный подрамник. Холст покрыт грунтовкой. Вся живопись выполнена художественными масляными красками при помощи кистей разного размера. Краска наносилась на холст слоями, сначала это были грубые мазки, которые строили формы и задавали им обобщенные цвета, после чего выполнялись более детальные прорисовки, постепенно покрывая всю поверхность холста до того момента, когда, по мнению художника, картина была закончена…

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

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

Что такое Web-дизайн?

Большинство дискуссий относительно Web-дизайна, как правило, быстро уходит от своей основной темы, т. к. этот термин разные люди понимают по-своему. Хотя каждый имеет некоторое представление о том, что такое Web-дизайн, лишь немногие способны дать ему точное определение. Определенные компоненты, такие как графический дизайн или программирование, затрагиваются в каждой дискуссии, однако их важность в процессе создания сайтов варьирует от человека к человеку и от сайта к сайту. Некоторые считают наиболее важной стороной Web-дизайна создание и структурирование содержимого — или, выражаясь более формально, информационную архитектуру. Многие под общим заголовком WEB-дизайн подразумевают сам процесс. Такое понимание тоже имеет право на существование, так как создание сайта включает в себя все компоненты разработки, в том числе разработку информационной архитектуры.

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

Свадебный фотограф и видеооператор на свадьбу. Сайт видеостудии "PetroVideo"

Определение Web-дизайна

Пять областей охватывают основные аспекты Web-дизайна.

Пирамида Web-дизайна

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

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

Сетевая среда

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

Сегодняшние Web-сайты, в основном, относятся к базовой модели сетевого клиент-серверного программирования с тремя общими Элементами.

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

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

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

Типы Web-сайтов

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

Отвлеченные классификации

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

Более общая классификация

  1. Информационные
  2. Операционные
  3. Сайты сообществ. На этих сайтах представлена информация или средства, связанные с осуществлением операций, но упор делается на взаимодействие между посетителями. Сайты, основанные на сообществах, имеют тенденцию к фокусированию на конкретной теме или человеке; они поощряют взаимодействие между сходно мыслящими личностями.
  4. Развлекательные сайты. Эти сайты создаются для игр или некоего занимательного взаимодействия, для которого могут употребляться элементы операционного, информационного типов и сайтов сообществ.
  5. Прочие сайты. В эту категорию входят художественные или экспериментальные сайты, личные Web-пространства, такие как Web-журналы (также называемые blogs), а также сайты, которые могут не следовать общепринятым Web-соглашениям или не иметь четко определенного экономического назначения.

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

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

Визуальные классификации

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