# 033: „Photoshopp“ paieška - CSS-gudrybės

Anonim

CSS-Tricks yra daug turinio. Tai vienas iš dalykų, dėl kurio dizainas tampa šiek tiek sudėtingas. Nors mes galime išlikti švarūs dėl dizaino, tikriausiai negalime atsikratyti „minimalaus“ kiekio daiktų, kurie nusipelno dėmesio svetainėje ir daro svetainę tokią, kokia ji yra.

Visa tai pasakius, „CSS-Tricks“ yra labai svarbi paieška . Tai labai naudojama atliekant daugybę šimtų paieškų per dieną. Mes netgi galėtume tai patobulinti, jei paiešką galime padaryti dar ryškesnę ir akivaizdesnę. Noriu, kad žmonės naudotų paiešką. Žinau, kad tai veikia gana gerai ir padėti vartotojams rasti tai, ko jie ieško, yra naudinga visiems. Be to, psichologiškai manau, kad paieškos teikimas dideliu ir akivaizdžiu būdu rodo pasitikėjimą svetainės turiniu.

Didelis mėlynas kvadratas su didinamuoju stiklu (per mūsų piktogramos šriftą) tiesiai į galvą yra tai, kas tai padarys mums. Mėlyna ant pilkos spalvos yra labai ryški ir praneša apie spragtelėjimą.

Mes įsivaizduojame, kad spustelėjus didinamąjį stiklą, mėlyna dėžutė išsiplečia į paieškos laukelį. Priežastis, dėl kurios ji neužbaigta, yra ta, kad 1) mes galime naudoti papildomą vietą antraštėje savo pirmajam rėmėjui ir 2) didinamasis stiklas iš tikrųjų gali būti dar akivaizdesnis nei formos laukas.

Paieškos formoje yra laukiami dalykai: paieškos laukas ir mygtukas. Tačiau jis taip pat turi keletą nuorodų, kurias galite spustelėti, kad susiaurintumėte vykdomą paiešką. Mes padarysime tai iš tikrųjų būsimoje ekrano kopijoje.