Dan inilah yang kami dapat…

5.png

Walau bagaimanapun, ini tidak akan memberi kita kedalaman yang mencukupi. Kami mahu menjadikan segi empat tepat ini melengkung lebih jelas, kerana ia tidak menyentuh permukaan secara sekata, tetapi menambah lebih banyak bayang menggunakan gaya lapisan, atau, menjadikan bayang lebih kuat tidak akan memberikan kesan yang diingini. Guna ini pembahagi mendatar ditawarkan oleh dezinpolio.com dan tambahkannya pada bahagian tengah bentuk anda, supaya ia akan "pudar" ke arah sudut, seperti yang ditunjukkan di bawah:

6.png

Sekarang, ingat kita menyebut huruf tebal? Web 2.0 menggunakan fon dengan baik, lebih disukai sangat mudah dibaca, sedikit kartun dan tebal. Kami mengalami kesukaran memilih fon yang sesuai dan memutuskan untuk menggunakan "Cooper Std".

7.png

Kami sedang melakukan untuk menambah bayang yang sangat lembut (#5674a7) dan kecerunan cahaya daripada putih di bahagian atas (#ffffff) kepada biru muda (#cdd9de) ...

8.png

9.png

Ini akan memberikan kita reka bentuk bayi yang sangat comel.

10.png

Web 2.0 juga adalah mengenai perkadaran yang baik dan sementara reka bentuk terutamanya tidak simetri, yang lain boleh dikatakan obsesif simetri. Saya lebih suka jenis kedua, kerana ia memerlukan kurang keaslian dan rasa untuk mencipta, yang anda perlukan hanyalah rasa perkadaran. Katakan kami menambah beberapa butang di sudut bawah dan sisi reka bentuk kami…

11.png

Adakah ini kelihatan baik?

12.png

Tidak, ini bukan kerana tab kelihatan terlalu huru-hara, jadi kami akan memastikan garisan tab sebelah kiri,”memenuhi” garisan tab bawah, seperti ini…

131.png

Sekarang ia kelihatan berkadar.

crystal_clear_app_ark2.png

Sekiranya anda tertanya-tanya mengapa kami terlepas satu langkah, gaya lapisan untuk tab hampir sama dengan yang kami gunakan untuk segi empat tepat utama dan begitu juga untuk gaya fon dan lapisan "tab". Untuk tujuan pembelajaran, anda boleh memuat turun fail JPA dan menganalisis prosesnya. Ingat bahawa semua kecerunan separuh kelihatan dan garis besar 1px ini selalunya menjadi perbezaan antara reka bentuk web yang hebat dan percubaan amatur dalam mereka bentuk. Semoga berjaya!

muat turun fail psd