Showing posts with label contoh website. Show all posts
Showing posts with label contoh website. Show all posts

Mengenal Web Desain

Posted by jenggot kambing on Thursday, July 2, 2009

Lagi-lagi berawal dari email masukan Anda, beberapa email yang masuk ke mailbox saya mengeluhkan kalau ia adalah pendatang baru dalam dunia Website Desain, ketika ia membaca artikel di desain Web hanya beberapa artikel saja yang ia mengerti. Email yang lain, mengatakan bahwa ia sangat ingin menjadi desainer Web, namun apa yang harus ia pelajari untuk menjadi apa yang ia inginkan.Kolom ini dibuat untuk menjawab beberapa pertanyaan seputar profesi Website Desain dan sebagai tuntunan bagi para pendatang baru baik yang baru belajar atau Kursus Desain agar dapat secara jelas memahami cakupan kerja desainer Web.

Untuk bahasan pertama, kita akan membahas apa itu Website desain. Silakan lihat beberapa definisi yang terdapat pada beberapa glossary di Internet yang mendeskripsikan apa itu desain Web:?

Web Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics of a Web site’s operation although primarily it focuses on the look and feel of the Web site. Some of the aspects that may be included in Web design or Web production are graphics and animation creation, color selection, font selection, navigation design, content creation, HTML/XML authoring, JavaScript programming, and ecommerce development. Web design is a form of electronic publishing.? – http://desktoppub.about.com/cs/basic/g/webdesign.htm

Tugas seorang desainer Website secara umum adalah menentukan ?look and feel? dari sebuah situs Web. Secara langsung atau tidak, kita harus menguasai dan memahami hal-hal yang berkaitan dengan tampilan dari sebuah situs Web. Seorang desainer Web harus pula memahami penerapan aspek-aspek yang terdapat di dalam Desain Situs Web, walaupuan tidak menguasai. Seperti halnya Java Script, kita tidak wajib mengetahui dan mampu membuat Java Script sendiri untuk kebutuhan desain, namun bagaimana dan estetika penerapan Java Script pada Desain Situs akan sangat menguntungkan bila kita memahaminya.

Dalam membuat website, seorang desainer Web menentukan aspek-aspek desain yang diperlukan seperti pemilihan Font, warna, tataletak, dan lainnya. Tugas seorang desainer Web tidaklah semudah yang dibayangkan, penguasaan software-software grafis dan animasi dan HTML authoring saja tidak cukup untuk membbuat website yang baik. Banyak hal yang harus menjadi pertimbangan, terlebih bila dihadapkan dengan keinginan Klien, kita akan dihadapkan dengan kepuasan klien. Terkadang idealisme kita sebagai desainer Web akan kalah dengan idealisme klien. Ha..ha.. itu hal yang wajar bukan.

designmagz.com

Temukan informasi lainnya mengenai Website Desain - Buat Website - Desain Situs - Kursus Desain - Website pada 88db.com
More aboutMengenal Web Desain

Persiapan Membuat Web

Posted by anggota member on Friday, June 12, 2009

Dalam membuat sebuah website ada beberapa hal yang perlu Anda persiapkan sebelum Anda memulainya.

Pertama, Anda bisa mengajukan sebuah pertanyaan kepada diri Anda sendiri yaitu “Apa tujuan Saya
buat website?” dengan menjawab pertanyaan tersebut dapat mengarahkan pikiran Anda untuk menentukan dan menjawab pertanyaan selanjutnya yaitu, “Website seperti apa yang akan saya buat untuk mencapai tujuan tersebut dan bagaimana cara membuat websitenya.”

Mengapa dimulai dengan mengajukan pertanyaan tersebut? Karena diharapkan nantinya
website desain yang kita buat sesuai dengan yang kita inginkan dan bisa membawa kita mencapai tujuan yang kita inginkan dalam membuat website. Jangan sampai website sudah selesai Anda buat tetapi website desain yang Anda buat tidak sesuai dan tidak bisa menjadi media atau sarana untuk mencapai tujuan Anda.

Perlu Anda ketahui, jenis website itu bermacam-macam, ada yang hanya satu halaman sederhana saja seperti website ini, ada yang memuat beberapa halaman seperti website perusahaan, ada yang menggunakan sistem blog dan sering disebut juga blog atau weblog (website blog), ada yang menggunakan sistem CMS (Content Management System) seperti joomla, ada yang berupa forum diskusi, ada yang berupa website iklan baris, ada yang berupa
website toko online dan ada yang lebih kompleks lagi seperti website komunitas friendster.

Anda perlu memulainya dengan menjawab pertanyaan-pertanyaan tersebut sebelum Anda membuat website. Sehingga nanti Anda bisa memutuskan website seperti apa yang paling cocok dan sesuai untuk mencapai tujuan Anda. Karena masing-masing jenis website yang saya sampaikan diatas memiliki fungsi yang berbeda-beda.

Contoh bila Anda ingin menjual berbagai macam produk, Anda mem
buat website toko online; bila Anda ingin menjual satu jenis produk saja bisa dengan satu halaman sederhana saja atau lengkap dengan menggunakan sistem pemesanannya; bila Anda ingin membuat desain situs website portal Anda bisa menggunakan Joomla; bila Anda ingin membangun branding dan mempublikasikan artikel bisa menggunakan blog; dan lain-lainnya. Kalau ingin membuat desain situs, Anda bisa otodidak atau mengikuti kursus desain website. Itu terserah Anda.
Semoga tulisan ini bermanfaat bagi Anda.

http://ilmukomputer.org

Temukan informasi lainnya mengenai
Website Desain - Buat Website - Desain Situs - Kursus Desain - Website hanya di Website Desain:Buat Website - Kursus Desain Website & Desain Situs Surabaya pada 88db.com
More aboutPersiapan Membuat Web

Membuat Desain Website Yang Menjual

Posted by malamjumat on Monday, March 2, 2009


Jangan sampai calon konsumen Anda buru-buru meninggalkan situs Anda hanya karena mereka tidak nyaman dengan desain situs Anda.Ikuti tips-tips di bawah ini supaya Anda bisa menahan konsumen lebih lama di situs Anda, dan bahkan membuat mereka datang lagi.


1. Buatlah Huruf-Huruf Yang Jelas.

Dalam proses pembuatan web tentunya kita ingin pesan yang ditampilkan bisa dimengerti. Coba cek jenis huruf dan ukuran yang Anda gunakan. Kemudian Anda baca tulisan Anda dari jarak yang normal. Tulisan yang terlalu kecil membuat orang harus mengerutkan dahinya. Sementara tulisan yang terlalu besar juga tidak enak di mata.
Jadi tulisan Anda harus nyaman dibaca, termasuk juga dalam penggunaan spasi.


2. Kurangi Gambar-Gambar Yang Besar

Dalam pembuatan website kurangi gambar-gambar yang terlalu besar membuat halaman situs Anda lama loadingnya.
Orang akan terganggu jika harus menunggu terlalu lama untuk gambar dan grafik-grafik sebelum semua halamannya terbuka. Dengan desain website yang bagus disertai gambar bagus juga tentunya membuat menarik.
Bagian penting dari situs Anda harus bisa terbuka dengan cepat supaya Anda tidak kehilangan pengunjung.Ada yang bilang, sebuah situs harus terbuka maksimal dalam 15 detik. Jika lebih dari itu orang akan menutup situs Anda dan mencari situs yang lain.


3. Konten Bisa Menjual Produk atau Jasa Anda

Selalu update konten Anda karena itu bisa menjual produk Anda. Search Engine sangat suka dengan konten, apalagi konten yang fresh yang relevant dengan keyword Anda.
Tidak perlu menulis konten yang terlalu panjang dan kaku. orang akan bosan. Buatlah konten dengan paragraf-paragraf kecil dan gunakan spasi.Pembuatan website desain seperti itu akan lebih mudah dibaca pengunjung.


4. Miliki Petunjuk Arah Yang Jelas

Desain website yang baik harus memiliki petunjuk arah yangbaik untuk para pengunjung.
Mereka harus bisa dibawa dari satu halaman ke halaman lain dengan benar.Link petunjuknya pun harus mudah dibaca.
Artinya jenis huruf, tulisan dan warna harus bisa membuat link petunjuk mudah dibaca dan ditemukan orang.
Perlu juga Anda tambahkan link “Kontak” dan “Tentang Kami” di situs Anda.
Ini berguna untuk menunjukkan kredibilitas situs Anda.
Konsumen bisa menanyakan pada Anda hal-hal yang mereka belum jelas. Dengan begitu Anda membangun hubungan dengan konsumen.Dan biasanya orang akan lebih percaya melakukan transaksi dengan orang yang punya hubungan dengannya. Tentunya banyak sekarang kemudahan dengan banyaknya software aplikasi maupun software web lainnya.


5. Tes Situs Anda

Sekarang berperanlah seakan-akan Anda orang lain yang sedang mengunjungi aplikasi website situs Anda. Tes semua link-nya, apakah semuanya sudah berjalan dengan baik atau masih ada broken link?
Hitung waktu loading-nya, terlalu lama atau cukup cepat?
Apakah konten-nya mudah dibaca dan dimengerti?
Bagaimana tampilan grafik dan gambarnya?
Bagaimana juga dengan warna desain Anda, cocokkah dengan isi website?
Dan jangan lupa juga dicek, apakah ejaan hurufnya tidak ada yang salah?
Bacalah situs Anda seakan-akan Anda konsumen.
Kemudian tanyakan pada diri Anda, sebagai konsumen apakah Anda tertarik membacanya aplikasi website dan bahkan mau membeli apa yang ditawarkan?
Jika jawabannya “Ya” maka desain situs Anda sudah baik.
Tapi jika jawaban Anda “Tidak” maka perbaiki dulu sebelum Anda mulai mempromosikan situs Anda ini.


http://g-website.com

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 aboutMembuat Desain Website Yang Menjual

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