Слайд 2Цели и задачи
Цель: разработать музыкальный сайт
Задачи
Изучить основы веб-дизайна
Изучить и проанализировать инструменты веб-дизайна
Разработать
![Цели и задачи Цель: разработать музыкальный сайт Задачи Изучить основы веб-дизайна Изучить](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118914/slide-1.jpg)
варфрейм и мокап сайта
Слайд 3Проанализированные программы
для создания варфрейма
Cacoo.com
Pencil
mockflow
![Проанализированные программы для создания варфрейма Cacoo.com Pencil mockflow](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118914/slide-2.jpg)
Слайд 4Проанализированные программы
для создания мокапа
Photoshop
Gimp
![Проанализированные программы для создания мокапа Photoshop Gimp](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118914/slide-3.jpg)
Слайд 5Итоговый выбор инструмента для
варфрейма
![Итоговый выбор инструмента для варфрейма](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118914/slide-4.jpg)
Слайд 6Итоговый выбор инструмента для
мокапа
![Итоговый выбор инструмента для мокапа](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118914/slide-5.jpg)
Слайд 7Итоговый выбор инструмента для
мокапа
![Итоговый выбор инструмента для мокапа](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118914/slide-6.jpg)
Слайд 8Выбор цвета
#0A2133 - фон нашего сайта
#FFFFFF - основной цвет шрифта
#C2B1B0 -
![Выбор цвета #0A2133 - фон нашего сайта #FFFFFF - основной цвет шрифта](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118914/slide-7.jpg)
цвет мелкого шрифта
#CC2B27 - цвет для выделения чего-то важного
Слайд 11План на будущее
Пересмотреть декор. элементы
Создать блок-плеер
Взглянуть на сделанное через месяц
![План на будущее Пересмотреть декор. элементы Создать блок-плеер Взглянуть на сделанное через месяц](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118914/slide-10.jpg)
Слайд 12Заключение
В процессе выполнения были изучены основы дизайна: шрифт, цвет, UI/UX
Были изучены инструменты
![Заключение В процессе выполнения были изучены основы дизайна: шрифт, цвет, UI/UX Были](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118914/slide-11.jpg)
веб-дизайна
На основе всего этого был создан мокап сайта и варфрейм
И по итогу получился музыкальный сайт с интуитивно понятным интерфейсом