# 86: Фотошопинг в галерее - CSS-хитрости

Anonim

Я был взволнован тем, что начал работу в разделе "Галерея" на сайте. Это одна из областей, которая была особенно плохой в v9. Там нет большого трафика, но, возможно, мы сможем это исправить. Мне это очень нравится, и у меня есть множество материалов, которые я могу опубликовать со временем.

Мы начинаем с работы в Photoshop, чтобы сохранять творческий подход и проводить визуальные исследования без необходимости аналитического мышления с помощью кода.

Мы перемещаемся по изображению заголовка. Это кажется немного забавным, так как это уже реализовано на сайте и лучше, но это поможет нам сохранить нашу среду дизайна как можно более реальной.

Строим панель навигации по галерее. Вместо большого неприятного облака тегов в нижней части макета, как у нас было раньше (и даже это было улучшением беспорядочного макета категорий и тегов с первых дней v9), мы делаем что-то другое. Мы собираемся создать раскрывающееся меню, по которому вы можете щелкнуть, чтобы отобразить теги, по которым вы можете просматривать, и даже оно встроено в макет в стиле хлебных крошек на панели навигации. Таким образом, он выполняет тройную функцию: заголовок страницы, навигационная цепочка и поисковая раскрывающаяся навигация.

Для меня этот дизайн - это то, что я, вероятно, не придумал бы, если бы не совершил эти исследовательские поездки обратно в Photoshop.