#Lesson 1 - Basic dalam mendesign sebuah website

#Lesson 1 - Basic dalam mendesign sebuah website

Seperti judul di atas, sya akan menjelaskan tentang bagaimana mendesign sebuah web yang bagus. pada saat tulisan ini dibuat, sudah menunjukkan pukul 04.03 waktu indonesia bagian jogja..hehe.

Preface
ada orang yang terkadang mengabaikan sebuah design web, atau bahkan anda-anda ini sering mendengar celetuk'an seperti demikian "kan yang penting isinya!" atau mungkin "yang penting SEO!", rasanya wah.. sekali dan susah klo kita mengcompare dengan SEO tsb. memang seo penting dan utama. tpi design juga sangat penting..dan untuk SEO sya tidak akan membahasnya terlebih dahulu,tapi lain kali pasti akan sya bahas juga.
hmm... sya kasih contoh. semisal,kita hendak membeli mobil. ada 2 opsi tempat, pertama di dealer resmi,dan yang kedua di showroom kecil biasa. pasti si pembeli akan memilih di dealer resmi tentunya. kecuali jika ada factor x lainnya. kenapa demikian?? hal tsb timbul karena first impression dri dealer tsb. kesan pertama yang muncul dri sebuah dealer adalah.

1). resmi
2). dapat dipercaya
3). barangnya baru, orisinil, masih dalam kondisi bagus.

nah begitu pula dengan design web.. first impression dari web dgn design yang bagus akan menciptakan 3 hal dasar di atas. dan apa sajakah yang menjadikan sebuah web tsb dapat dikatakan bagus (dari segi tampilan)?

1). layout
2). tipografi
3). color
4). imagery
5). navigasi

1). layout - layout ini adalah susunan dasar mengenai design webuah web. point ini berbicara ttg posisi header,menu, content..seberapa besar ukuran dari mainpostnya. pada intinya layout memegang peranan penting mengenai bentuk dan model dari website tsb.

2). tipografi - website itu berkaitan dengan mata dari visitor. dan tentu mata tidak akan berlama2 dengan sesuatu yang memusingkan untuk dilihat,benar bukan? salah satunya ialah tulisan. tulisan yang kasar, tidak bisa dibaca dengan nyaman, tentu akan membuat visitor tsb enggan berlama-lama melihat ataupun membaca content dri situs anda. dan ini, sifatnya vital sekali. namun terlupakan.

3). color - warna sangat mempengaruhi dari segi feel dan emosi dari setiap visitor / pengunjung. bayangkan saja anda lewat di depan sebuah bank. apa yang anda bayangkan jika warna yang menyertai bank tersebut berwarna pink?.. tentu anda akan berpikir.. "nih bank apa2an.. ga serius nih bank!". bandingkan jika bank tsb berwarna biru..yang melambangkan kepercayaan. dan warna hitam yang melambangkan loyalitas.

4). imageri - gambar yang menyertai sebuah website juga sangat sekali berpengaruh mengenai user yang mengambil kesimpulan. bayangkan saja jika website dari sebuah produk kesehatan, memiliki gambar seseorang yang tampak letih dengan muka pucat,dan tidak berseri2. atau website tentang stationery atau edukasi yang menampilkan iklan tentang wanita berbikini. tentu hal ini membuat setiap visitor langsung berkesimpulan tidak baik dan kurang percaya dengan website tsb.

5). navigasi - navigasi yang mudah dan tidak ribet, tentu akan membuat setiap user nyaman dan tidak kesulitan.intinya to the point. jadi tidak melempar sebuah content ke dalam beberapa link atau bahkan melemparnya ke situs lain. seperti kebanyakan yang blog yang beredar ^^".

kelima hal di atas adalah saling terkait,jadi kita tidak bisa mengabaikan salah satunya. silahkan anda coba terapkan ke dalam situs atau blog anda masing2.. dan share commentnya dimari ya gan.. hehe

 

suka, Om!
semoga para penjual theme ngebaca ini... terus lahir lah karya karya keren nyang kagak mentingin SEO doank!!!

 

setuju ane, seo bukan segala2nya, masih ada user yang harus dipertimbangkan kenyamanannya dalam menikamti website kita, krn yang menikmati desain layout website kita bukan sekedar robot saja

 

keren bener ulasan-a.. kadang2 kita juga kudu memposisikan diri sebagai visitor, jd, bisa tau gmn kualitas "performance" blog kita, klu bahasa linggisnya "aikeching" a.k.a sedep di mata.. Pencerahan-a mangstab mas bro.. salute..

 

Ditunggu next lesson. Pasti lebih dalam pembahasannya. Thanks

 

Ditunggu lanjutannya gan, minta ijin copas buat saya ngajar ke murid nanti

 

terima kasih gan..sudah mau mampir di thread sya ini. semoga disini kita bisa belajar bareng. ^^" nanti akan sya ulas lesson2 berikutnya.. hehe.

 

good share kk, post selanjutnya tutorial design web ya kk...
nice info

 

whahahaha.... bener juga tu mastah... tapi cara edit theme tu gmn ya mastah??

 

Asoy! Keren ah.

Kalau saiya untuk color, layout, nav, dll. Disesuaikan dengan niche yang dituju. Technology - apple review: ya putih2 gradient, minimalis, pake border radius dimana2. Kalo baby shop ya light pink/light blue, boros dikit di bg image ga papa. logo kartun2 gitu (yang pasti bukan gambar komputer, hayah.. ).

Tapi ya harus di sesuaikan case-by-case.

 

dlm ngedit theme itu dasarnya harus paham struktur HTMLnya dlu, dan setelahnya paham soal CSS. karena untuk CMS atau web dengan framework.. itu intinya ya sma aja, mesti ngelewatin yng namanya struktur intinya. bahkan klo mnrt sya lebih mudah klo kita yang mendesign themenya dari awal, daripada harus mengedit yang sudah jadi.

 

Makasih gan sharingnya, kayanya lebih mantab lagi kalo ditambah skrinsut

 

iya gan.. mungkin klo sempet di materi selanjutnya yah.. ^^"

 

mantap banget bos, ditunggu pelajaran selanjutnya ya...

 

mantap masbro....

ditunggu nih materi selanjutnya.
kali aja bisa jadi peluang usaha

 

iya mas.. nih masih nunggu waktu luang dlu... soalnya lgi ada sedikit kesibukan.. terus ikutin nih thread ya.. ^^"

 

Ikutan nyimak Mas bro
cocok nih kayak saya yang lagi butuh inspirasi dalam design themes hehe
Lesson 1 terlewat , ayo masbro Lesson 2 nya di tunggu .
BTW ini nantinya yang di bahas design web apa mas bro??
wordpress/joomla/drupal/opencart/html/php atau yang mana hehehe

 

Lesson 1 oke, menunggu lesson 2...

 

setuju bro sebenarnya sudah banyak karya anak bangsa yang melahirkan themes bagus dan seo friendly serta bagus buat ngeblog baik buat GA maupun Amazon dan mudah settingnya dan yg lebih saya suka adalah GRATIS

Theme apakah itu ?
Arthemia dan buatan Mas Jauhari dan masih banyak yang lain yg gratis tp lebih power full dr yg di jual di pasar berbayar

 

menurut ane, semua warna adalah bagus.. dan bisa digunakan untuk apapun temanya.. yang penting adalah komposisi dan padanan-nya.. serta konsistensinya