Tidak hanya orang bertemu dengan pakaian mereka, tetapi juga situs web. Gaun situs adalah desainnya. Desain sumber daya yang berkualitas tinggi dan menarik membuat kesan yang baik bagi pengguna, sehingga memastikan loyalitas dan kesediaan mereka untuk mencurahkan waktu mereka untuk menonton lebih lanjut. Selain kualitas, orisinalitas dan keunikan desain juga penting. Topik usang mengusir pengunjung. Tetapi mengembangkan desain yang unik itu mahal. Itulah sebabnya banyak webmaster pemula bertanya-tanya bagaimana cara menggambar desain situs web dengan tangan mereka sendiri.
Itu perlu
- - pensil;
- - kertas;
- - editor grafis raster GIMP atau Photoshop;
- - opsional: editor grafis vektor (misalnya, CorelDraw);
- - opsional: lingkungan pemodelan 3D (3DStudio, Blender);
- - peramban modern;
- - akses ke internet.
instruksi
Langkah 1
Mengembangkan konsep desain situs web. Tentukan gaya, skema warna, tata letak halaman (ukuran header situs, lokasi menu, blok teks, gambar). Ada baiknya jika konsep desain didasarkan pada ide orisinal. Namun jika masih kurang, Anda bisa mengambil inspirasi dari analisis solusi yang ada. Misalnya, menelusuri katalog tema CMS populer. Hasil karya dapat berupa sketsa halaman situs, dibuat dengan pensil di selembar kertas, menunjukkan zona ukuran tetap dan bervariasi.
Langkah 2
Buat templat halaman situs kosong di editor grafis raster. Buka dokumen baru di editor grafis. Ukuran dokumen harus jauh lebih besar dari ukuran halaman minimum baik secara horizontal (bahkan jika Anda tidak bermaksud membuat desain yang "dapat disesuaikan") dan vertikal. Tambahkan layer transparan baru. Di lapisan yang ditambahkan, gambarkan gambar templat halaman dengan garis setebal 1 piksel, dengan memperhatikan dimensi elemen yang sebenarnya. Untuk desain halaman dengan lebar tetap, tentukan margin yang akan diisi dengan warna latar belakang.
Langkah 3
Unduh dari internet atau rancang elemen desain halaman Anda sendiri. Logo dan elemen desain unik dapat dibuat dalam lingkungan pemodelan 3D, editor vektor atau raster. Sejumlah besar gambar tematik resolusi tinggi terdapat di bank foto Internet gratis. Ada juga koleksi ikon gratis di Internet yang dapat Anda gunakan secara bebas dalam proyek Anda.
Langkah 4
Menggambar desain situs web. Tambahkan lapisan transparan ke dokumen yang berisi template untuk halaman situs web dalam editor grafis. Pilih dan isi area yang cocok dengan latar belakang halaman. Isi area dengan isian gradien dan tekstur periodik. Sisipkan logo, gambar statis, ikon. Menggambar batas blok. Tambahkan beberapa teks. Tempatkan setiap elemen desain yang sudah jadi, gambar statis dan logo pada lapisan terpisah. Pindahkan gambar berlapis-lapis untuk mencapai tata letak yang diperlukan.
Langkah 5
Simpan "sumber" yang berfungsi dari desain situs dalam format "asli" dari editor grafis. Ini akan memungkinkan Anda untuk kembali lagi nanti untuk mengeditnya.
