Слайд 2Этапы создания дизайна сайта
Определение для чего нужен сайт и его целевую аудиторию.
Создание
![Этапы создания дизайна сайта Определение для чего нужен сайт и его целевую](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/920321/slide-1.jpg)
наброски сайта на бумаге.
Создание сбалансированного дизайна.
Проработка мелочей
Слайд 3Принципы создания сбалансированного дизайна сайта
Использовать не более 3 разных цветов (оттенков может
![Принципы создания сбалансированного дизайна сайта Использовать не более 3 разных цветов (оттенков](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/920321/slide-2.jpg)
быть больше);
Использовать не более 3 разных шрифтов;
Между всеми элементами сайта должно быть расстояние.
Должна просматриваться четкая структура сайта
Дизайн должен фокусировать внимание на главном.
Слайд 4Виды сайтов по масштабированию
Статические
Динамические (резиновые)
![Виды сайтов по масштабированию Статические Динамические (резиновые)](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/920321/slide-3.jpg)
Слайд 17Подбор цветов
Графические редакторы (например, PhotoShop)
Сайт http://colorschemedesigner.com/
![Подбор цветов Графические редакторы (например, PhotoShop) Сайт http://colorschemedesigner.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/920321/slide-16.jpg)
Слайд 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/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/920321/slide-17.jpg)
Слайд 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/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/920321/slide-18.jpg)
Слайд 26Крупный текст. Крупный вводный текст.
![Крупный текст. Крупный вводный текст.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/920321/slide-25.jpg)
Слайд 283D Эффекты градиенты, блики, отражения и прочие эффекты
![3D Эффекты градиенты, блики, отражения и прочие эффекты](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/920321/slide-27.jpg)