Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Золотое сечение в веб-дизайне

Содержание

Дизайн сайта – это не просто симпатичная и яркая картинка. Дизайн, прежде всего, должен доносить до конечного пользователя конкретную цель.
Золотое сечение в фотографииЗолотое сечениев веб-дизайне Дизайн сайта – это не просто симпатичная и яркая картинка. Дизайн, прежде Предмет или композиция, в которых присутствует «золотое сечение»,  вызывает естественное чувство ЗОЛОТОЕ СЕЧЕНИЕЗолотое сечение – это такое пропорциональное деление отрезка на неравные Золотой прямоугольникПрямоугольник, стороны которого находятся в «золотом отношении», называется золотым прямоугольником.АВСD На сайтах «золотой прямоугольник» применяется не только из эстетических соображений.  Навигация В веб-дизайне  правило «золотого сечения»  помогает решать следующие задачи: «Волшебство!» - подумаете вы. Нет, грамотный веб-дизайн, отвечу я вам. ЗОЛОТОЕ СЕЧЕНИЕ Рассмотрим два макета страниц, представленных ​​на рисунке ниже: Набор в верхней части кажется принципиально лучше чем в нижней. Набор в «Золотое сечение» в веб-дизайне используют для того,  чтобы На пересечении условных прямых находится точка, которая называется  «зрительным центром». Можно получить четыре точки по тому же принципу. Иногда проводят диагональные линии, которые служат направляющими для расположения динамичных элементов композиции. На пересечении линий находятся  четыре важные точки, которые можно использовать для Здесь идет акцент на телевизоре, кнопка воспроизведения которого расположена в центре внимания. Важную деталь лучше поместить в левый верхний угол, На макете четко прослеживаются  две важные точки: Здесь также четко видны две точки: Фотография размещена на диагонали от правого верхнего угла: Чувствуется диагональ от правого верхнего угла к фотографии и две точки: Используются две точки для выделенияосновного объекта страницы сайта – автомобиля: Что это дает владельцу сайта? Демидов Даниил 6-2 класс «Сиверская гимназия»Руководитель: Трофимова Людмила Викторовна.
Слайды презентации

Слайд 2 Дизайн сайта – это не просто
симпатичная и

Дизайн сайта – это не просто симпатичная и яркая картинка. Дизайн,

яркая картинка. Дизайн, прежде всего, должен доносить
до конечного пользователя


конкретную цель.

Слайд 3 Предмет или композиция, в которых присутствует «золотое сечение»,

Предмет или композиция, в которых присутствует «золотое сечение», вызывает естественное чувство

вызывает естественное чувство гармонии, и визуального комфорта.  Именно поэтому в

веб-дизайне – это мощный рычаг воздействия
на посетителей сайта.

Слайд 4 ЗОЛОТОЕ СЕЧЕНИЕ
Золотое сечение – это такое пропорциональное

ЗОЛОТОЕ СЕЧЕНИЕЗолотое сечение – это такое пропорциональное деление отрезка на

деление отрезка на неравные части, при котором меньший отрезок

так относится к большему,
как больший ко всему.

a : b = b : c или с : b = b : а.

Это отношение обозначают буквой ϕ;
ϕ= 0,618 = 5/8


Слайд 5 Золотой прямоугольник
Прямоугольник, стороны которого находятся в «золотом отношении»,

Золотой прямоугольникПрямоугольник, стороны которого находятся в «золотом отношении», называется золотым прямоугольником.АВСD


называется золотым прямоугольником.


А
В
С
D


Слайд 6 На сайтах «золотой прямоугольник» применяется не только из

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

эстетических соображений. Навигация или какой-то другой элемент интерфейса сайта

легче воспринимается пользователем, если используется принцип «золотого сечения».

Слайд 7 В веб-дизайне правило «золотого сечения» помогает решать следующие

В веб-дизайне правило «золотого сечения» помогает решать следующие задачи:

задачи:


Слайд 9 «Волшебство!» - подумаете вы. Нет, грамотный веб-дизайн, отвечу

«Волшебство!» - подумаете вы. Нет, грамотный веб-дизайн, отвечу я вам.

я вам.


Слайд 10 ЗОЛОТОЕ
СЕЧЕНИЕ

ЗОЛОТОЕ СЕЧЕНИЕ

Слайд 11 Рассмотрим два макета страниц, представленных ​​на рисунке ниже:

Рассмотрим два макета страниц, представленных ​​на рисунке ниже:

Слайд 12 Набор в верхней части кажется
принципиально лучше чем

Набор в верхней части кажется принципиально лучше чем в нижней. Набор

в нижней.
Набор в верхней части
кажется принципиально
лучше, чем

в нижней.


Слайд 13 «Золотое сечение» в веб-дизайне используют для того, чтобы

«Золотое сечение» в веб-дизайне используют для того, чтобы определить

определить зрительные центры. Они определяются следующим образом: рабочая площадь

условно разделяется на две части в соответствии с «золотой пропорцией», причем как по вертикали, так и по горизонтали.

Слайд 14 На пересечении условных прямых находится точка, которая называется

На пересечении условных прямых находится точка, которая называется «зрительным центром».

«зрительным центром».


Слайд 15 Можно получить четыре точки по тому же принципу.

Можно получить четыре точки по тому же принципу.

Слайд 16 Иногда проводят диагональные линии, которые служат направляющими для

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

расположения динамичных элементов композиции.


Слайд 17 На пересечении линий находятся четыре важные точки, которые

На пересечении линий находятся четыре важные точки, которые можно использовать для

можно использовать для выделения основных деталей макета сайта. Как правило,

не стоит использовать сразу все четыре точки, но одну или две – обязательно.

Слайд 18 Здесь идет акцент на телевизоре, кнопка воспроизведения которого

Здесь идет акцент на телевизоре, кнопка воспроизведения которого расположена в центре внимания.

расположена в центре внимания.


Слайд 19 Важную деталь лучше поместить в левый верхний

Важную деталь лучше поместить в левый верхний угол, т.

угол, т. к. пользователи начинают просматривать сайт именно оттуда:

логотип, телефоны и другую контактную информацию.  

Слайд 20 На макете четко прослеживаются две важные точки:

На макете четко прослеживаются две важные точки:

Слайд 21

Здесь также четко видны две точки:

Здесь также четко видны две точки:

Слайд 22 Фотография размещена на диагонали
от правого верхнего угла:


Фотография размещена на диагонали от правого верхнего угла:

Слайд 23 Чувствуется диагональ от правого верхнего угла к фотографии

Чувствуется диагональ от правого верхнего угла к фотографии и две точки:

и две точки:



Слайд 24


Используются две точки для выделения
основного объекта страницы сайта

Используются две точки для выделенияосновного объекта страницы сайта – автомобиля:

– автомобиля:


Слайд 26 Что это дает
владельцу сайта?

Что это дает владельцу сайта?

  • Имя файла: zolotoe-sechenie-v-veb-dizayne.pptx
  • Количество просмотров: 97
  • Количество скачиваний: 0