diploma


Чтобы посмотреть этот PDF файл с форматированием и разметкой, скачайте файл и откройте на своем компьютере.
Дипломный проект Разработка web - дизайна сайта - каталога web - студии Выполнила͗ Гутова Ася Mock - up сайта - каталога web - студии « Liquid lives » Mock - up адаптивной версии сайта - каталога web - студии « Liquid lives » Описание проекта Техническое задание • Описание͗ Разработка макета сайта - каталога • Тематика͗ Сайт - каталог web - студии Структура страниц • Главная страница (отзывы͕ виды услуг͕ меню категории͕ 1 абзац о компании͕ баннер/акция)͖ • Внутренняя страница 1 (меню категории͕ позиции каталога)͖ • Внутренняя страница 2 (телефон͕ адрес͕ карта проезда͕ форма обратной связи)͘ Требования к дизайну • Наличие страниц͗ 3 • Тип сайта͗ сайт - каталог • Ширина макета͗ 960 px ( по 520 px уши для широкоформатных экранов) • Общая ширина макета͗ 2000 px • Мобильная версия͗640 px Процесс проектирования интерфейса Структура страниц • Главная страница͗ - Header: логотип͕ ссылка на страницу контактов͕ ссылка на меню ; - Content: баннер͕ «Чем мы занимаемся?» (ознакомительная информация)͕ отзывы͕ история (ознакомительная информация) ͕ команда͕ новости͕ работы ; - Footer: логотип͕ ссылки - иконки социальных сетей͕ контактные данные͕ ссылка на политику конфиденциальности͕ ссылка на карту сайта͕ навигационное меню . • Вн ͘ страница / каталог͗ - Header: логотип͕ ссылка на страницу контактов͕ ссылка на меню ; - Content: «Процесс работ ы » (ознакомительная информация)͕ каталог услуг по созданию вебсайта͕ каталог услуг по web - дизайну ; - Footer: логотип͕ ссылки - иконки социальных сетей͕ контактные данные͕ ссылка на политику конфиденциальности͕ ссылка на карту сайта͕ навигационное меню . • Вн ͘ страница / контакты͗ - Header: логотип͕ ссылка на страницу контактов͕ ссылка на меню ; - Content: адрес͕ телефон͕ e - mail ͕ карта проезда͕ форма обратной связи͖ - Footer: логотип͕ ссылки - иконки социальных сетей͕ контактные данные͕ ссылка на политику конфиденциальности͕ ссылка на карту сайта͕ навигационное меню . Прототип главной страницы Использование программы Axure Pro Прототип ы внутренних страниц Прототип внутренней страницы (каталог) в Axure Rp Pro 7.0 Прототип ы внутренних страниц Прототип внутренней страницы (контакты) в Axure Rp Pro 7.0 Используемые элементы для сайта • Открыть меню с помощью͗ • Прокрутить͗ • Кнопки͗ • Ссылки͗ • Меню͗ • Иконки͗ • Переключить͗ Используемые элементы для сайта Элементы выделения͗ Используемые цвета дизайна сайта Разработка логотипа LI Q UID L IVES • Шрифт͗ “ Ageon serif” • Тематика͗ Northern lights Используемые шрифты для сайта Основной шрифт текста͗ “PF Centro Sans Pro” Иерархия шрифтов текста͗ Разработка дизайна главной страницы Разработка дизайна вн ͘ страницы (каталог) Разработка дизайна вн ͘ страницы (контакты) Адаптивный прототип сайта Разработка дизайна мобильной версии Разработка дизайна мобильной версии Разработка дизайна мобильной версии Mock - up мобильной версии Mock - up мобильной версии Mock - up мобильной версии Mock - up мобильной версии Mock - up главной страницы Mock - up главной страницы Mock - up главной страницы Mock - up главной страницы Mock - up вн ͘ страницы (каталог) Mock - up вн ͘ страницы (каталог) Mock - up вн ͘ страницы (контакты) Спасибо за внимание!

Приложенные файлы

  • pdf 18241365
    Размер файла: 4 MB Загрузок: 0

Добавить комментарий