Дипломный проект. Разработка web–дизайна сайта кафе «Шафран»

Нажмите для полного просмотра!

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №2

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №3

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №4

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №5

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №6

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №7

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №8

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №9

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №10

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №11

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №12

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №13

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №14

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №15

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №16

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №17

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №18

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №19

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №20

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №21

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №22

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №23

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №24

Дипломный проект. Разработка web–дизайна сайта кафе «Шафран», слайд №25

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Дипломный проект. Разработка web–дизайна сайта кафе «Шафран». Доклад-сообщение содержит 25 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Дипломный проект Разработка web–дизайна сайта кафе «Шафран» Выполнила: Минеева А.О.

Слайд 2

Описание слайда:

Описание проекта Тематика сайта: сайт – визитка для вегетарианского кафе «Шафран» Структура сайта:

Слайд 3

Описание слайда:

Слайд 4

Описание слайда:

Требования к дизайну Тип сайта: сайт – визитка; Количество страниц: 8 страниц; Ширина макета: 1366 px, контентная область составляет 1180 px; Мобильная версия: 750 px.

Слайд 5

Описание слайда:

Процесс проектирования интерфейса Структура страниц Одним из основных элементов страниц являются яркие фоновые фотографии здоровой еды, подстроенные под разрешение сайта. Главная страница: Header – меню-бургер, логотип, часы работы, телефон д/связи; Content – список страниц, для дальнейшего перехода по сайту, кнопка для скроллинга вверх; Footer – адреса кафе, иконки соц.сетей, телефон и email д/связи. Вн. Страница «Меню»: Header – меню-бургер, логотип, часы работы, телефон д/связи; Content – блок меню (ассортимент), внизу блока меню список подкатегорий меню, кнопка для скроллинга вверх; Footer – адреса кафе, иконки соц.сетей, телефон и email д/связи.

Слайд 6

Описание слайда:

Процесс проектирования интерфейса Структура страниц Одним из основных элементов страниц являются яркие фоновые фотографии здоровой еды, подстроенные под разрешение сайта. Вн. Страница «Новости»: Header – меню-бургер, логотип, часы работы, телефон д/связи; Content – 4 блока, каждый из которых, отображает новость или акцию, кнопки слева и права для просмотра след. блоков, кнопка для скроллинга вверх; Footer – адреса кафе, иконки соц.сетей, телефон и email д/связи. Вн. Страница «Отзывы»: Header – меню-бургер, логотип, часы работы, телефон д/связи; Content – блок с отзывом клиента, кнопки слева и права для просмотра след. отзыва, под тексом отзыва иконки like и dislike, кнопка для скроллинга вверх; Footer – адреса кафе, иконки соц.сетей, телефон и email д/связи.

Слайд 7

Описание слайда:

Процесс проектирования интерфейса Структура страниц Одним из основных элементов страниц являются яркие фоновые фотографии здоровой еды, подстроенные под разрешение сайта. Вн. Страница «Концепция»: Идея Header – меню-бургер, логотип, часы работы, телефон д/связи; Content – заголовок, текстовой блок, в котором описывается концепция кафе, кнопки слева и права для просмотра след. Блока, кнопка для скроллинга вверх; Footer – адреса кафе, иконки соц.сетей, телефон и email д/связи. Идея – видео рассказ Header – меню-бургер, логотип, часы работы, телефон д/связи; Content – заголовок, видео блок, в котором описывается концепция кафе, кнопки слева и права для просмотра след. Блока, кнопка для скроллинга вверх; Footer – адреса кафе, иконки соц.сетей, телефон и email д/связи. Как добраться Header – меню-бургер, логотип, часы работы, телефон д/связи; Content – заголовок, 2 адреса кафе, карта, контакты кафе, кнопки слева и права для просмотра след. Блока, кнопка для скроллинга вверх; Footer – адреса кафе, иконки соц.сетей, телефон и email д/связи.

Слайд 8

Описание слайда:

Процесс проектирования интерфейса Структура страниц Одним из основных элементов страниц являются яркие фоновые фотографии здоровой еды, подстроенные под разрешение сайта. Всплывающая страница «Резерв стола»: Header – меню-бургер, логотип, часы работы, телефон д/связи; Content – 6 полей для заполнения (имя, дата, время, кол-во гостей, телефон, email; кнопка «заказать», иконки календарь и время на полях по соответствию; Footer – адреса кафе, иконки соц.сетей, телефон и email д/связи. Всплывающая страница Меню бургер: Header – меню-бургер, логотип, часы работы, телефон д/связи; Content – окно всплывает при нажатии на кнопку «меню бургер в левом углу страницы, содержит все пункты и подпункты основных страниц сайта; Footer – адреса кафе, иконки соц.сетей, телефон и email д/связи.

Слайд 9

Описание слайда:

Процесс проектирования интерфейса Главная страница

Слайд 10

Описание слайда:

Процесс проектирования интерфейса Меню

Слайд 11

Описание слайда:

Процесс проектирования интерфейса Концепция

Слайд 12

Описание слайда:

Процесс проектирования интерфейса Отзывы

Слайд 13

Описание слайда:

Процесс проектирования интерфейса Новости

Слайд 14

Описание слайда:

Используемые элементы сайта Иконки Социальные сети (instagram, twitter, facebook, like, dislike) Меню (адрес, вверх, прокрутка, закрыть, разверуть) Навигация (адрес, вверх, прокрутка) Время и дата

Слайд 15

Описание слайда:

Используемые элементы сайта Цветовая гамма

Слайд 16

Описание слайда:

Используемые элементы сайта Типографика Основной шрифт макета – «Open Sans» Шрифт логотипа – «EpsilonCTT» Н1: Заголовок 1(80 рх) Н2: Заголовок 2 (60 рх) Н3: Заголовок 3 (36 рх) Н4: Заголовок 4 (26 рх) Н5: Заголовок 5 (24 рх)