Веб-дизайн и создание прототипа для фотографа
Краткий обзор тематического исследования
Фотограф мне предоставила свой логотип (диафрагма фотоаппарата в форме женского символа), несколько фотографий для галереи и краткую биографию. У нее были следующие требования:
- Дизайн должен быть несколько дерзким и в то же время простым.
- Домашняя страница должна быть броской и необычной.
- Галерея с фотографиями должна быть внешне традиционной и характеризироваться простотй в использовании.
Pешения
Визуальный дизайн
Дизайн сайта
Дизайн сайта для мобильных устройств
Прототип для устройств с ландшафтной ориентацией
Прототип для устройств с портретной ориентацией
Детали проекта
Дизайн домашней страницы
Через женский глаз, занимающий весь экран, я пыталась передать концепцию работы художников и фотографов: они смотрят на мир сквозь призму собственного жизненного опыта, через собственные сформировавшиеся взгляды и порой предрассудки, и делятся с нами своими наблюдениями и впечатлениями посредстом своих работ. Они запечатлевают то, что на них производит эффект, и некоторые из нас чувствуют и понимают, что художник или фотограф пытается передать.
Так как Дороти - сильная феминистка, я решил поместить ее логотип в форме женского символа в зрачок женского глаза. Я обесцветила кожу, но сохранила цвет зрачка для эффекта. При щелчке на логотип объектив камеры открывается и переносит пользователя в галерею изображений Дороти, другими словами, в ее художественный мир. К сожалению, этот эффект работает только в автономном режиме, из-за ошибки в функции Adobe XD, однако приведенная ниже последовательность прототипов поможет визуализировать этот переход.
Я выбрала округленный шрифт с заострениями для формулировки миссии Дороти. Главная страница получилась дерзкой, но в то же время женственной, и именно этого хотела Дороти.
Дизайн для мобильных аппаратов
Портретная ориентация не позволяет изображению глаза занять все пространство экрана, поэтому я поместила его в центре. Формулировка миссии и меню остались на прежних местах, но получили черный фон.
Галерея с фотографиями - простая и минимальная, и ее дизайн и расположение на экранах разных размеров особо не меняется с характерными тонкими стрелками навигации и черным фоном.
Прототипы
Я создала два прототипа: один для устройств с ландшафтной ориентацией, другой для устройств с портретной ориентацией (обычно это мобильные устройства). В обоих прототипах используется временной переход для достижения эффекта открывающегося объектива камеры в центре глаза. Изначально я использовала 7 артплат для передачи эффекта, однако Adobe XD не мог обработать это количество временных переходов и зависал, поэтому я сократила количество артплат до четырех (трех для прототипов с портретной ориентацией). Тем не менее, на данный момент он большей частью работает только в автономном режиме, и Adobe пытается разрешить эту проблему.
Для навигации по галерее на мобильных аппаратах я применила движение рукой от правого края экрана.
