Лабораторные работы / ЛР №5 / ЛР-5
.docx
Министерство образования и науки РФ
ФГБОУ ВПО «Омский государственный технический университет»
Кафедра «Дизайн и технологии медиаиндустрии»
Лабораторная работа № 5
«Дизайн макета сайта в категории «Магазин музыкальных инструментов»
Выполнил: студент гр. ИВТ-152
Яковец К.В.
Проверил: доцент, к.т.н.
Батенькина О. В.
Омск – 2016
Определение размеров управляющих элементов интерфейса сайта
Размер рабочей области окна 1280х1024
Рис.1. Макет главной страницы сайта с размерами
Рис.2. Макет раздела «Гитары» сайта с размерами
Рис.3. Страница 3-го уровня с проставленными размерами
Подбор цветовой схемы сайта
Рис. 4. Макет цветового оформления главной страницы сайта (основная)
Рис. 5. Макет цветового оформления главной страницы сайта
Рис. 6. Макет цветового оформления главной страницы сайта
3. Подбор шрифтов
Шрифт SFUIText используется для текста на 3 страницах сайта ( Размеры приведены в таблице ниже).
Размер |
Где используется |
24пт |
Текст верхнего меню, кнопки «в корзину», «ок», «написать рецензию», «все рецензии», « все новости», текст сервисного меню, заголовки блоков акций и скидок, новостей, рецензий, текст в блоке поиска, пункты каталога, цена книги(3 уровень) |
28пт |
Кнопка «расширенный поиск», строка нахождения на сайте(2, 3 уровень), |
30пт |
Заголовок книги(3 уровень) |
32пт |
Названия всех блоков |
36пт |
Номер телефона магазина |
20пт |
Заголовки книг и цена, имена людей, оставивших отзывы, рецензии, контактная информация, кнопки регистрации и корзины |
22пт |
Текст блока сортировки, заголовок блока с аннотацией |
18пт |
Текст блока с новостями, скидками и акциями, отзывами, рецензиями, текст в блоке с аннотацией |
16пт |
Кнопка «читать далее», название компании в сервисном меню, текст в блоке с дополнительной информацией о книге |
12пт |
Дата написания рецензии и кнопка ссылки на неё |
3.Итоговый вариант.
Рисунок 7. Главная страница
Рисунок 8. Страница 2-го уровня
Рисунок 9. Страница 3-го уровня