Terdapat begitu banyak tutorial dan panduan dalam talian yang mengajar anda cara menggunakan reka bentuk web 2.0 dengan berkesan. Walaupun kebanyakan tutorial ini berguna, pada masa yang sama ia membunuh keaslian dalam reka bentuk web. Sebagai contoh, kebanyakan "panduan" memberitahu anda bahawa web 2.0 adalah tentang mempunyai lencana berkilat, latar belakang jalur dan fon tebal. Hasilnya? Terdapat ratusan reka bentuk yang tidak terkira banyaknya dengan lencana, jalur dan huruf besar yang tebal… dan mereka tidak berbeza antara satu sama lain. Tidak kira sama ada anda membuat reka bentuk web 2.0, web 1.0 atau web 75.0, semuanya adalah asal dan tidak dapat dilupakan.
Walau bagaimanapun, jika tidak benar-benar menemui apa-apa yang asli untuk melambangkan reka bentuk anda, adalah "lebih selamat" untuk mengikuti trend semasa reka bentuk web. Jadi berikut ialah serpihan reka bentuk web yang sangat kecil, dan cara menukar susun atur biasa menjadi reka letak web 2.0.
Inilah yang kami ada…
Dan inilah yang akan kita lakukan…
Kami akan bekerja dalam Photoshop, menggunakan apa-apa selain gaya lapisan; memfokuskan pada kecerunan dan bayang-bayang ringan.
Mulakan dengan menggunakan bentuk Segi Empat dengan bucu bulat dan lukis… segi empat tepat.
Apa yang perlu kita lakukan terlebih dahulu ialah memberikan segi empat tepat kita sedikit kedalaman dan kehidupan. Mengikuti prinsip reka bentuk web 2.0, hanya bayang-bayang, garis besar dan kecerunan cahaya akan memberi kita kesan ini. Jadi pergi ke gaya lapisan, dan lepaskan sedikit bayangan lembut. Kami menggunakan #96aed6 untuk tujuan ini.
Untuk memberikan bentuk sedikit kedalaman (supaya ia tidak kelihatan seperti objek rata), tambahkan bayangan dalaman yang lembut, dengan ton yang lebih gelap (kami menggunakan #304f82 )
Akhir sekali, penting untuk menambah sedikit garis besar. Kami akan menggunakan warna putih #FFFFFF, memandangkan bayang-bayang kami dari kedua-dua belah adalah lebih gelap, kami mahu mempunyai garisan yang terang dan separuh kelihatan yang akan membentuk kontur.
[…] Marie menulis catatan menarik hari ini diBerikut adalah petikan cepatTerdapat banyak tutorial dan panduan dalam talian yang mengajar anda cara menggunakan reka bentuk web 2.0 dengan berkesan. Walaupun kebanyakan tutorial ini berguna, pada masa yang sama ia membunuh keaslian dalam reka bentuk web. Contohnya, kebanyakan “panduan” … […]
[…] Jacob Cass menulis catatan menarik hari ini diBerikut adalah petikan cepatTerdapat banyak tutorial dan panduan dalam talian yang mengajar anda cara menggunakan reka bentuk web 2.0 dengan berkesan. Walaupun kebanyakan tutorial ini berguna, pada masa yang sama ia membunuh keaslian dalam reka bentuk web. Contohnya, kebanyakan “panduan” … […]
Kerja yang sangat bagus. Saya dapati banyak maklumat mendalam yang boleh membantu saya meneruskan.
Tutorial yang menarik. Soalan saya ialah: Apakah yang menjadikan ini "Web 2.0"? Web 2.0 tidak mempunyai apa-apa (atau sedikit kaitan) dengan rupa tapak. Apa yang anda bincangkan di sini ialah reka bentuk, atau hanya rupa tapak. Itu sahaja. Flickr.com ialah tapak web 2.0, dan benar-benar tidak menggunakan prinsip ini. Selain itu, Facebook adalah sangat mudah, tidak menggunakan bayang-bayang jatuh, sudut bulat atau fon "sedikit kartun dan tebal", tetapi masih merupakan tapak web 2.0. Juga Wikipedia…. dan lain-lain…
Web 2.0 adalah mengenai cara pengguna berinteraksi dengan tapak dan cara tapak berinteraksi dengan mereka.
Satu pandangan yang bagus tentang reka bentuk web 2.0.
tutorial yang bagus…
saya ingin bertanya,
bagaimana anda tahu sama ada ia reka bentuk 2.0 atau tidak?
maaf saya hanya newbie
[…] Dari pswish.com yang mempunyai pintu yang sama, anda boleh membuat pejabat rasmi: Web 2.0 adalah untuk mengenal pasti tapak web. Artikel Asal […]
[…] Lihat Tutorial […]
Artikel yang bagus, thx 🙂
Juga jika anda mencari beberapa fon percuma yang bagus http://www.fonts2u.com
Hai! reka bentuk yang menarik 🙂 tetapi pautan tidak berfungsi 🙁 boleh saya dapatkan fail psd ini di tempat lain? terima kasih