Desain footer web

Bagian footer web adalah bagian yang biasanya jarang diperhatian oleh para designer web “wah ini saya banget! he3x!”,  biasanya energi habis untuk mendisain bagian header dari web dan ketika sampai dibawah “footer” mulai deh agak lowbat. Sebenarnya bagian footer adalah bagian yang penting karena kesempurnaan dari sebuah bentuk web akan termasuk juga bagian tersebut. Informasi yang disampaikan juga ada dibagian footer, pengunjung biasanya akan mencari link untuk kembali atau mencari informasi si pemilik web, link terkait biasanya ada di bagian footer ini.

Apple Site

Continue reading

Sekarang biasanya bagian footer dipenuhi dengan logo-logo dari relasi bisnis yang biasanya berbeda-beda warna dan bentuknya sehingga kalau dalam penyesuaian tidak pas dengan layout web kita maka akan terlihat suatu yang kurang pas.  Desain dari footer tidak lepas dari pendisainan web secara keseluruhan. Ada sedikit tips yang biasa saya lakukan untuk langkah awal dalam membuat desain web.

  1. Coba buat sketsa kasar web.
    Jangan sesekali atau membiasakan membuat gambaran / sketsa web di dalam benak kita saja, tapi kalau perlu tuangkan dalam papan tulis atau pada selembar kertas, tujuannya agak kita dapat melihat secara keseluruhan bentuk dari web yang kita akan buat nantinya termasuk bagian dari footernya. Dengan demikian kita sudah membuat pemodelan secara keseluruhan dari design web yang akan kita buat.
  2. Pilih warna yang sesuai dengan gambaran web.
    Coba tanyakan ke klien atau cari refren tentang warna dan model web yang dinginkan klien, biasanya hal ini mempengruhi kita dalam mendisain web yang akan kita buat, pewarnaan bagian footer nantinya akan mudah ditentukan dengan bagian yang lainnya, biasanya saya meletakkan coorporate color pada header dan background web, selanjutnya saya menggunakan software-software kombinasi warna untuk mencari warna padanan dari warna itu untuk digunakan dalam mendisain bagian footer.
  3. Mulai membuat moockup.
    Bagian ini adalah semi final area bagi saya, why? karena pada bagian ini saya mencoba membuat desain web secara keseluruhan berdasarkan materi yang sudah didapat dan sketsa yang sudah dibuat, kombinasi warna dan sebagainya. Saya mengusahakan membuat dua desain dengan model yang berbeda dari sana biasanya saya konsultasikan dengan klien termasuk bentuk footernya, lebih banyak lebih baik tapi kebanyakan juga buat bungung klien, 2-3 model menurut saya sudah cukup.

Permainan warna pada bagian footer dibuat lebih terang tapi bisa juga gelap jika bagian atas yang lebih terang , bisa dengan degradasi dari warna background atau perpaduan dari warna – warna logo yang dipasang pada bagian footer tersebut.  Hal ini dengan tujuan agar mata pengunjuang situs sedikit rilek setelah terfocus penuh dengan bagian header dan content dari website. Penggunaan ukuran font yang besar dengan jumlah yang berlebihan pada bagian footer menurut saya tidak pas karena akan membuat terkesan layout web menjadi sempit . Tetapi bisa saja kita lepas dari apa yang saya uraikan tersebut sejauh kita mamapu mengolah layout menjadi tampak elegan dan seimbang itu lebih baik.

Link Berikut mungkin bisa menjadi inspirasi untuk mendisan bagian footer dan web ;-)

  1. 35 website footer designs, trends and styles.
  2. Modern Sitemap and Footer.
  3. 40-nice-and-creative-website-footer-designs.
  4. 40-creative-blog-footer-designs.

Selamat berkarya ;-)

Salam!

Sebelum Belajar Membuat Web

Saya suka di tanya sama teman-teman atau para peserta workshop saya , “mas belajar web site dari internet dimana ya?” atau “mas punya sources untuk belajar web?” padahal simpel saja jawabnya ” buka google.com dgn key “web site tutorial” atau “belajar web”” pasti akan dapat ratusan link tentang hal itu ..:-), tapi kalau itu mah bukan jawaban yang baik…suatu saat saya akan di balas sama orang lain juga nantinya kalau saya menanya sesuatu ..dengan jawaban yang sama…curiga pas saya nanya “mas tau jalan ini gak?” dan bakal di jawab tanya aja dengan google.com dengan kata kunci naman jalan itu…huahuahuahua…apes deh!.., hold! .

grungydesignfinalsmall

Continue reading

Ini ada beberapa link site untuk belajar membuat layout yang bagus untuk disimak!

Psdfan.com

grungydesignfinalsmall

Hv-designs.co.uk

finished

Talk-mania.com

1b

Back to sebelum belajar membuat web, kalau untuk belajar membuat web memang diperlukan beberapa kemampuan yang harus dipenuhi, tidak susah dan tidak mudah juga.  Kemampuan seni atau jiwa seni saja tidak cukup untuk hal ini, kenapa? karena dengan kemampuan seni yang benar-benar matang dan dahsyat tetapi tidak memiliki kemampuan untuk mentransformasikan kedalam bentuk layout web, html dan sebagainya maka hal tersebut tidak ada artinya..malah akan pusing sendiri.  Tetapi sebaliknya dengan amunisi code dan kemampuan layout web yang tinggi tetapi tidak ada kemampuan seni yang baik juga tidak ada artinya ;-).

Sumber inspirasi menurut saya juga hal yang sangat penting dalam belajar web, perkaya sumber – sumber inspirasi mulai dari sumber icon, model layout web, teori warna, teori interaksi komputer dengan manusia, efek-efek buat web baik flash maupun javascripst, dan sebagainya…,pengalaman saya dulu saya suka sekali mebookmarks setiap web yang menurut saya bagus untuk inspirasi web nantinya..tidak disadari saya dengan jumlahnya yang kian hari terus bertambah…belum lagi langganan rss yang saya ikuti…tapi memang hal tersebut benar – benar membantu saya karena kita tidak akan kehilangan link/alamat web mereka tanpa harus googling lagi. Dikala saya stag! saya bisa mengunjungi mereka atau puyeng dengan data dari google yang bejibun.

Peka terhadap trend dunia web yang ada sekarang juga sangat utama, karena ini akan mempermudah kita dalam focus terhadap proses belajar web kita, dulu saya sangat bangga kalau bisa buat link di dalam .html karena trend saat itu bisa membuat link memang menjadi favorit di awal kebangikatan dunia design web. Sekarang saya focus dengan trend web yang memenuhi crossbrowser / dapat jalan dengan baik disemua browser yang menjadi trend saat ini. Clean code atau alur penulisan code yang tertata baik juga perlu kita persiapkan karena hal ini membantu kita untuk selalu  rapi dan hal ini mempermudah kita dalam menganalisa permasalah yang nantinya bisa kita temua dikemudian hari.

Berdiskusi dengan para pakar atau teman sesama yang sedang belajar web baik secara online atau offline merupakan hal yang jangan dilupakan, karena sekecil apapaun informasi dari mereka sangat berguna bagi kita, kembali lagi ke hal tadi…dari pada tanya ke google mending tanya sama teman dulu..he3x..kalau mentok atau tidak puas baru kita ke google.

Dukungan peralatan juga menjadi hal yang utama, baik software maupun hardware. Berangkatlah dari software yang mudaha dan benar-benar cocok buat kita untuk dapat memahami dalam belajar web itu lebih baik. Menggunakan notepad, kenapa tidak kalau itu lebih membuat kita cepat mengerti dan hafal dalam penulisan code …ketimbang menggunakan dreamweaver yang penuh dengan tab dan kita bingung menggunakannya…tetapi perlahan-lahan kita beralih ke software yang lebih pro juga jauh lebih baik berarti ada usaha untuk berkembang dan maju ;-)

Membaca buku dan majalah tentang design web baik yang cetak atau yang elektronik juga sangat diperlukan,  bisa jadi kta belajar sambil duduk di kereta dalam perjalanan ke luar kota atau di pesawat..hitung..hitung bergaya ….he3x..yang lain baca koran dan komik kita buku web heheheh.

Akhirnya selamat belajar membuat web ;-)

8 Web tutorial and resources buat para web designer dan development

Dunia desain memang sangat menarik dan penuh tantangan and yang jelas hasil baliknya tidak diragukan lagi…”fulus!” ;-). Kali ini saya akan berbagi link situs – situs refren yang suka saya kunjungi sebagai seorang web designer,  ada 8 situs yang memang menurut saya sangat bagus dan memberikan penjelasan dengan detail. Satu lagi jangan lupa untuk membookmark serta berlengganan RSS-nya. Dari ke delapan itu yang paling saya suka adalah noupe.com, karena resource sangat beragam dan selalu baru ;-) tapi yang lain juga bagus loh! he3x…saya tidak memasukkan smashingmagazine.com karena sudah amat terkenal “menurut saya loh” ..;-) berikut 8 Web tutorial and resources buat para web designer dan development itu :

  1. Noupe.com
  2. noupe

    Continue reading