# 86: Photoshopping della galleria - Trucchi CSS

Anonim

Ero entusiasta di iniziare nell'area Gallery del sito. È una delle aree particolarmente critiche nella v9. Non riceve un sacco di traffico, ma forse possiamo cambiarlo. Mi piace molto e ho un sacco di contenuti da pubblicare nel tempo.

Iniziamo lavorando in Photoshop in modo da poter mantenere la nostra mente creativa e fare un po 'di esplorazione visiva senza il bagaglio di pensare analiticamente con il codice.

Ci spostiamo sulla grafica dell'intestazione. Sembra un po 'divertente farlo poiché è già implementato sul sito e in un modo migliore, ma questo ci aiuterà a mantenere il nostro ambiente di progettazione il più reale possibile.

Creiamo una barra di navigazione per la galleria. Invece di una grande nuvola di tag nella parte inferiore del layout come avevamo prima (e anche questo è stato un miglioramento della categoria disordinata e del layout dei tag dall'inizio della v9 giorni) facciamo qualcosa di diverso. Creeremo un menu a discesa su cui puoi fare clic per rivelare i tag che puoi sfogliare, e anche questo è integrato in un layout in stile breadcrumb nella barra di navigazione. Quindi serve una sorta di triplice funzione: titolo della pagina, navigazione breadcrumb e navigazione a discesa esplorativa.

Questo design, per me, è qualcosa che probabilmente non avrei ideato se non avessi fatto questi viaggi esplorativi in ​​Photoshop.