In to je tisto, kar smo dobili …

5.png

Vendar nam to ne bo dalo dovolj globine. Ta pravokotnik želimo narediti še bolj vidno ukrivljen, saj se površine ne dotika enakomerno, vendar dodajanje več sence z uporabo slogov plasti, ali pa povečanje sence ne bo dalo želenega učinka. Uporabi to horizontalni delilnik ponuja dezinpolio.com in ga dodajte na sredino vaše oblike, tako da bo "zbledel" proti vogalom, kot je prikazano spodaj:

6.png

Se spomnite, da smo omenili krepke črke? Splet 2.0 dobro uporablja pisave, po možnosti zelo enostavne za branje, rahlo karikaturne in krepke. Imeli smo težave pri izbiri ustrezne pisave in odločili smo se za »Cooper Std«.

7.png

Dodamo zelo blago senco (#5674a7) in svetlobni preliv od bele na vrhu (#ffffff) v svetlo modro (#cdd9de)…

8.png

9.png

banner

To nam bo dalo zelo srčkan otroški dizajn.

10.png

Splet 2.0 je tudi približno dober delež in medtem ko so dizajni posebej asimetrični, so drugi tako rekoč obsesivno simetrični. Raje imam drugo vrsto, saj ustvarjanje zahteva manj izvirnosti in okusa, potrebujete le občutek za mero. Recimo, da dodamo nekaj gumbov v spodnji in stranski kot našega dizajna ...

11.png

Je to videti dobro?

12.png

Ne, ni, ker so zavihki videti preveč kaotični, zato bomo poskrbeli, da se črta levega stranskega zavihka "suje" s črto spodnjega zavihka, takole ...

131.png

Zdaj je videti sorazmerno.

crystal_clear_app_ark2.png

banner

Če se sprašujete, zakaj smo zamudili korak, so slogi plasti za zavihke skoraj enaki tistim, ki smo jih uporabili za glavni pravokotnik, in enako velja za sloge pisave in plasti »zavihkov«. Za namene učenja lahko prenesete datoteko PSD in analizirate postopek. Ne pozabite, da so vsi ti polvidni gradientni in 1px obrisi pogosto tisto, kar naredi razliko med odličnim spletnim oblikovanjem in amaterskim poskusom oblikovanja. Vso srečo!

prenesite datoteko psd