Дизайн сайта

Содержание

Слайд 2

Этапы создания дизайна сайта

Определение для чего нужен сайт и его целевую аудиторию.
Создание

Этапы создания дизайна сайта Определение для чего нужен сайт и его целевую
наброски сайта на бумаге.
Создание сбалансированного дизайна.
Проработка мелочей

Слайд 3

Принципы создания сбалансированного дизайна сайта

Использовать не более 3 разных цветов (оттенков может

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

Слайд 4

Виды сайтов по масштабированию

Статические
Динамические (резиновые)

Виды сайтов по масштабированию Статические Динамические (резиновые)

Слайд 16

Стандартные шрифты

Стандартные шрифты

Слайд 17

Подбор цветов

Графические редакторы (например, PhotoShop)
Сайт http://colorschemedesigner.com/

Подбор цветов Графические редакторы (например, PhotoShop) Сайт http://colorschemedesigner.com/

Слайд 18

Графика для сайта

http://lenagold.ru/
http://clipart.net.ua/
http://techdesigner.ru/
http://www.dreamstime.com/free-photos http://www.sxc.hu/ http://www.freefoto.com/index.jsp http://www.freestockphotos.biz/ http://www.morguefile.com/

Графика для сайта http://lenagold.ru/ http://clipart.net.ua/ http://techdesigner.ru/ http://www.dreamstime.com/free-photos http://www.sxc.hu/ http://www.freefoto.com/index.jsp http://www.freestockphotos.biz/ http://www.morguefile.com/

Слайд 19

Иконки

http://www.flaticon.com/
http://vandelaydesign.com/free-social-media-icons/
http://www.webdesignfact.com/2014/08/35-free-advertising-icons-from-vecteezy.html
http://thenounproject.com/Mattebrooks/collection/objecticons/ -
https://dribbble.com/shots/1658992-Free-Lined-Icons
http://spyrestudios.com/35-free-social-media-iconsets/

Иконки http://www.flaticon.com/ http://vandelaydesign.com/free-social-media-icons/ http://www.webdesignfact.com/2014/08/35-free-advertising-icons-from-vecteezy.html http://thenounproject.com/Mattebrooks/collection/objecticons/ - https://dribbble.com/shots/1658992-Free-Lined-Icons http://spyrestudios.com/35-free-social-media-iconsets/

Слайд 20

ДИЗАЙН В СТИЛЕ

ДИЗАЙН В СТИЛЕ

Слайд 21

Простота

Простота

Слайд 22

Небольшое количество колонок

Небольшое количество колонок

Слайд 23

Отдельная «шапка»

Отдельная «шапка»

Слайд 24

Простая навигация

Простая навигация

Слайд 25

Четкие логотипы

Четкие логотипы

Слайд 26

Крупный текст. Крупный вводный текст.

Крупный текст. Крупный вводный текст.

Слайд 27

Яркие цвета

Яркие цвета

Слайд 28

3D Эффекты градиенты, блики, отражения и прочие эффекты

3D Эффекты градиенты, блики, отражения и прочие эффекты

Слайд 29

Оригинальные иконки

Оригинальные иконки
Имя файла: Дизайн-сайта.pptx
Количество просмотров: 36
Количество скачиваний: 0