Ja see on see, mida me saime…

5.png

See aga ei anna meile piisavalt sügavust. Tahame seda ristkülikut veelgi nähtavamalt kumeramaks muuta, kuna see ei puuduta pinda ühtlaselt, vaid lisab kihistiilide abil rohkem varju või varju tugevamaks muutmine ei anna soovitud efekti. Kasuta seda horisontaalne jagaja mida pakub dezinpolio.com ja lisage see oma kuju keskkohtadesse, nii et see nurkade poole "kaoks", nagu allpool näidatud:

6.png

Kas mäletate, me mainisime paksus kirjas tähti? Web 2.0 kasutab hästi fonte, eelistatavalt väga kergesti loetavaid, kergelt koomiksilik ja julge. Meil oli raskusi sobiva fondi valimisega ja otsustasime valida “Cooper Std”.

7.png

Lisame väga õrna varju (# 5674a7) ja ülaosas valgest hele gradient (#Ffffff) helesiniseks (#cdd9de)…

8.png

9.png

See annab meile väga armsa beebikujunduse.

10.png

Web 2.0 on samuti umbes heas proportsioonis ja kuigi kujundused on eriti asümmeetrilised, on teised nii-öelda obsessiivselt sümmeetrilised. Eelistan teist tüüpi, kuna selle loomiseks on vaja vähem originaalsust ja maitset, vaja on vaid mõõdutunnet. Oletame, et lisame oma kujunduse alumisse ja külgnurka mõned nupud…

11.png

Kas see näeb hea välja?

12.png

Ei, see ei ole nii, kuna vahekaardid näevad liiga kaootilised välja, nii et me veendume, et vasakpoolse vahekaardi rida "vastab" alumise vahelehe joonele, niimoodi…

131.png

Nüüd tundub see proportsionaalne.

crystal_clear_app_ark2.png

Kui kahtlete, miks me mõne sammu vahele jätsime, on vahekaartide kihistiilid peaaegu identsed põhiristküliku jaoks kasutatavatega ja sama kehtib ka vahelehtede fondi- ja kihistiilide kohta. Õppimise eesmärgil saate alla laadida PSD-faili ja protsessi analüüsida. Pidage meeles, et kõik need pooleldi nähtavad gradientid ja 1 piksli piirjooned on sageli see, mis eristab suurepärase veebidisaini ja küpset disaini. Edu!

laadige alla psd-fail