Cara Melukis Reka Bentuk Laman Web

Isi kandungan:

Cara Melukis Reka Bentuk Laman Web
Cara Melukis Reka Bentuk Laman Web

Video: Cara Melukis Reka Bentuk Laman Web

Video: Cara Melukis Reka Bentuk Laman Web
Video: Cara menggambar dengan 2 Titik 2024, November
Anonim

Bukan sahaja orang dipenuhi pakaian mereka, tetapi juga laman web. Pakaian laman web ini adalah reka bentuknya. Reka bentuk sumber yang berkualiti tinggi dan menarik memberikan kesan yang baik kepada pengguna, sehingga memastikan kesetiaan dan kesediaan mereka meluangkan masa mereka untuk melihat lebih jauh. Selain kualiti, keaslian dan keunikan reka bentuk adalah penting. Topik yang dipakai dengan baik menghalau pengunjung. Tetapi mengembangkan reka bentuk yang unik adalah mahal. Itulah sebabnya mengapa banyak webmaster baru bertanya-tanya bagaimana melukis reka bentuk laman web dengan tangan mereka sendiri.

Cara melukis reka bentuk laman web
Cara melukis reka bentuk laman web

Ia perlu

  • - pensel;
  • - kertas;
  • - penyunting grafik raster GIMP atau Photoshop;
  • - pilihan: penyunting grafik vektor (contohnya, CorelDraw);
  • - pilihan: persekitaran pemodelan 3D (3DStudio, Blender);
  • - penyemak imbas moden;
  • - akses ke Internet.

Arahan

Langkah 1

Membangunkan konsep reka bentuk laman web. Tentukan gaya, skema warna, susun atur halaman (ukuran tajuk laman web, lokasi menu, blok teks, gambar). Ada baiknya jika konsep reka bentuk berdasarkan idea asli. Tetapi jika mereka kekurangan, anda boleh mendapat inspirasi dari analisis penyelesaian yang ada. Contohnya, melayari katalog tema CMS yang popular. Hasil karya tersebut dapat berupa lakaran halaman laman web, dibuat dengan pensil di atas selembar kertas, yang menunjukkan zon ukuran tetap dan bervariasi.

Langkah 2

Buat templat halaman laman web kosong dalam penyunting grafik raster. Buka dokumen baru dalam penyunting grafik. Ukuran dokumen harus jauh lebih besar daripada ukuran halaman minimum secara mendatar (walaupun anda tidak bermaksud membuat reka bentuk "lancar") dan secara menegak. Tambahkan lapisan telus baru. Pada lapisan tambahan, lukiskan gambar templat halaman dengan garis setebal 1 piksel, menghormati dimensi elemen yang sebenarnya. Untuk reka bentuk halaman lebar tetap, tentukan margin yang akan diisi dengan warna latar.

Langkah 3

Muat turun dari internet atau reka elemen reka bentuk halaman anda sendiri. Logo dan elemen reka bentuk yang unik dapat dibuat dalam persekitaran pemodelan 3D, vektor atau penyusun raster. Sebilangan besar gambar tematik beresolusi tinggi terdapat dalam bank foto Internet percuma. Terdapat juga koleksi ikon percuma di Internet yang boleh anda gunakan secara bebas dalam projek anda.

Langkah 4

Lukis reka bentuk laman web. Tambahkan lapisan telus ke dokumen yang mengandungi templat untuk laman web dalam penyunting grafik. Pilih dan isi di dalamnya kawasan yang sesuai dengan latar belakang halaman. Isi kawasan dengan isian kecerunan dan tekstur berkala. Masukkan logo, gambar statik, ikon. Lukiskan had blok. Tambahkan sedikit teks. Letakkan setiap elemen reka bentuk, gambar dan logo statik pada lapisan yang berasingan. Pindahkan gambar secara berlapis untuk mencapai susun atur yang diperlukan.

Langkah 5

Simpan "sumber" reka bentuk laman web yang berfungsi dalam format "asli" penyunting grafik. Ini akan membolehkan anda kembali kemudian mengeditnya.

Disyorkan: