Og þetta er það sem við fengum…

5.png

Hins vegar mun þetta ekki gefa okkur næga dýpt. Við viljum gera þennan rétthyrning enn sýnilegri sveigðan, þar sem hann snertir ekki yfirborðið jafnt, en að bæta við meiri skugga með lagastílunum, eða að gera skuggann sterkari mun ekki gefa okkur tilætluð áhrif. Notaðu þetta lárétt skilrúm boðið af dezinpolio.com og bættu því við miðjuna á löguninni þinni, svo að það mun „litast“ í átt að hornum, eins og sýnt er hér að neðan:

6.png

Nú, manstu að við nefndum feitletruðu stafina? Web 2.0 nýtir leturgerðir vel, helst mjög auðvelt að lesa, örlítið teiknimyndalegt og feitletrað. Við áttum erfitt með að velja viðeigandi leturgerð og ákváðum að fara með „Cooper Std“.

7.png

Við erum að gera til að bæta við mjög mildum skugga (# 5674a7) og ljóshalli frá hvítu efst (#ffffff) í ljósblátt (#cdd9de)…

8.png

9.png

Banner

Þetta mun gefa okkur mjög sæta barnahönnun.

10.png

Web 2.0 er líka í góðu hlutfalli og þó hönnun sé sérstaklega ósamhverf eru önnur svo að segja þráhyggju samhverf. Ég kýs seinni tegundina, þar sem það þarf minni frumleika og smekk til að búa til, allt sem þú þarft er tilfinningu fyrir hlutföllum. Segjum að við bætum við nokkrum hnöppum neðst og í hliðarhorninu á hönnuninni okkar ...

11.png

Lítur þetta vel út?

12.png

Nei, það gerir það ekki vegna þess að fliparnir líta allt of óskipulega út, svo við munum ganga úr skugga um að línan á vinstri hliðarflipanum „uppfyllir“ línuna á neðsta flipanum, svona...

131.png

Nú lítur það út í réttu hlutfalli.

crystal_clear_app_ark2.png

Banner

Ef þú veltir fyrir þér hvers vegna við misstum af skrefi, þá eru lagastílarnir fyrir flipa næstum eins og þeir sem við notuðum fyrir aðal rétthyrninginn og það sama á við um leturgerð og lagastíl „flipa“. Í námsskyni geturðu hlaðið niður PSD skránni og greint ferlið. Mundu að öll þessi hálfsýnilegu halli og 1px útlínur eru oft það sem gerir muninn á milli frábærrar vefhönnunar og þroskaðrar tilraunar í hönnun. Gangi þér vel!

Sækja psd skrá