І вось што мы атрымалі…

5.png

Аднак гэта не дасць нам дастатковай глыбіні. Мы хочам зрабіць гэты прамавугольнік яшчэ больш прыкметна выгнутым, бо ён не датыкаецца з паверхняй раўнамерна, але даданне большай колькасці цені з дапамогай стыляў пласта або ўзмацненне цені не дасць жаданага эфекту. Выкарыстоўвайце гэта гарызантальны падзельнік прапанаваны dezinpolio.com і дадайце яго ў сярэдзіну вашай фігуры, каб ён «знікаў» да кутоў, як паказана ніжэй:

6.png

Памятаеце, мы згадвалі тлустыя літары? Web 2.0 добра выкарыстоўвае шрыфты, пажадана вельмі лёгкія для чытання, трохі мульцяшныя і тлустыя. Нам было цяжка выбраць прыдатны шрыфт, і мы вырашылі абраць «Cooper Std».

7.png

Мы робім, каб дадаць вельмі мяккі цень (№ 5674a7) і светлы градыент ад белага зверху (#фффффф) да светла-блакітнага (#cdd9de)…

8.png

9.png

Банэр

Гэта дасць нам вельмі мілы дзіцячы дызайн.

10.png

Web 2.0 таксама мае добрую прапорцыю, і ў той час як дызайн асабліва асіметрычны, іншыя, так бы мовіць, апантана сіметрычныя. Мне больш падабаецца другі тып, так як для яго стварэння патрабуецца менш арыгінальнасці і густу, патрэбна толькі пачуццё меры. Дапусцім, мы дадамо некалькі кнопак у ніжнім і бакавым куце нашага дызайну...

11.png

Гэта выглядае добра?

12.png

Не, гэта не так, таму што ўкладкі выглядаюць занадта хаатычна, таму мы пераканаемся, што лінія левай бакавой ўкладкі "сутыкаецца" з лініяй ніжняй укладкі, вось так...

131.png

Цяпер гэта выглядае прапарцыйна.

crystal_clear_app_ark2.png

Банэр

Калі вы задаецеся пытаннем, чаму мы прапусцілі крок, стылі слаёў для ўкладак амаль ідэнтычныя тым, якія мы выкарыстоўвалі для асноўнага прамавугольніка, і тое ж самае тычыцца стыляў шрыфта і слаёў «укладак». У навучальных мэтах вы можаце спампаваць файл PSD і прааналізаваць працэс. Памятайце, што ўсе гэтыя напаўбачныя градыенты і контуры памерам 1 пікс часта з'яўляюцца тым, што робіць розніцу паміж выдатным вэб-дызайнам і дасканалымі спробамі дызайну. Поспехаў!

спампаваць файл psd