Және бұл бізде ...

5.png

Дегенмен, бұл бізге жеткілікті тереңдік бермейді. Біз бұл тіктөртбұрышты одан да көрінетін етіп қисық еткіміз келеді, өйткені ол бетіне біркелкі тимейді, бірақ қабат мәнерлерін пайдаланып көбірек көлеңке қосу немесе көлеңкені күшейту бізге қажетті әсерді бермейді. Мынаны пайдаланыңыз көлденең бөлгіш dezinpolio.com ұсынған және оны пішініңіздің ортасына қосыңыз, сонда ол төменде көрсетілгендей бұрыштарға қарай «өшеді»:

6.png

Енді қара әріптерді айтқанымыз есіңізде ме? Web 2.0 қаріптерді жақсы пайдаланады, оқуға өте оңай, аздап мультфильмдік және қалың. Бізге қолайлы шрифт таңдау қиынға соғып, «Cooper Std» нұсқасын таңдауды шештік.

7.png

Біз өте жұмсақ көлеңке қосу үшін істеп жатырмыз (#5674a7) және жоғарғы жағында ақ түстен ашық градиент (#)ffffff) ашық көкке (#)cdd9de)…

8.png

9.png

баннер

Бұл бізге өте сүйкімді нәресте дизайнын береді.

10.png

Web 2.0 сонымен қатар жақсы пропорцияға ие және дизайн әсіресе асимметриялық болғанымен, басқалары обсессивті симметриялы. Мен екінші түрін ұнатамын, өйткені оны жасау үшін ерекшелік пен дәм азырақ қажет, сізге тек пропорция сезімі қажет. Дизайнымыздың төменгі және бүйір бұрышына бірнеше түймені қостық делік…

11.png

Бұл жақсы көрінеді ме?

12.png

Жоқ, бұл қойындылар тым ретсіз болып көрінетіндіктен емес, сондықтан біз сол жақ қойындының сызығы төменгі қойындының сызығына «сәйкес келетініне» көз жеткіземіз, мысалы…

131.png

Енді ол пропорционалды болып көрінеді.

crystal_clear_app_ark2.png

баннер

Неліктен бір қадамды өткізіп алғанымызға таң қалсаңыз, қойындыларға арналған қабат мәнерлері біз негізгі тіктөртбұрыш үшін пайдаланған стильдермен дерлік бірдей және «қойындылардың» шрифті мен қабат мәнерлеріне де қатысты. Оқу мақсатында сіз PSD файлын жүктеп алып, процесті талдай аласыз. Барлық осы жартылай көрінетін градиент және 1px контурлары көбінесе керемет веб-дизайн мен дизайндағы әуесқой әрекет арасындағы айырмашылықты жасайтынын есте сақтаңыз. Іске сәт!

psd файлын жүктеп алыңыз