А бул бизде…

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 файлын жүктөп алыңыз