Belajar Asas Reka Bentuk Web

Elemen penting diperlukan untuk membuat laman web yang hebat

Apabila anda menetapkan untuk mempelajari reka bentuk web, perkara pertama yang perlu diingat ialah laman web reka bentuk sangat serupa dengan reka bentuk cetak. Dasar-dasar adalah sama. Anda perlu memahami ruang dan tata letak, cara mengendalikan fon dan warna, dan meletakkannya bersama-sama dengan cara yang menyampaikan mesej anda dengan berkesan.

Mari kita lihat unsur-unsur utama yang masuk ke dalam reka bentuk web pembelajaran. Ini adalah sumber yang baik untuk pemula, tetapi pereka yang berpengalaman mungkin dapat mengasah beberapa kemahiran dengan nasihat ini.

01 dari 07

Unsur Reka Bentuk yang Baik

filo / Getty Images

Reka bentuk web yang baik adalah sama dengan reka bentuk yang baik secara umum. Jika anda memahami apa yang membuat sesuatu reka bentuk yang baik, anda akan dapat menerapkan peraturan tersebut ke laman web anda.

Unsur-unsur penting dalam reka bentuk web adalah navigasi yang baik, halaman ringkas dan berkesan, pautan kerja, dan, yang paling penting, tatabahasa dan ejaan yang baik. Pastikan perkara ini diingat apabila anda menambah warna dan grafik dan laman web anda akan menjadi permulaan yang baik. Lagi »

02 dari 07

Cara Layout Laman Web

Ramai orang berfikir bahawa reka bentuk laman web adalah reka bentuk, dan dalam banyak cara ia adalah. Susun atur adalah cara elemen diposisikan pada halaman, ia adalah asas anda untuk imej, teks, navigasi, dan lain-lain.

Ramai pereka memilih untuk melakukan susun atur dengan CSS . Ia juga boleh digunakan untuk elemen seperti fon, warna, dan gaya tersuai yang lain. Ini membantu memastikan ciri-ciri pengurusan yang konsisten dan mudah di seluruh laman web anda.

Bahagian terbaik menggunakan CSS adalah apabila anda perlu menukar sesuatu, anda hanya boleh beralih ke CSS dan ia berubah pada setiap halaman. Ia benar-benar licin dan belajar menggunakan CSS boleh menjimatkan masa anda dan agak kerepotan.

Di dunia dalam talian hari ini, sangat penting untuk mempertimbangkan reka bentuk web responsif (RWD) juga. Fokus utama RWD adalah mengubah susun atur bergantung pada lebar peranti yang melihat halaman. Perlu diingat bahawa pelawat anda akan melihatnya di desktop, telefon, dan tablet dari semua saiz, jadi ini lebih penting daripada sebelumnya. Lagi »

03 dari 07

Font dan Typography

Font adalah cara teks anda kelihatan pada halaman Web. Ini adalah elemen penting kerana kebanyakan laman web termasuk sejumlah besar teks.

Apabila anda memikirkan reka bentuk, anda perlu memikirkan bagaimana teks itu kelihatan pada peringkat mikro (font glyphs, keluarga font, dll) serta tahap makro (blok kedudukan teks dan menyesuaikan saiz dan bentuk teks). Ia sememangnya tidak semudah memilih font dan beberapa tip akan membantu anda memulakannya. Lagi »

04 dari 07

Skim Warna Laman Web Anda

Warna ada di mana-mana. Itulah cara kita berdandan dunia kita dan bagaimana kita melihat sesuatu. Warna mempunyai makna di luar hanya "merah" atau "biru" dan warna adalah elemen reka bentuk yang penting.

Sekiranya anda memikirkannya, setiap laman web mempunyai skema warna. Ia menambah identiti jenama tapak dan mengalir ke setiap halaman serta bahan pemasaran lain. Menentukan skema warna anda adalah langkah penting dalam setiap reka bentuk dan harus dipertimbangkan dengan teliti. Lagi »

05 dari 07

Menambah Grafik dan Imej

Grafik adalah bahagian yang menyeronokkan dalam membina laman web. Seperti kata pepatah "gambar bernilai 1,000 perkataan" dan itu juga benar dalam reka bentuk web. Internet adalah media yang sangat visual dan menarik dan grafik yang benar-benar dapat menambah keterlibatan pengguna anda.

Tidak seperti teks, enjin carian mempunyai masa yang sukar menceritakan apa imej kecuali anda memberi mereka maklumat itu. Atas sebab itu, pereka boleh menggunakan atribut tag IMG seperti tag ALT untuk memasukkan butir-butir penting tersebut. Lagi »

06 dari 07

Jangan Diskaun Navigasi

Navigasi adalah cara pelawat anda mendapatkan dari satu halaman ke halaman yang lain. Ia memberikan pergerakan dan memberi pelawat peluang untuk mencari elemen lain dari tapak anda.

Anda perlu memastikan bahawa struktur laman web anda (seni bina maklumat) masuk akal. Ia juga perlu menjadi sangat mudah untuk mencari dan membaca supaya pengunjung tidak perlu bergantung pada fungsi carian .

Matlamat utama adalah bahawa navigasi dan pautan inline anda membantu pengunjung menjelajah tapak anda. Semakin lama anda boleh menyimpannya, lebih banyak kemungkinan anda akan membelinya untuk membeli apa sahaja yang anda jual. Lagi »

07 dari 07

Perisian Reka Bentuk Web

Kebanyakan pereka web memilih untuk bekerja di WYSIWYG atau editor "Apa yang Anda Lihat Apa Yang Anda Dapatkan". Ini memberikan antara muka visual kepada reka bentuk dan membiarkan anda kurang fokus pada kod HTML .

Memilih perisian reka bentuk web yang betul boleh menjadi satu cabaran. Ramai pereka suka Adobe Dreamweaver kerana mudah digunakan dan termasuk hampir semua ciri yang anda perlukan. Ia datang pada kos, walaupun, tetapi terdapat percubaan percuma yang tersedia.

Para pemula mungkin ingin melihat editor web secara percuma atau dalam talian . Ini membolehkan anda mencuba reka bentuk web dan membina beberapa halaman yang menakjubkan dengan sedikit kos. Lagi »