# 033: Căutare Photoshopping - CSS-Tricks

Anonim

Există mult conținut pe CSS-Tricks. Acesta este unul dintre lucrurile care fac ca proiectarea să fie puțin provocatoare. Deși putem rămâne curați cu designul, probabil că nu putem scăpa de „minim” cu cantitatea de lucruri care merită atenție pe site și face site-ul ceea ce este.

Toate acestea de spus, căutarea este foarte importantă pe CSS-Tricks. Este foarte utilizat cu multe sute de căutări pe zi. S-ar putea chiar să reușim să îmbunătățim acest lucru dacă putem face căutarea și mai vizibilă și mai evidentă din punct de vedere vizual. Vreau ca oamenii să folosească căutarea. Știu că funcționează destul de bine și că ajută utilizatorii să găsească ceea ce caută este bine pentru toată lumea. De asemenea, din punct de vedere psihologic, cred că furnizarea de căutare într-un mod mare și evident arată încredere în conținutul site-ului.

Ceea ce o va face pentru noi este un pătrat albastru mare cu o lupă (prin fontul nostru de pictograme) chiar în cap. Albastrul-pe-gri este foarte izbitor și comunică click-ablity.

Ne imaginăm că atunci când se face clic pe lupă, caseta albastră se extinde într-o casetă de căutare. Motivul pentru care este închis pentru început este că 1) am putea folosi camera suplimentară din antet pentru sponsorul nostru de top și 2) lupa poate fi chiar mai evidentă decât un câmp de formular.

Formularul de căutare conține lucrurile la care vă așteptați: un câmp de căutare și un buton. Dar are și câteva linkuri pe care puteți face clic pentru a restrânge căutarea pe care o executați. Vom face ca acest lucru să funcționeze într-un viitor screencast.