Слайд 2
![ТИП САЙТА Одновременно и сайт-визитка, и интернет-магазин. Посетитель может посмотреть](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-1.jpg)
ТИП САЙТА
Одновременно и сайт-визитка, и интернет-магазин. Посетитель может посмотреть каталог, ознакомиться
с юридической информацией, адресом прямой точки продаж, и так далее…
Слайд 3
![МОДУЛЬНАЯ СЕТКА Размер: 1280х800. Получилось четыре вертикальных и пять горизонтальных блоков.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-2.jpg)
МОДУЛЬНАЯ СЕТКА
Размер: 1280х800. Получилось четыре вертикальных и пять горизонтальных блоков.
Слайд 4
![СТРУКТУРА САЙТА Сайт структурирован согласно правилу «золотых прямоугольников». Пять имеющихся](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-3.jpg)
СТРУКТУРА САЙТА
Сайт структурирован согласно правилу «золотых прямоугольников». Пять имеющихся блоков разделены
следующим образом:
Шапка сайта;
Навигационная панель;
Основной блок;
Блок под две большие кнопки перехода;
Блок с контактами и гиперссылками.
Слайд 5
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-4.jpg)
Слайд 6
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-5.jpg)
Слайд 7
![ИСПОЛЬЗОВАНИЕ ШРИФТОВ Все шрифты являются «безопасными», не имеют засечек: акцидентный](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-6.jpg)
ИСПОЛЬЗОВАНИЕ ШРИФТОВ
Все шрифты являются «безопасными», не имеют засечек:
акцидентный (для заголовков) –
Century Gothic 16 пт с жирным начертанием, выделен ярким оранжевым цветом для привлечения внимания, все буквы прописные;
базовый (для обычного текста) – Century Gothic 12 пт, тёмно-зелёный и чёрный цвета;
дополнительный (для кнопок) – Trebuchet MS 14 пт с жирным начертанием, белый цвет.
Слайд 8
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-7.jpg)
Слайд 9
![ЦВЕТОВАЯ ПАЛИТРА Аналоговая система цветов – зелёные, жёлтые и оранжевые](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-8.jpg)
ЦВЕТОВАЯ ПАЛИТРА
Аналоговая система цветов – зелёные, жёлтые и оранжевые цвета с
переходными оттенками.
Зелёный, основной, означает экологичность продукции и связь с природой, оранжевый и жёлтый – солнечный свет и оттенки цветков.
Слайд 10
![ИМЕЮЩИЕСЯ МОДУЛИ модуль с «логотипом»; модуль с контактами; модуль поиска; модуль «слайдер-плитка» с новыми товарами.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-9.jpg)
ИМЕЮЩИЕСЯ МОДУЛИ
модуль с «логотипом»;
модуль с контактами;
модуль поиска;
модуль «слайдер-плитка» с новыми товарами.
Слайд 11
![ИСПОЛЬЗОВАНИЕ ИЗОБРАЖЕНИЙ По бокам сайта на переднем плане используются асимметрично](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-10.jpg)
ИСПОЛЬЗОВАНИЕ ИЗОБРАЖЕНИЙ
По бокам сайта на переднем плане используются асимметрично расположенные изображения
листьев цитрусовых с тенью (для придания объёма на фоне плоского дизайна) и воздушных пузырьков для ненавязчивой ассоциации с тематикой продукции.
Слайд 12
![ИСПОЛЬЗОВАНИЕ ИЗОБРАЖЕНИЙ Для «фона» используется две фотографии, плавно соединённые в](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-11.jpg)
ИСПОЛЬЗОВАНИЕ ИЗОБРАЖЕНИЙ
Для «фона» используется две фотографии, плавно соединённые в одну. Центральные
прямоугольники залиты почти белым, не режущим глаза цветом и немного прозрачны. С прозрачным фоном изображение в модуле-слайдере. Его цвет так же подстроен под палитру.
Слайд 13
![МЕЛКИЕ ИЗОБРАЖЕНИЯ В роли логотипа выступает акварельный рисунок цветов в](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-12.jpg)
МЕЛКИЕ ИЗОБРАЖЕНИЯ
В роли логотипа выступает акварельный рисунок цветов в формате .png
В
нижней части сайта расположены иконки социальных сетей, перекрашенные в белый цвет для гармонии с общей цветовой темой.
Слайд 14
![РАЗДЕЛИТЕЛЬНЫЕ ЛИНИИ после строки гиперссылок (вверху страницы); между столбцами (внизу страницы).](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-13.jpg)
РАЗДЕЛИТЕЛЬНЫЕ ЛИНИИ
после строки гиперссылок (вверху страницы);
между столбцами (внизу страницы).
Слайд 15
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370418/slide-14.jpg)