Создание сайтов
<<  3D-сайты Основы Web-дизайна  >>
Web-дизайн
Web-дизайн
Структура курса
Структура курса
Зачетные работы
Зачетные работы
Теория цвета
Теория цвета
Хроматичность
Хроматичность
Высокая хроматичность - очень сияющие, живые цвета
Высокая хроматичность - очень сияющие, живые цвета
Насыщенность (Saturation)
Насыщенность (Saturation)
Яркость (Value)
Яркость (Value)
Светимость (Luminance)
Светимость (Luminance)
Оттенок (tint), тональность (tone), и тень (shade)
Оттенок (tint), тональность (tone), и тень (shade)
Оттенки (добавляем белый к чистому цвету)
Оттенки (добавляем белый к чистому цвету)
Комплиментарные, дополнительные цвета (Complementary Colors)
Комплиментарные, дополнительные цвета (Complementary Colors)
Основные цвета (Primary Colors)
Основные цвета (Primary Colors)
Системы цвета
Системы цвета
CMYK
CMYK
HSL
HSL
Цветовые модели
Цветовые модели
Цветовые схемы сайтов
Цветовые схемы сайтов
Сходственная схема цветов
Сходственная схема цветов
Способность выделяться
Способность выделяться
Композиция
Композиция
Paul Cйzanne
Paul Cйzanne
Stilleben mit
Stilleben mit
Paul Cйzanne
Paul Cйzanne
Paul Cйzanne
Paul Cйzanne
Paul Cйzanne
Paul Cйzanne
Stilleben
Stilleben
Walchensee
Walchensee
Walchensee-Panorama
Walchensee-Panorama
Edgar germain hilaire degas
Edgar germain hilaire degas
Hilaire degas
Hilaire degas
Edgar germain
Edgar germain
Шаблоны страниц сайтов
Шаблоны страниц сайтов


















Типы сайтов
Типы сайтов
Проект сайта
Проект сайта
Проект каркаса страницы сайта
Проект каркаса страницы сайта
Виды навигаций
Виды навигаций
Ссылки цепочки
Ссылки цепочки
Двойные закладки
Двойные закладки
Презентация «Web-дизайн». Размер 2248 КБ. Автор: nadin.

Загрузка...

Web-дизайн

содержание презентации «Web-дизайн.ppt»
СлайдТекст
1 Web-дизайн

Web-дизайн

Web-дизайн. Учебный курс (1 семестр).

2 Структура курса

Структура курса

Структура курса. Теория цвета Композиция страниц Типы сайтов Создание проекта сайта (информационная архитектура) HTML Создание графики для сайта (Adobe Photoshop). Разработка шаблона сайта Навигация (типы). Создание анимированных элементов для сайта (Macromedia Flash, Adobe ImageReady Создание сайта в Macromedia Dreamweaver CSS Публикация в Web Дополительный Soft для web-дизайна.

3 Зачетные работы

Зачетные работы

Зачетные работы. Графический этюд в Photoshop (макет шаблона страницы сайта) Баннер во Flash Фильм во Flash Выпусная работа – сайт (Dreamweaver, Flash, Photoshop).

4 Теория цвета

Теория цвета

Теория цвета. Тон. Тон ("Hue") (иные переводы: собственно цвет, краска, оттенок, тон) Контраст тонов - явно различные тона Контраст тона - различные оттенки, одинаковый тон (синий).

5 Хроматичность

Хроматичность

Хроматичность (Chromaticity, Chorma). О хроматичности мы говорим, когда рассуждаем о "чистоте" цвета. Если в цвете отсутствуют примеси белого, черного или серого, цвет имеет высокую чистоту.

6 Высокая хроматичность - очень сияющие, живые цвета

Высокая хроматичность - очень сияющие, живые цвета

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

7 Насыщенность (Saturation)

Насыщенность (Saturation)

Насыщенность (Saturation). В связи с хроматичностью насыщенность говорит нам, как цвет выглядит в различных условиях освещенности. Насыщенность одинаковая - та же интенсивность, различные тона Контраст насыщенности - различные уровни наполнения, тон одинаковый.

8 Яркость (Value)

Яркость (Value)

Яркость (Value). Когда мы говорим, что цвет "темный" или "светлый", мы имеем в виду его яркость. Низкая яркость, постоянная - одинаковый уровень яркости. Контраст яркостей - серый = ахроматичный. Контраст яркостей - полное различие яркости.

9 Светимость (Luminance)

Светимость (Luminance)

Светимость (Luminance). Несмотря на то, что вместо этого слова часто употребляют слово "яркость" (brightness), мы предпочитаем использовать слово "светлота". Это понятие связано с многими теми же переменными, что и яркость в смысле "value". Но в данном случае используется другая математическая формула. Добавление белого увеличивает светимость, добавление черного - уменьшает.

10 Оттенок (tint), тональность (tone), и тень (shade)

Оттенок (tint), тональность (tone), и тень (shade)

Оттенок (tint), тональность (tone), и тень (shade). Главное помнить, насколько цвет отличается от своего начального тона (hue). Если к цвету добавляется белый, эта более светлая разновидность цвета называется "оттенок" (tint). Если цвет делается темнее путем добавления черного, полученный цвет называется "тень" (shade). Если же добавляется серый цвет, каждая градация дает вам различную тональность (tone).

11 Оттенки (добавляем белый к чистому цвету)

Оттенки (добавляем белый к чистому цвету)

Оттенки (добавляем белый к чистому цвету). Тени (добавляем черный к чистому цвету). Тональности (добавляем серый к чистому цвету).

12 Комплиментарные, дополнительные цвета (Complementary Colors)

Комплиментарные, дополнительные цвета (Complementary Colors)

Комплиментарные, дополнительные цвета (Complementary Colors): Когда два или несколько цветов "подходят друг к другу", их называет комплиментарными, дополняющими друг друга цветами. Этот признак абсолютно субъективен, и мы готовы его обсудить и выслушать другие мнения. Более точным определением будет: "если два цвета, будучи смешанными вместе, дают нейтрально-серый (краска/пигмент) или белый (свет) цвет, они называются дополняющими, комплиментарными".

13 Основные цвета (Primary Colors)

Основные цвета (Primary Colors)

Основные цвета (Primary Colors). Определение основных цветов зависит от того, как мы собираемся воспроизводить цвет. Цвета, видимые при расщеплении солнечного света с помощью призмы, иногда называют спектральными цветами. Это красный, оранжевый, желтый, зеленый, голубой, синий и фиолетовый. Эту комбинацию КОЖЗГСФ часто сводят к трем цветам: красный, зеленый и сине-фиолетовый, которые являются основными цветами аддитивной системы цветов (свет). Первичными цветами субтрактивной системы цветов (краска, пигмент) являются циан, фуксин и желтый.

14 Системы цвета

Системы цвета

Системы цвета. RGB. В различных случаях в зависимости от того, как воспроизводится цвет используются различные цветовые системы. Если мы используем источники света - доминирующей системой является RGB (от "red/green/blue" - "красный/зеленый/синий").

15 CMYK

CMYK

Системы цвета. CMYK. Для цветов, которые получаются путем смешивания красок, пигментов или чернил на ткани, бумаге, полотне или другом материале, в качестве цветовой модели используется система CMY (от "cyan/magenta/yellow" - "циан/фуксин/желтый"). В связи с тем, что чистые пигменты очень дороги, для получения черного (букве K соответствует Black) цвета используется не равная смесь CMY, а просто черная краска.

16 HSL

HSL

Системы цвета. HSL. Другой популярной цветовой системой является HSL (от "hue/saturation/lightness" - "цвет/насыщенность/яркость"). У этой системы есть несколько вариантов, где вместо насыщенности используется хроматичность (chroma), светимость (luminance) вместе с яркостью (value) (HSV/HLV). Именно эта система соответствует тому, как человеческий глаз видит цвет.

17 Цветовые модели

Цветовые модели

Цветовые модели.

18 Цветовые схемы сайтов

Цветовые схемы сайтов

Цветовые схемы сайтов. Комплиментарная схема. Триадная схема. Тетрадная схема.

19 Сходственная схема цветов

Сходственная схема цветов

Сходственная схема цветов.

20 Способность выделяться

Способность выделяться

Способность выделяться. Цветовая схема. 2. Композиция.

21 Композиция

Композиция

Композиция. «Скелет» композиции» в изобразительном искусстве.

22 Paul Cйzanne

Paul Cйzanne

Paul Cйzanne: Stilleben mit Дpfeln und Biskuits, um 1877, Цl auf Leinwand, 38 Ч 55 cm, Paris, Sammlung Bйnatov, Land: Frankreich, Stil: Postimpressionismus.

23 Stilleben mit

Stilleben mit

Paul Cйzanne: Stilleben mit Дpfeln und Gebдck, um 1895, Цl auf Leinwand, Paris, Musйe Cognacq-Jay, Land: Frankreich, Stil: Postimpressionismus.

24 Paul Cйzanne

Paul Cйzanne

Paul Cйzanne: Stilleben mit Дpfeln und Fruchtschale, 1879-1882, Цl auf Leinwand, 43 Ч 53 cm, Kopenhagen, Ny Carlsberg Glyptotek, Land: Frankreich, Stil: Postimpressionismus.

25 Paul Cйzanne

Paul Cйzanne

Paul Cйzanne: StraЯenbiegung, 1879-1882, Цl auf Leinwand, 60 Ч 75 cm, Boston, Museum of Fine Arts, Land: Frankreich, Stil: Postimpressionismus.

26 Paul Cйzanne

Paul Cйzanne

Paul Cйzanne: Taubenschlag bei Montbriant, 1888-1892, Цl auf Leinwand, 66 Ч 81 cm, Cleveland (Ohio), Museum of Art, Land: Frankreich, Stil: Postimpressionismus.

27 Stilleben

Stilleben

Paul Cйzanne: Stilleben, Blumen in einer Vase, 1885-1888, Цl auf Leinwand, 46,5 Ч 70,5 cm, Privatsammlung, Land: Frankreich, Stil: Postimpressionismus.

28 Walchensee

Walchensee

Lovis Corinth: Walchensee, 1924, Цl auf Leinwand, 70 Ч 85 cm, Mьnchen, Neue Pinakothek, Land: Deutschland, Stil: Impressionismus.

29 Walchensee-Panorama

Walchensee-Panorama

Lovis Corinth: Walchensee-Panorama, Blick von der Kanzel, 1924, Цl auf Leinwand, 100 Ч 200 cm, Kцln, Wallraf-Richartz-Museum, Land: Deutschland, Stil: Impressionismus.

30 Edgar germain hilaire degas

Edgar germain hilaire degas

Edgar germain hilaire degas: ballettprobe, 1873, цl auf leinwand, 45,8 Ч 61 cm, cambridge (massachusetts), fogg art museum, land: frankreich, stil: impressionismus.

31 Hilaire degas

Hilaire degas

Edgar germain hilaire degas: ballettschule, um 1879-1880, цl auf leinwand, 42 Ч 49 cm, washington (D.C.), Corcoran gallery of art, land: frankreich, stil: impressionismus.

32 Edgar germain

Edgar germain

Edgar germain hilaire degas: rennpferde: das training, 1894, pastell, 48 Ч 64 cm, new york, sammlung W. Webb, land: frankreich, stil: impressionismus.

33 Шаблоны страниц сайтов

Шаблоны страниц сайтов

Шаблоны страниц сайтов. «Скелет композиции» в web-дизайне.

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52 Типы сайтов

Типы сайтов

Типы сайтов. Мой сайт Портал Коммерческий сайт Сайт-тусовка Рекламный сайт Сайт корпорации Сайт новостей.

53 Проект сайта

Проект сайта

Проект сайта (документ 1). Иерархическая структура страниц.

54 Проект каркаса страницы сайта

Проект каркаса страницы сайта

Проект сайта (документ 2). Проект каркаса страницы сайта (композиция страницы).

55 Виды навигаций

Виды навигаций

Виды навигаций. Ссылки-цепочки (Bread crumbs) Двойные закладки (Double tab) Метанавигация Раздельная навигация Дублирование меню Ссылка наверх (Top) Поуровневое разделение Меню-завлекалочки. Комбинированные меню Выпадающие меню Каталоги Иерархические меню Прокручивающиеся меню Быстрый переход (Shortcuts) Графические меню Экскурсия (Guided Tour).

56 Ссылки цепочки

Ссылки цепочки

Ссылки цепочки (Bread Crumbs). Путь по иерархии от верхнего уровня до текущей страницы.

57 Двойные закладки

Двойные закладки

Двойные закладки (Double tab). Используйте двойные закладки, чтобы показать первые два уровня веб-сайта.

«Web-дизайн»
Загрузка...
Сайт

5informatika.net

115 тем