Behance Twitter LinkedIn Facebook
Домашняя страница Портфолио Контакт

Веб-дизайн и создание прототипа для фотографа

Краткий обзор тематического исследования

Фотограф мне предоставила свой логотип (диафрагма фотоаппарата в форме женского символа), несколько фотографий для галереи и краткую биографию. У нее были следующие требования:
  • Дизайн должен быть несколько дерзким и в то же время простым.
  • Домашняя страница должна быть броской и необычной.
  • Галерея с фотографиями должна быть внешне традиционной и характеризироваться простотй в использовании.

Pешения

Визуальный дизайн

Дизайн сайта

Дизайн сайта для мобильных устройств

Прототип для устройств с ландшафтной ориентацией

Прототип для устройств с портретной ориентацией

Детали проекта

Дизайн домашней страницы

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

Компьютер, показывающий домашнюю страницу дизайна
Экраны телефонов и ipad, отображающие первую страницу и галерею веб-дизайна фотографа.

Дизайн для мобильных аппаратов

Портретная ориентация не позволяет изображению глаза занять все пространство экрана, поэтому я поместила его в центре. Формулировка миссии и меню остались на прежних местах, но получили черный фон.
Галерея с фотографиями - простая и минимальная, и ее дизайн и расположение на экранах разных размеров особо не меняется с характерными тонкими стрелками навигации и черным фоном.

Прототипы

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

Прототип для устройств с ландшафтной ориентацией Прототип для устройств с портретной ориентацией