Və əldə etdiyimiz budur…

5.png

Bununla belə, bu bizə kifayət qədər dərinlik verməyəcək. Biz bu düzbucaqlı səthə bərabər şəkildə toxunmadığı üçün daha da nəzərəçarpacaq dərəcədə əyri etmək istəyirik, lakin təbəqə üslublarından istifadə edərək daha çox kölgə əlavə etmək və ya kölgəni gücləndirmək bizə istənilən effekti verməyəcək. Bunu istifadə et üfüqi bölücü dezinpolio.com tərəfindən təklif olunur və onu formanızın ortalarına əlavə edin ki, aşağıda göstərildiyi kimi künclərə doğru “solsun”:

6.png

İndi qalın hərfləri qeyd etdiyimizi xatırlayırsınız? Web 2.0 şriftlərdən yaxşı istifadə edir, oxunması çox asan, bir qədər cizgi filmi və qalındır. Uyğun şrift seçməkdə çətinlik çəkdik və “Cooper Std” ilə getməyə qərar verdik.

7.png

Çox yumşaq bir kölgə əlavə etmək üçün edirik (# 5674a7) və yuxarıdan ağdan işıq gradienti (#)ffffff) açıq mavi (#)cdd9de)…

8.png

9.png

Bayraq

Bu, bizə çox şirin bir körpə dizaynı verəcəkdir.

10.png

Veb 2.0 də yaxşı bir nisbətdir və dizaynlar xüsusilə asimmetrik olsa da, digərləri obsesif şəkildə simmetrikdir. Mən ikinci növə üstünlük verirəm, çünki yaratmaq üçün daha az orijinallıq və zövq tələb olunur, sizə lazım olan tək şey nisbət hissidir. Deyək ki, dizaynımızın aşağı və yan küncünə bir neçə düymə əlavə edirik...

11.png

Bu yaxşı görünür?

12.png

Xeyr, bu, tabların çox xaotik göründüyü üçün deyil, buna görə də sol tərəfdəki nişanın xəttinin alt nişanın xətti ilə "üstləşdiyinə" əmin olacağıq, buna bənzər...

131.png

İndi mütənasib görünür.

crystal_clear_app_ark2.png

Bayraq

Nə üçün bir addımı qaçırdığımızla maraqlanırsınızsa, tablar üçün təbəqə üslubları əsas düzbucaqlı üçün istifadə etdiyimiz üslublarla demək olar ki, eynidir və eyni şey "tabların" şrift və təbəqə üslublarına aiddir. Öyrənmə məqsədləri üçün siz PSD faylını yükləyə və prosesi təhlil edə bilərsiniz. Unutmayın ki, bütün bu yarı görünən gradient və 1px konturlar çox vaxt əla veb dizaynı ilə dizaynda həvəskar cəhd arasında fərq yaradır. Uğurlar!

psd faylı yükləyin