Showing posts with label disain web. Show all posts
Showing posts with label disain web. Show all posts

Langkah Membuat Design Web

Posted by malamjumat on Monday, February 23, 2009

Mendesain (atau mendesain ulang) sebuah website dapat menjadi sebuah tugas “yang tepat sasaran ataupun tidak” bagi kita semua. Kadangkala, kita membuat sebuah desain dimana terlihat sudah bagus… tapi mendadak menjadi “muak” melihatnya atau orang lain tidak ingin melihatnya. Akhirnya kita melakukan pembuatan web desain ulang.


Jadi, di bawah ini ada 8 tips yang penitng untuk diingat ketika mendesain ulang ataupun desain baru sebuah website. Tentu saja, pada kenyataannya ada lebih dari 8 hal yang harus diperhatikan, tapi setidaknya 8 ini sudah cukup sebagai permulaan.


  1. Apa yang menjadi tujuan utama dan siapa target “pembuka” website? - hal ini berlaku bagi setiap website yang ada dan yang pernah dibuat. Mengidentifikasi “penonton” Anda mungkin terdengar sangat simple tapi ini merupakan titik awal bagi website Anda agar dapat berkembang. Setelah Anda menentukan beberapa kriteria “penonton” Anda, kemudian Anda harus menentukan apa yang akan diperoleh “si penonton” dari dan setelah website Anda dibuka dan dibaca. Buatlah hal tersebut mudah diingat atau menarik agar itu dapat menjadi titik jual dari website Anda. Jadi pembuatan website bukan hanya sekedar saja.
  2. Apa yang menjadi kelemahan dan kekuatan dari kompetitor Anda? - mengidentifikasi kompetitor Anda selalu menjadi perhatian utama bagi setiap bisnis. Pembuatan web tentunya sangat memperhatikan kompetitor. Jika Anda tidak memberi nilai tambah dalam bisnis Anda, untuk apa pelanggan pindah ke bisnis Anda? Menggunakan desain dari website kompetitor Anda dapat menjadi kekuatan bagi Anda. Contohnya adalah ketika Anda melihat hal yang Anda sukai dari website kompetitor Anda, Anda dapat menjadikannya sebuah contoh tapi jika Anda melihat kekurangan dari kompetitor anda, anda dapat mengambil keuntungan dari hal tersebut karena Anda dapat memperbaiki kesalahan mereka dan menerapkannya di website Anda.
  3. Desain paling penting - landing page dan KISS principle - keputusan dari desain website Anda dapat digambarkan dari homepage Anda. Ada prinsip yang berbunyi “keep it simple, stupid” atau KISS, atau berikan apa yang “penonton” perlukan secara cepat.
  4. Pemilihan warna sangat penting - warna dapat menghidupkan ataupun mematikan sebuah website. Warna tentunya sangat mempengaruhi desain website nantinya. Anda perlu mengingat beberapa hal, gunakan warna yang “penonton” Anda suka, jangan gunakan warna yang bertentangan, test warna yang Anda telah tentukan, dan pastikan warna tersebut merupakan penggambaran dari website Anda. Tentunya warna disesuaikan dengan aplikasi website tsb ditujukan buat siapa.
  5. Gunakan hot-spots sebagai aspek yang paling menarik perhatian - ada beberapa artikel seperti ini dimana akan membantu Anda mengerti bagaimana manusia bereaksi ketika ditunjukkan sebuah website. Ada sebuah pola dari mata kita ketika homepage sedang di-load di depan kita. Secara otomatis mata kita akan tertarik menuju elemen-elemen seperti bullet-points, lists, icons dan tipografi yang besar. Tipikal seperti ini juga menjadi bagian paling tinggi dari sebuah website. Jadi Anda perlu memastikan bahwa Anda menempatkan sebuah elemen atau bahkan lebih agar website Anda menjadi sangat menarik. Jadi perhatian akan tertuju pada aplikasi website.
  6. Huruf apa yang paling baik? - penentuan dari jenis huruf yang akan digunakan sebetulnya adalah keputusan dari desainer itu sendiri. Yang paling standar adalah menggunakan jenis huruf Verdana dan Arial di setiap bagian.
  7. Lakukan test, perbaikan…secara berulang - mengetes desain Anda itu sangat diperlukan. Misalkan, lakukan tes di browser Firefox, IE6, IE7, Opera, ataupun Safari. Memperbesar resolusi dari 800×600 menjadi 1280×1024 pun dapat dilakukan untuk mensimulasikan tampilan yang akan dihadapi penonton yang memiliki resolusi layar yang berbeda. Jika merasa kesulitan sekarang banyak software web maupun software aplikasi yang bisa mempermudah pekerjaan.
  8. Jangan takut untuk medesain ulang - sekali Anda telah selesai mendesain karya Anda, Anda memerlukan kritik dan saran. Ini satu-satunya cara Anda dapat berkembang sebagai seorang web desainer. Anda juga butuh menseleksi kritik yang Anda terima antara kritik pribadi dengan kritik secara umum.

http://jejak.info



Temukan informasi lainnya mengenai Pembuatan Web, Pembuatan Website, Software Web, Software Aplikasi, Aplikasi Website, Desain Website hanya di Pembuatan Web & Website: Software Web - Aplikasi & Desain Website Tangerang pada 88db.com
More aboutLangkah Membuat Design Web

Tips & Trik Dalam Mendesain Web

Posted by malamjumat on Thursday, February 12, 2009

Sering kita temui website yang tipikal: "Welcome to my homepage," animasi e-mail, background dengan tulisan miring (diagonal), animasi garis pembatas, tabel dengan border tiga-dimesi dan lain-lain. Hal ini terjadi akibat dari fasilitas Template yang disediakan oleh software pembuat/pembuatan web seperti: FrontpageT, Corel WebDesignerT, dan sebagainya yang ditujukan untuk mempermudah penggunanya dalam membangun website.

Jika anda puas dengan hasil kerja anda membangun & pembuatan website dengan fasilitas template, sudahlah cukup sampai disini. Tetapi jika anda tidak puas dengan apa yang anda buat, dan anda merasa ingin lebih baik, maka anda perlu mengetahui bagaimana Web Designer membangun suatu Website, terlepas anda punya bakat seni atau tidak. Apakah ahli web desain atau tidak.

  1. Unik : Dalam membuat karya apapun seorang pembuat web desain / designer mempunyai kesadaran untuk tidak meniru atau menggunakan karya orang lain. Begitu pula seorang Web Designer harus mempunyai budaya malu untuk menggunakan icon, animasi, button, dll, yang telah digunakan atau dibuat oleh orang lain. Karena banyak hal yang dilakukan dalam desain website.
  2. Komposisi : Seorang Web Designer selalu memperhatikan komposisi warna yang akan digunakan dalam website yang dibuatnya. Pergunakan selalu Palette 216 WebColor, yang dapat diperoleh dari Adobe.com, hal ini untuk mencegah terjadinya dither pada image yang berformat GIF. Dalam membangun website suatu perusahaan, Web Designer selalu menyesuaikan warna yang digunakan dengan Corporate Color perusahaan tersebut. Sebagai contoh: Telkom Corporate Color-nya adalah biru, Coca-Cola : merah dan putih, Standard-Chartered : hijau dan biru, dsb. Untuk kemudian warna-warna tadi digunakan sebagai warna dominan atau sebagai elemen pendukung (garis, background, button, dsb).Ini akan membuat desain website menjadi beragam.
  3. Simple : Web Designer banyak yang menggunakan prinsip "Keep it Simple", hal ini ditujukan agar tampilan website tersebut terlihat rapi, bersih dan juga informatif. Walaupun banyak software aplikasi maupun software desain tetapi diusahakan simple.
  4. Semiotik : Semiotika adalah ilmu yang mempelajari tentang tanda-tanda. Dalam hal ini diharapkan dengan melihat tanda atau gambar, user/ audience dapat dengan mudah dan cepat mengerti. Sebagai contoh: Jangan membuat gambar/image yang berkesan tombol, padahal itu bukan tombol/ link, walaupun mungkin banyak software desain yang bisa membantu pekerjaan.
  5. Ergonomis : Web Designer selalu memperhatikan aspek ergonomi. Ergonomi disini adalah dalam hal kenyamanan user dalam membaca dan kecepatan user dalam menelusuri website tersebut. Web Designer memilih ukuran Fonts yang tepat sehingga mudah dibaca, Web Designer bisa melakukan pembuatan aplikasi yang menempatkan link sedemikian rupa sehingga mudah dan cepat untuk di akses dan lebih penting lagi adalah Informatif. Sehingga aplikasi website lebih "nyaman".
  6. Fokus : Tentukan hirarki prioritas dari pesan yang akan disampaikan, misalnya: Judul harus besar, tetapi jangan sampai akhirnya akan konflik dengan subjudul yang berukuran hampir sama. Hal ini akan membingungkan user/audience untuk menentukan pesan mana yang harus lebih dahulu dibaca/ dilihat. Pembuatan aplikasi seperti ini akan memudahkan user.
  7. Konsisten : Tentukan font apa yang akan digunakan sebagai Body-text, Judul, Sub Judul dan sebagainya, sehingga website tersebut akan terlihat disiplin dan rapi. Sesuaikan jenis huruf yang digunakan dengan misi dan visi website (aplikasi website) tersebut, misalnya: hindari menggunakan font Comic dalam membangun website suatu perusahaan resmi.

Demikian beberapa aspek dan prinsip yang digunakan Web Designer dalam pembuatan website, selebihnya merupakan ekspresi dari pembuat website itu sendiri yang terwujud dalam penggayaan penyusunan website.

www.asiamaya.com

Temukan informasi lainnya mengenai Pembuatan Web, Pembuatan Website, Software Web, Aplikasi Website, Software Aplikasi, Web Desain, Pembuatan Aplikasi, Software Desain, Software Website, Desain Website hanya di Pembuatan Web & Website: Software Web - Aplikasi & Desain Website Tangerang pada 88db.com

More aboutTips & Trik Dalam Mendesain Web

Pengetahuan Dasar Untuk Menjadi Web Designer

Posted by malamjumat on Tuesday, February 10, 2009

Dalam pembuatan web atau pembuatan website dibutuhkan beberapa pengetahuan/keterampilan standar sehingga website yang dihasilkan menaikkan citra perusahaan. Tulisan ini sebagai dasar bagi pemula untuk berani memulai membangun atau dalam proses pembuatan web atau pembuatan website dan memulai memasuki cakrawala baru yang dapat meningkatkan ketrampilan dan pendapatan anda.

Untuk memulainya, anda harus mengetahui dan menguasai beberapa pengetahuan/software diantaranya:

1. Perencanaan website

Proses ini merupakan awal dalam merencanakan halaman web dan seluruh web. Dimulai dengan mengumpulkan seluruh data dan informasi kemudian hasil akhirnya adalah sebuah “sitemap” lalu dimulai dengan merancang tata letak (layout) halaman, biasanya dilakukan mendesain tata letak halaman depan dan halaman kedua (melakukan desain website). Dalam membuat desain website dalam hal ini mendesain halaman ini beberapa komponen penting biasanya masuk adalah navigasi, content, rencana letak image, copyright (bagian footer), komponen website dan hal lain yang dianggap perlu. Bisa menggunakan software aplikasi. Ada juga yang menggunakan software desain lain. Software yang biasa digunakan adalah: Microsoft Visio dan menggunakan Concept Draw Webwave (http://www.conceptdraw.com).

2. Desain Halaman Web Dasar

Berdasarkan hal diatas selanjutnya kita mulai melakukan desain web dengan menterjemahkan perencanaan ke dalam software desain, keahlian yang mesti diperdalam adalah typografi (kemampuan memilih font yang tepat), tata letak halaman (menguasai kemampuan membagi ruang halaman), pewarnaan (menguasai konsep warna dan pemilihan warna berdasarkan warna perusahaan dan teori pencampuran warna). Ada beberapa software yang digunakan, misalnya ada yang menggunakan software aplikasi atau software website lainnya. Software yang digunakan salah satunya Adobe Photoshop, dengan mempelajari pembuatan tombol/navigasi, background, bekerja dengan teks, manipulasi gambar/image, dan khususnya memperdalam teknik-teknik desain web. Banyak sekali resource gratis yang bisa anda temukan di website khususnya belajar photoshop untuk website, anda bisa mencarinya di search engine dengan keyword “tutorial photoshop for web”. Untuk memudahkan anda mendesain web ini, pbisa membukaiwww.dokumenkerja.com, anda tinggal download dan modifikasi tampilan website yang anda inginkan.

3. Desain Halaman Web Lanjutan

Untuk meletakkan halaman web hasil desain photoshop di atas, diperlukan mengubah halaman web ke dalam bentuk HTML, dan diperlukan sebuah software yakni salah satunya Adobe Dreamweaver. Dreamweaver ini yang membantu pengaturan halaman-halaman desain diubah ke HTML. Selain Dreamweaver banyak software sejenis lainnya seperti Microsoft Frontpage. Ada yang menggunakan software aplikasi atau software website (software web) lainnya. Seperti juga Photoshop untuk mempelajari Dreamweaver tersedia banyak sekali tutorial gratis. Jika anda ingin cepat mudah silahkan saja mencari buku tentang Dreamwever ini toko buku.

4. Membuat Video, Flash, Shockwave dan Audio

Saat ini banyak sekali software yang digunakan untuk membuat video, flash, shocwave dan audio yang bertujuan untuk membuat website kelihatan lebih apik dan powerful. Jadi web desain menjadi bagus. Gabungan beberapa komponen ini kita sebut dengan animasi web dan diperlukan rencana detail agar animasi yang dibuat tepat sasaran dan sesuai dengan isi website. Sedangkan untuk pemilihan software tergantung pada tingkat kerumitan animasi web, untuk saat ini yang sering digunakan adalah Adobe Flash.

Demikian beberapa kebutuhan dasar keahlian/keterampilan yang mesti dimiliki untuk menjadi ahli web desain/desainer web/webmaster, dan untuk menjadi ahli diperlukan latihan-latihan dan beranikan diri untuk mendapatkan project-project riil dalam membangun website.

Selamat mencoba.

http://ilmukomputer.com

Temukan informasi lainnya mengenai Pembuatan Web, Pembuatan Website, Software Web, Aplikasi Website, Web Aplikasi, Web Desain, Software Aplikasi, Software Desain, Software Website, Aplikasi Desain, Desain Website hanya di Pembuatan Web & Website: Software Web - Aplikasi & Desain Website Tangerang pada 88db.com

More aboutPengetahuan Dasar Untuk Menjadi Web Designer