Лекции по математике и информатике / Лекция 14 - Web - дизайн

Web - дизайн

1. Понятие ДИЗАЙНА

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

Современному дизайнеру необходимо знать:

• Источник возникновения применяемых им основных размерностей - Пропорции человека (Древнейшие законы о пропорциях человеческого тела найдены в гробнице пирамиды близ Мемфиса, датированные 3000 лет до н.э. Также к данным законам присоединились исследования таких ученых как Поликлет, Альберти, Леонардо да Винчи, Микеланджело, Дюрера, А. Цейзинга, Э. Месселя и т.д.);

• Соотношение отдельных частей тела нормально развитого человека и какое пространство необходимо ему при различных положениях и в движении (Принцип ЗОЛОТОГО СЕЧЕНИЯ, математический смысл которого состоит в том, что деление заданного прямолинейного отрезка на 2 части в среднем и крайнем отношении, или при котором меньшая часть так относится к большей части, как большая к целому);

• Направление линии (необходимо научиться сознательному использованию линии, передавать физические особенности предметов: глубину рисунка, конструкцию предметов, расположение светотени и т.д.);

• Формообразование (Согласованность различных свойств формы природы: структурных, пропорциональных, фактурных. Дизайнер в своей работе должен подчеркнуть особенности формы: стройность, подавленность, порыв, стойкость, мощь, слабость, хрупкость, приподнятость, плавность, прочность, неподвижность, жесткость, покой. Дизайнер должен обладать обостренным чувством пропорции, точно устанавливать и определять соотношения, искать компоновку, пытаясь достичь гармонии в своей работе);

• Пространственное воображение (Дизайнер должен обладать следующими знаниями:

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

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

• Название линий изображаемых предметов - главные, фронтальные, исчезающие, восходящие, нисходящие;

• Основные правила линейной перспективы;

• Отступление от правил;

• Проецирование (параллельное, центральное, перспективное, каноническое, ортогональное) и аксонометрия;

• Воздушная перспектива;

• Освещение;

• Обратная перспектива).

  • Мастерство дизайнера (художественное воображение, композиция предметных форм, создание декоративной композиции, пиктография, рельефная композиция на плоскости, форма и композиция в дизайне, требования к максимальным размерам в композиции, требования к минимальным размерам в экспозиции, последовательность работы дизайнера при создании композиции, основные принципы построения композиции);

  • Цвет и свет (Обозначение цветов и их правильное название в цветовом круге, психологическое и физическое воздействие цветов, цветовой тон, отражение цветом света, разбелы и затемнения, восприятие света, свойства цветов, цвет и фактура, воздействие цвета на человека);

  • Стиль;

  • Шрифт.

2. Основные понятия ДИЗАЙНА

1. Художественное проектирование - эстетизация промышленной среды (Создание духа вещи).

2. Художественное конструирование - эстетизация техники (Творческая деятельность по созданию технических систем индустриальным способом в соответствии с художественными и утилитарными закономерностями).

3. Техника - искусственные материальные средства человеческой деятельности.

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

5. Дизайн - теория (техническая эстетика) + практика (художественное конструирование).

3. Области ДИЗАЙНА

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

2. Non design - организует процессы производства, обслуживания, сбыта, обучения.

3. Графический дизайн - проектирование символов-знаков, логотипов, услуги дизайнеров, проектирующих полиграфическую продукцию и т. д.

4. Publish - art - так называемый народный (городской) дизайн.

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

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

7. Средовой дизайн - дизайн архитектурной среды (интерьер-экстерьер), услуги дизайнеров, проектирующих художественные праздники, выставки и т. д.

8. Фито - дизайн - дизайн с применением, в основном, природных элементов, цветов и растений.

9. Since - design - научный дизайн.

10. Арт - дизайн - дизайн штучный, концептуальный, элитный. Информационный, программный дизайн

11. Рекламный дизайн - скорее коммерческое ремесло, основанное больше на достижении прибыли, чем на искусстве.

12. Китч - примитивный, тупой (кухонный) «дизайн», в настоящее время определение носит оттенок пренебрежения и презрения. Этот стиль широко используется в современной рекламе, ориентированной на широкого (народного) потребителя.

13. Кустарный дизайн - скорее ремесло, основанное больше на личном опыте и вкусе, чем на образовании

14. Future design - исторический дизайн и прогностический дизайн будущего.

15. Web-дизайн - проектирование Internet - серверов.

4. Понятие Web - дизайна.

В переводе с английского, слово web имеет несколько значений - сеть, паутина, перепонка. Слово design означает проектировать, чертить, проект, план, рисунок.

Дословно, значение слова web-design - паутинная разрисовка. Официальное же определение данного понятия таково:

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

5. Цель оформления Web - страниц.

Выходя в Internet, пользователи обычно не уделяют большого внимания на тот или иной стиль оформления сайта. Цель нахождения пользователя на сайте - это ПОИСК ИНФОРМАЦИИ!!! По этой причине самые популярные по посещаемости порталы, практически отказываются от графики на сайте, оставляя пару изображений и логотип, дабы не перегружать сервер. Ярким примером является такая поисковая система как Яndex. Оформление данной поисковой системы не отличается оригинальностью дизайна, не оснащен прыгающей по всему экрану флеш анимацией и изобилием графики. Но прост в обращении и подаче запросов для нахождения той или иной информации, причем максимально полном объеме. В данное время появились аналогичные системы, такие как Google, Rambler и т.д.

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

Web - страницы - это есть ничто иное, как гипертекстовый документ. Под гипертекстовым документом понимают документ, содержащий так называемые ссылки на другой документ. Реализовано все это через протокол передачи гипертекста HTTP (Hyper Text Transfer Protocol).

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

Большинство гипертекстовых документов создаются на базе языка HTML (Hyper Text Markup Language). Этот язык весьма прост, управляющие коды его, которые собственно и компилируются обозревателем для отображения на экране, состоит из текста ASC II. Ссылки, списки, заголовки, картинки и формы называются элементами языка HTML.

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

4