Desain Website Pertimbangan

Memiliki desain yang baik adalah sama pentingnya dengan isi berkualitas untuk situs web apapun. Desain website merupakan aspek penting dari pembuatan website, karena kesan pertama bagi pengunjung baru Anda. Hal ini juga mencerminkan kualitas keseluruhan dari situs Anda. Jika situs Web Anda dirancang sederhana, pengunjung Anda mungkin tidak ingin pergi melalui konten apapun - melupakan kunjungan kedua mereka! Website Anda harus menarik bagi audiens Anda. Jadi pertanyaannya adalah - apa yang harus mempertimbangkan ketika merancang situs web Anda?
  
Berikut adalah beberapa elemen yang Anda harus mempertimbangkan ketika merancang halaman web Anda:
Halaman Web Standardisasi
Web Page Layout
Web Page Lebar
Halaman Latar Belakang
Penggunaan Font
Minat
Navigasi
Gambar dan Ikon
Halaman Memuat Waktu
Kesederhanaan
Belajar dari situs lain
Halaman Web Standardisasi

Anda harus standarisasi item di semua halaman web dari situs Anda. The 'melihat' keseluruhan situs web Anda harus serupa dan pengunjung Anda harus menyadari bahwa halaman web yang mereka kunjungi milik website yang sama. Hal ini penting untuk menjaga warna latar belakang halaman, tabel, daftar, panel, dll baik yang sama atau mirip untuk setiap halaman. Anda juga perlu untuk membakukan jenis font, ukuran dan warna untuk, Anda paragraf judul dan daftar.

Untuk melakukan hal ini, penggunaan style sheet mengalir (CSS) sangat dianjurkan. Anda tidak hanya standarisasi halaman web Anda dengan CSS, tetapi juga menghindari menempatkan tag format dalam halaman web Anda. Ini akan membantu Anda dalam dua cara - pertama Anda dapat mengubah tampilan situs web Anda hanya dengan mengubah file CSS Anda dan kedua, ukuran halaman web Anda secara signifikan mengurangi mengambil sedikit waktu untuk memuat dalam browser.

Web Page Layout

Tata letak halaman web adalah elemen dasar dari desain website Anda. Tata letak halaman berkaitan dengan cara Anda mengatur konten Anda. Anda harus mempertimbangkan tujuan dari situs Anda sebelum pembekuan tata letak halaman web Anda. Tata letak harus sedemikian rupa sehingga pengunjung dapat dengan mudah melihat dan menavigasi ke seluruh isi penting. Anda harus memutuskan menempatkan link penting di tempat yang menonjol. Anda juga harus tahu audiens yang ditargetkan - apa kelompok usia, apa profil mereka, yang bagian dari dunia yang mereka milik, dan mengambil ini menjadi pertimbangan. Silakan kunjungi halaman web kami bagian tata letak untuk mendapatkan ide bagaimana membuat tata letak situs web.

Web Page Lebar

Lebar halaman web Anda merupakan elemen penting dari desain website Anda. Pengguna tidak ingin untuk menggulir horizontal, halaman web harus sesuai dalam ukuran layar mereka. Lebar halaman dapat didefinisikan baik dalam pixel serta persentase. Jika Anda menentukan lebar halaman Anda dalam piksel, itu adalah tetap. Jika anda mendefinisikan dalam persentase, itu berubah dengan ukuran layar. Kedua metode mendefinisikan memiliki pro dan kontra. Adalah jauh lebih mudah untuk menempatkan isi di dalam lebar tetap dan tata letak tidak berubah dengan ukuran layar. Namun, jika ukuran layar lebih kecil dari lebar didefinisikan, pengguna harus gulir untuk menavigasi isi. Juga untuk ukuran layar yang lebih besar, wilayah banyak layar tetap tidak terpakai.

Jika Anda memutuskan untuk menentukan lebar dalam persentase, perubahan lebar halaman dengan ukuran layar dan mudah masuk di dalamnya. Namun, tata letak dan penempatan mungkin akan berubah dengan perubahan dalam ukuran layar. Pilihannya adalah milik Anda - Anda harus memutuskan definisi lebar berdasarkan pada tujuan dari situs Anda.

Jika Anda memutuskan untuk menjaga lebar halaman web Anda tetap, cobalah untuk pusat menyelaraskan halaman Anda, terlihat menyenangkan pada ukuran layar yang lebih besar. Juga menjaga lebar halaman maksimum 1024 piksel untuk mengakomodasi ukuran layar yang lebih kecil. Berdasarkan pada apakah lebar halaman Anda adalah tetap atau fleksibel, Anda harus memutuskan lebar elemen lain dan positioning.

Halaman Latar Belakang

Saran pribadi saya adalah dengan menggunakan latar belakang halaman warna cahaya. Jika Anda ingin menyimpan gambar apapun di latar belakang halaman web, pastikan itu tidak mempengaruhi pembacaan isi sebenarnya. Anda mungkin ingin menggunakan pola di latar belakang halaman. Cobalah untuk menjaga ukuran pola yang lebih kecil, maka akan secara default akan diulang dalam arah horisontal maupun vertikal. Jika Anda tidak ingin mengulang gambar latar belakang Anda, Anda dapat mendefinisikan gaya di file CSS dengan 'ulangi: none;' perintah.

Beberapa desainer menggunakan warna gelap untuk warna latar belakang dan cahaya untuk teks. Namun, latar belakang warna terang dan teks warna gelap yang menyenangkan melihat dan mudah untuk mata Anda.

Penggunaan Font

Anda harus tetap menggunakan font keluarga beberapa yang sama (font-wajah) untuk semua halaman web Anda, daripada menggunakan font yang berbeda untuk halaman yang berbeda. Beberapa font keluarga banyak digunakan untuk website yang - Tahoma, Verdana dan Arial. Ini semua adalah jenis sans-serif font yang mudah dibaca pada layar elektronik. Berbeda dengan itu, adalah 'Times New Roman' jenis serif, yang terlihat lebih baik di media cetak.

Anda juga harus menjaga ukuran font paragraf 12 piksel atau lebih - 14px tampak ideal untuk saya. Beberapa desainer menjaga ukuran font yang lebih kecil untuk mengakomodasi teks lebih, namun, menjadi sulit bagi pengunjung untuk membaca apa yang tertulis dalam paragraf Anda. Anda juga harus meningkatkan ketinggian standar garis yang tampaknya sangat tipis. Tinggi baris adalah kesenjangan antara dua baris. Saya menggunakan ketinggian garis 1.6em di tempat default 1em untuk meningkatkan keterbacaan tersebut. Anda dapat memutuskan untuk website Anda berdasarkan kebutuhan.

Pertimbangan penting lainnya adalah untuk memilih warna teks untuk berbagai bagian. Seperti telah disebutkan, standarisasi dan menjaga font-warna yang sama di semua halaman web Anda. Warna gelap yang paling cocok untuk teks dan header. Anda dapat mencoba dengan kombinasi berbagai warna untuk menyelesaikan satu set warna untuk teks Anda. Selalu pastikan bahwa ada kontras yang baik antara latar belakang halaman Anda dan teks sehingga mudah dibaca. Penggunaan teks mewah harus dihindari atau terbatas pada beberapa item tertentu seperti garis tag dan logo.

Minat

Cobalah untuk memasukkan elemen HTML yang berbeda seperti header, paragraf, daftar, tabel dll di tempat yang tepat untuk membuat konten Anda mudah dibaca. Gunakan garis-istirahat di tempat yang tepat dalam paragraf. Sementara menggunakan tabel, mendefinisikan 'cellspacing' dan 'cellpadding'. Menyediakan beberapa ruang antara dua blok ke arah horisontal dan vertikal. Bila perlu, gunakan perbatasan dan garis horizontal untuk isi terpisah.

Navigasi

Situs navigasi memungkinkan pengguna untuk pergi dari satu halaman ke lain dan memainkan peran yang sangat penting dalam membuat konten yang tepat tersedia untuk mereka dalam waktu singkat pencarian. Dianjurkan untuk menjaga link penting Anda di bagian atas website Anda, sebaiknya di tempat yang sama di semua halaman. Gunakan warna yang berbeda untuk link - selain teks biasa, sehingga mereka dengan mudah bisa diidentifikasi. Anda mungkin ingin mengubah font-warna link pada mouse.

Bagian navigasi untuk halaman lain harus terlihat jelas dan harus ditempatkan di tempat yang menonjol. Pastikan semua halaman Anda dapat diakses dari setidaknya satu halaman yang berbeda.

Gambar dan Ikon

Gambar dan ikon membuat halaman web Anda yang berbeda dan menarik. Dengan cepat memberitahu pengunjung Anda apa yang diharapkan dari konten. Menempatkan gambar yang tepat pada tempat yang tepat adalah seni yang hanya bisa dipelajari dengan praktek. Cobalah untuk menggunakan satu set ikon untuk halaman web Anda. Anda tidak perlu membuat ikon atau mengambil gambar sendiri. Ada banyak situs yang tersedia yang memberikan gambar dan ikon bebas biaya. Anda mungkin ingin mencoba iconfinder.com untuk mencari ikon pilihan Anda dan ukuran - tapi pastikan bahwa ini adalah gratis untuk penggunaan komersial.

Menambahkan banyak gambar dan multimedia dapat memiliki efek negatif pada website Anda. File multimedia membutuhkan waktu lebih lama untuk men-download dan pengunjung Anda mungkin tidak ingin menunggu sampai saat itu. Gunakan gambar bijaksana - jangan berlebihan. Juga berjaga-jaga pada ukuran grafis Anda - tidak boleh terlalu lemak! Kompres mereka jika diperlukan - ada banyak situs yang tersedia secara online yang akan melakukannya untuk Anda bebas biaya.

Satu hal yang lebih penting untuk dilakukan adalah untuk menentukan lebar dan tinggi masing-masing gambar Anda. Hal ini memastikan bahwa bahkan jika gambar tidak bisa didownload, tata letak halaman tidak akan terdistorsi atau diubah. Saya sarankan akan melalui Tutorial Gambar HTML jika Anda belum melakukannya.

Halaman Memuat Waktu

Bayangkan sebuah situasi di mana Anda klik pada link dalam hasil pencarian Google dan website tersebut memakan waktu yang lama untuk load. Apa yang akan Anda lakukan? Apakah Anda menunggu sampai beban halaman atau kembali ke hasil pencarian untuk mencoba link yang berbeda?

Jawaban sangat jelas - semua orang terburu-buru hari ini dan ada banyak alternatif yang tersedia. Jadi, penting untuk menjaga waktu loading halaman sebagai kurang mungkin - idealnya dalam waktu 10 detik untuk koneksi internet standar. Jadi bagaimana membuat website yang membutuhkan waktu lebih rendah untuk beban? Jawabannya adalah - tetap hanya apa yang sebenarnya diperlukan. Hindari penggunaan file JavaScript yang tidak perlu, grafik, objek flash, dll

Kesederhanaan

Jika kau bertanya padaku apa adalah desain website yang baik, jawabannya akan seharusnya terlihat sederhana namun efektif. Kesederhanaan tidak berarti bahwa Anda tidak harus kreatif. Jadilah kreatif tetapi melakukan hal-hal tidak berlebihan. Beberapa tahun yang lalu, banyak dari halaman web yang penuh mencolok, warna-warni, bergerak, benda berkedip. Hari-hari sekarang hilang - orang yang tidak tertarik pada keterampilan Anda Photoshop lagi jika Anda menyalahgunakannya. Cobalah untuk menjaga website Anda sederhana dan mudah untuk mempertahankan. Ini juga akan mengurangi waktu loading halaman Anda dan tidak perlu mengganggu pengunjung Anda.

Belajar dari situs lain

Internet adalah tempat terbaik untuk belajar merancang website. Lihatlah beberapa situs Web favorit Anda - bahkan ketika hal tersebut tidak berhubungan dengan Anda. Lihat apa yang membuat mereka menarik bagi Anda. Apa praktik terbaik yang dapat Anda gunakan? Jangan menyalin tetapi tidak ada yang salah dalam mendapatkan ide dan menerapkan sesuatu yang mirip untuk website Anda. Untuk berlatih, Anda dapat mencoba untuk merancang halaman web Anda persis seperti situs favorit Anda. Jika Anda terus belajar dan berlatih, Anda akan mulai merancang situs besar pada Anda sendiri dan 'Bagaimana merancang sebuah website' tidak akan menjadi masalah apapun.

Sumber Wikipedia.org