Sekarang udah ada yang dinamakan CSS3 Generator

Dengan CSS3 generator kita bisa membuat tampilan font sampai multi border yang berbeda dengan tampilan di website2 yang kebanyakan dan umum. Caranya juga gampang, kita bisa pilih tampilan yang kita inginkan di situs CSS3 Generator, kemudian kodenya tinggal kita tempel di file CSS pada website/blog kita.

Blog saya juga sudah memakai ini kok di Judul2 Artikel yang ada kesan bayangannya. Dan satu lagi Blog/Website Teman Saya

Semoga bermanfaat.

]]> http://budiridwin.web.id/home/kartu-nama.html/feed/ 1 http://budiridwin.web.id/home/apa-yang-anda-inginkan.html http://budiridwin.web.id/home/apa-yang-anda-inginkan.html#comments Wed, 02 Jun 2010 12:42:40 +0000 Website Architect http://budiridwin.web.id/home/?p=1117 Sebelum menghubungi web designer atau web developer, ada baiknya Anda tahu dulu apa yang Anda inginkan. Kenapa saya lebih fokus pada “ingin”, karena untuk apa yang Anda butuhkan, ada kalanya pihak ketiga bisa lebih membantu. Ada kalanya posisi pihak ketiga yang netral bisa membantu Anda menempatkan diri di posisi customer, sehingga hasil yang dicapai nanti merupakan kombinasi antara keinginan dan kebutuhan, yang hopefully bisa membuat website Anda membawa hasil (dan customer dan uang tentunya ) yang diinginkan.

Jadi, apa yang saya maksudkan dengan “know what you want” ini? Sederhananya:

1. Anda tahu website seperti apa yang Anda inginkan.
Apakah itu sebuah company profile online berisi informasi soal perusahaan dan service yang Anda jual? Apakah itu sebuah e-catalog yang memajang semua produk yang Anda jual sehingga Anda ga perlu cape-cape lagi mencetak katalog setiap ada produk baru? Apakah itu sebuah e-commerce, toko online dimana pelanggan Anda bisa langsung mengorder barang yang mereka mau tanpa harus bolak-balik melakukan korespondensi basic soal berapa harganya, berapa ongkos kirim dan lain-lain?

2. Anda tahu desain seperti apa yang *kira-kira* Anda inginkan.
Saya tidak berharap Anda memiliki bayangan 100%, it’s exactly my job, but at least Anda sudah dapat gambaran style seperti apa yang Anda inginkan, at least Anda bisa memberikan setidaknya 3 alamat website (too many URLs won’t help) yang style desainnya Anda sukai. Percuma saya memberikan alternatif 10 mockup desain sekalipun, kalau yang Anda cari adalah desain gaya grunge, sementara yang saya sodorkan adalah gaya simple-minimalis.

3. Anda bisa menjelaskan dengan spesifik fitur yang Anda inginkan di website Anda.
Seperti yang pernah saya bahas di artikel sebelumnya, bila sedari awal Anda bisa menjelaskan dengan spesifik keinginan Anda dan tidak terus mengubahnya selama proses desain berjalan, kemungkinan besar desain jadinya nanti bisa lebih sesuai dengan yang seharusnya. Menambah fitur dan elemen sepanjang proses desain hanya akan mementahkan konsep desain yang diciptakan di awal, dan bisa membuat hasil akhirnya kehilangan arah atau menjadi desain tambal-sulam.

4. Anda memiliki bayangan berapa rupiah yang harus dikeluarkan untuk website yang Anda inginkan.
Harga memang sangat relatif, terutama di negara berpenduduk hampir 300 juta jiwa seperti Indonesia. Untuk website yang kurang-lebih sama, sebuah advertising agency bisa menyodorkan quotation sampai 100 juta, ketika seorang mahasiswa bisa mengiyakan kontrak hanya dengan deal 1 juta. Maka tentunya Anda harus realistis akan apa yang Anda inginkan. Kalau prioritas Anda adalah budget, maka Anda harus siap setidaknya dengan deadline yang keteteran. Kalau prioritas Anda adalah hasil, maka Anda harus siap dengan “a make-sense budget”, yang mana 1 juta rupiah bisa saja membayar seorang fresh-graduate membuat website seperti Facebook, namun akan membuat kualitas sebuah web developer team dipertanyakan bila melakukan hal yang sama.

5. Terakhir tapi bukan yang paling tak penting: Anda percaya bahwa orang yang Anda pilih bisa mendesain website yang Anda inginkan.
Me-review hasil kerja saya selama ini, pada akhirnya desain yang bisa saya bilang “bagus”, seringkali adalah desain yang saya buat untuk client-client yang kooperatif, yang respek pada saya & tim, yang percaya bahwa desain yang saya buat adalah desain yang baik. Bukan desain yang saya buat bagi orang-orang yang ikut mendesain bersama saya, apalagi bagi mereka yang pada akhirnya mengambil alih tugas desainer dan ikut mengatur area yang sebetulnya bukan tugas mereka.

Anda masih ragu-ragu apakah Anda sudah tahu apa yang Anda inginkan? Please do your research first before calling us. It will be better for both of us.

1. Persiapan, ini merupakan elemen paling penting pada saat presentasi.Berapa kali anda mempersiapkan segala hal untuk presentasi anda ? Secara umum biasanya anda harus menghabiskan 30 jam untuk persiapan dan ”rehearse” untuk setiap jam presentasi. Gunakan tape recorder dan videotape untuk dapat mengetahui umpan balik dari latihan presentasi anda.

2. Berikan diri anda, jangan ragu untuk memberikan contoh dan bila perlu pengalaman anda pribadi yang mendukung materi presentasi anda. Ini merupakan cara jitu untuk melibatkan diri anda dengan calon klien dan sharing dengan mereka.

3. Tetap Relax, kondisi ini hanya bisa didapat jika anda melakukan persiapan yang cukup. Fokuslah terhadap pesan yang anda ingin sampaikan dan bukan pada calon klien. Gunakan gesture yang cukup dan latih kalimat awal pembuka presentasi anda. Calon klien biasanya akan menilai kita pada 30-45 detik awal pertama presentasi.

4. Gunakan humor yang cukup, ini bukan berarti anda jadi pelawak di depan calon klien. Buatlah humor yang alami dari pengalaman diri anda ataupun dari materi yang anda bawakan dan jangan pernah menjadikan calon klien sebagai obyek lawakan anda.

5. Gunakan gesture dan body languange, komunikasi visual jauh lebih efektif daripada suara, jadi jangan lupa untuk menggunakan gesture dan body languange. Tidak ada salahnya anda mencoba tiga tempat presentasi yakni di tengah,  kiri dan kanan. Jika anda bergerak dari datu posisi ke posisi yang lain pastikan kontak mata anda dengan calon klien selalu terjaga.

6. Perhatikan semua detail, pastikan anda mengetahui profil calon klien, waktu dan kondisi tempat presentasi. Pastikan anda membawa alat bantu visual dan handout untuk mempermudah presentasi anda.

Semoga bermanfaat.

Jeff. Zeldman membakar kita dengan Web Standard, ibarat seperti gong, kepala teman saya itu dipukulnya dengan kata-kata “Cross browser”. — Dia pun kembali mencari saya. Saya bertanya kepadanya; jadi apa itu webmaster menurut anda? Jawabnya; seseorang yang mau mengurusi hal-hal yang tidak mau dia urus (sebagai desainer grafis). –Hal-hal yang bisa dialih tugaskan kepada software.

Terus terang, pola pendekatan teman saya itu, adalah pola yang sangat umum terjadi. Niscaya karena itu sekarang bila kita membaca lowongan pekerjaan IT pada Harian/Majalah Umum kadang kita temukan requirement seperti tahu HTML, Web, dan lain-lain pada posisi yang belum jelas menandakan bahwa nanti dia akan mengurus web melulu. Yang artinya men-tenderkan proyek web bagi perusahaan itu ingin dianggap tidak perlu; sebab orang IT-nya sendiri bisa. Itu tidak salah sama sekali, tapi juga tidak sepenuhnya benar;

Iya, saya seorang penguna DreamWeaver, software bukan semata-mata musuh saya, saya menyukainya karena ia mempermudah pekerjaan saya. Namun anda harus bisa melepaskan DreamWeaver itu dan mengerjakannya code by code.

Kita semua tentu berharap bisa paham bila dengan adanya software-software tadi definisi webmaster tidak akan berhenti pada tukang coding html semata, karena seperti halnya dalam pengadilan, para webmaster adalah para penggugat yang terus-menerus menyanyikan lagu bahwa kita sulit di-replace oleh software melalui eksepsi, replika dan lain-lain.

Banyak dari kita setia duduk di depan komputer lebih lama daripada siapapun juga demi menghasilkan situs-situs menarik, membreak down sebuah database yang bahkan sepertinya tidak memiliki prospek skalabilitas; sementara diluar sana. Aceh masih bergolak, Ambon masih berdarah, dan banyak ISP di DDOS. Webmaster memiliki tingkat konsern sendiri dan masing-masing fokus tersendiri, dan ini tidak bisa digantikan dengan software apapun juga.

JADI APA ITU WEBMASTER?
Selena Sol mengambarkannya jelas sekali di WDVL . Bahwa seorang Webmaster adalah seorang yang melakukan hal-hal seperti:
• Membangun situs web (Building Websites)
• Membuat/mengisi kandungan situs web (Content Creation)
• Desain Arsitek terhadap kandungan tadi (Architectural Design),dan
• Tahu teknik penerapan (Implementation), tidak perduli software apapun yang ia gunakan, dan cara apapun yang ia halalkan.

Untuk membangun sebuah situs web, anda memerlukan web hosting. Seperti halnya Webmaster lain saya percaya pada pemain lama, dan berpengalaman, terlebih dari itu mereka tidak menawarkan jasa Web-mastering. Saya sering bertanya kepada rekan-rekan di Pengelola hosting, mengapa mereka tidak menyediakan jasa web-mastering, jawabnya cukup sederhana; bahwa mereka memang bukan para web master.

Tetapi kalau kita mendiskusikan perihal membangun situs web tanpa mengingat perihal content, pekerjaan yang dilakukan Penyedia Hosting; menginstall web dan kemudian meletakkan kode “Namadomain.com” adalah pekerjaan webmaster juga, walau mereka ndak pernah mengurusi Gus Dur di bold, United di Italic. Karena ketika mereka mengetik print “Content type:” mereka sudah Mengisi kandungan situs web pada sebuah pages yang digenerated via sebuah program perl.

Karena perlu diingat kekuatan seorang webmaster bukan semata-mata terletak pada hal-hal tadi, tapi dari kemampuannya melakukan desain arsitek terhadap situs webnya — yang kerap disebut “Graphical System”; mengimplentasi kemampuan webnya, program-program yang dijalankan di server, dan walaupun puyeng mengurusi masalah update(content update) ia, melakukannya.
Jadi Webmaster itu adalah? Mungkin perlu juga Penjelasan Selena Sol pada WDVL diatas dilengkapi dengan kata-kata “melakukan semua” hal-hal tadi.

BUKAN GELAR, BUKAN SEKEDAR JABATAN
Katakanlah ada sebuah perusahaan yang mengunakan core aktif teknologi Microsoft, dan ia tentu sangat salah bila ia memperkerjakan seorang webmaster yang doyan PHP dan sedikit anti terhadap ASP. Bagi perusahaan itu webmaster yang tidak mengerti ASP adalah momok. Begitu pula sebaliknya; bila seorang yang sangat percaya pada teknologi server Apache malah menginstall IIS 5.0 pada servernya. Memilih webmaster yang salah adalah sebuah momok.

Sampai sekarang saya tidak pernah ambil pusing bagaimana Adobe Flash itu bekerja, karena memang dia tidak mengawali dirinya dengan kode , jadi saya bukan Web Master? Tentu bukan bila ia adalah sebuah site berbasis flash.

Bagaimana dengan seorang yang setiap melihat hasil kerja 40 jam seseorang lalu mengatakannya “Ah saya bisa bikin macam-macam itu di Frontpages. Tinggal dipakaikan hover button saja kan?”. Apa dia juga bisa disebut webmaster? Tentu bisa, bila ia percaya itu sudah cukup dan sudahlah saya tidak ingin meributkannya lagi.

Begitu juga mereka yang tidak tahu arti $t++, apa mereka bisa disebut webmaster? Tentu bisa, karena situs itu menggunakan 1 baris kode Perl pun tidak.

Istilah webmaster itu bukan pemberian seperti gelar Master Magister, atau Master-master lainnya(termasuk Drunken Master). Itu hanya istilah bagi mereka yang melakukan semua hal yang Selena Sol sebutkan. Ini adalah sebuah jabatan/posisi untuk mengurusi situs web, dan itu artinya benar-benar seperti arti “Master” yang sesungguhnya; seperti “Dokter” pada “Docter Dolittle”. Hanya saja bila menuruti kamus bahwa istilah Master itu adalah tidak ada yang dapat menyuruh-nyuruhinya –selain intensitas dan moralnya, Maka Web Master bukan sekedar pengurus web, tetapi orang yang punya kuasa atas web.

Dan orang-orang di Web Hosting tadi bisa disebut webmaster juga? Mereka toh punya kuasa untuk melakukan chmod 000 pada sebuah roots. Bisa iya, juga bisa tidak. Toh, mereka tidak pernah mengakui atau menyebut dirinya seorang webmaster — paling tidak belum serajin manusia-manusia lain yang mengurus website. Dan, kita menyebut diri kita Webmaster hanya karena kita pernah/sedang menjabat sebuah posisi webmaster pada sebuah site, personal homepages sekalipun.

Pernahkah anda bernorak-norak menulis jabatan webmaster pada kartu nama anda? atau pada sebuah acara reuni menjelaskan bahwa anda sekarang telah bekerja disebuah perusahaan sebagai seorang webmaster?

Saya pernah. Dan, anda tahu itu adalah hal yang ternyata lebih sulit dipahami oleh masyarakat umum. Anda bahkan tidak dapat membayangkan betapa menyesatkannya itu, takala begitu tahu anda seorang web master mereka malah minta belajar dari anda. Seperti halnya Jackie Chan bertemu dengan Drunken Masternya lalu belajar menjadi Drunken Master juga. Maka tidak heran masih banyak yang menulisnya dengan bahasa seperti “IT Manager” –walaupun bila diubek-ubek di kamusnya pula artinya belumlah sekeren dan sehebat Webmaster.

Makna Web Master itu akan begitu terasa bila anda menerima surat dari webmaster@sebuahdomain.co.id? Karena disitulah web master mulai dipahami. Ialah seorang yang menerima input atas situsnya dan melakukannya bila ia anggap perlu dan bisa ia lakukan. Ia pengurus web; seorang yang punya kuasa atas web. Dan atas itulah ia memiliki kewajiban untuk mempertahankan kekuasaannya di situs itu. Jadi buktikan kalau anda adalah seorang web master, sekalipun anda bahkan tidak memiliki kekuasaan atas situs anda itu.

REDEFINISI WEBMASTER
Penjelasan Selena Sol di WDVL menurut saya untuk membuat pembacanya mengerti terhadap sebuah definisi webmaster yang baik. Dan menurutnya webmaster yang baik mengerti akan hal-hal sebagai berikut:

• Visual Design. Tidak perduli ia mengunakan software apa untuk membuat “glowing flaming logo type”, tidak perduli ia mengunakan Notepad, Frontpage, atau apa saja untuk menghasilkan sebuah layout menarik.

• Pengetahuan Managerial, sebab ia akan duduk berjam-jam berdiskusi dengan para Kepala Penjualan, Brand Manager, Pemilik perusahaan, dengan segala macam konsern yang ada dihadapan mata, dan yang tersembunyi dalam ketakutan-ketakutan yang mungkin timbul. Dan, setelah itu ia harus berhadapan lagi sekelompok orang yang ditugasi mengurus masalah update, dan mereka harus anda buat memahami apa yang telah anda kerjakan siang-malam selama berminggu-minggu kemarin.
Dalam penjelasan Selena Sol itu, kita juga diminta untuk memahami bahwa situs web itu adalah sesuatu yang kompleks, dan kadang istilah webmaster itu adalah julukan untuk sebuah team, dan bukan seorang saja. — dan mudah berpindah tangan, untuk alasan bahwa situsnya memerlukan “refreshment”. Maka boleh dong saya menambahkan satuhal;

• Mau dan responsible terhadap input yang ia terima. Sekalipun walau dalam usaha mempertahankan ke-”web master”annya, ia terpaksa belajar lagi sebelum di-lengserkan oleh para pengunjung yang sepi.

Yang Saya percaya istilah web master itu diberikan kepada orang yang kerjanya mengurus web agar ia menerima keluh kesah para pengunjungnya yang cuman punya pilihan Next, Previous, select, search, dan yang terakhir dan penting adalah “asking”, dan anda (web master) punya pilihan “changing”.

Seperti kasus yang baru saya alami adalah salah satu klien yang masih belum melunasi hasil kerja saya tetapi tiba-tiba berubah pikiran entah kemasukan setan dari mana mau ganti desain lagi, dari yang sudah disepakati bersama pada saat presentasi.

Ketika saya tolak permintaannya, klien saya ini tiba-tiba mengirim online Message via Yahoo Messenger :

Buuud
Bisa mnta master key website?

Kemudian saya jawab :

eeemmmhhhh,…sepertinya payment untuk website mbak masih kurang xxx  ya mbak, coz perjanjian kita waktu itu xxx jt, mungkin setelah itu dilunasi passwordnya akan saya berikan.

Barusan klien saya ini mengirim offline message ke Yahoo Messenger saya lagi:

Buuuud…kamu rubah password cpanel website ya?
Kok gak bisa bantu gitu sih Bud?
Duh…aku salah kenal kamu kalo gt ya
Aku pikir krn kamu temen adikku dan kita satu almamater, kamu bisa bantu

Saya juga tadinya mikirnya karena klien saya ini kakaknya temen saya dan satu almamater maka omongannya bisa dipegang… Ternyata itu bukan jaminan, nah buktinya situ satu almamater juga nggak beres duluan masalah bayar2 dan janjinya…

Dari pengalaman yang sudah2, Biasanya klien kalo tiba-tiba minta masterkey/password Cpanel dan FTP tetapi belum melunasi pembayaran hasil kerja kita, bisa dipastikan klien tersebut punya maksud-maksud yang nggak beres. Jadi ya nggak saya kasih2 passwordnya sampai urusan beres. Kasus2 seperti ini sering saya temui di milis WebPM ( Milis Khusus Web Desainer Indonesia ) yang saya juga ikut di dalamnya, dan sudah banyak Web Desainer dan Web Developer yang jadi korban dari kelakuan klien2 model seperti ini, malah ada rencana di WebPM akan dibuat daftar klien2 yang blacklist, baik yang lokal maupun non lokal.

Jadi pesan saya untuk Web desainer dan Web Developer yang baru mulai atau baru mau terjun ke dunia Web Desain dan Web Developing adalah “Jangan Pernah Memberi Password Cpanel dan FTP ke klien sebelum kerja kita dibayar Lunas Oleh Klien”

Semoga bermanfaat

Ini adalah web browser yang sangat cepat berbasis simulator untuk menguji Aplikasi iPhone. Alat ini telah diuji dan sejauh ini bekerja dengan baik menggunakan Internet Explorer 7, FireFox 2 dan Safari 3 di Windows, tetapi Anda membutuhkan Safari untuk mendapatkan penjelajahan yang lebih baik.

Selain menjelahah situs wap, tentu saja iPhone simulator ini dapat anda gunakan untuk menjelajah website ataupun blog dengan kecepatan maksimal dan dengan biaya yang sangat irit.

FAQ
-Apakah TestiPhone mensimulasikan semua plugin browser dari iPhone? Perlu diketahui bahwa iPhone saat ini tidak memiliki Flash, Java dan banyak plugin lain yang bekerja pada PC berbasis browser.

-Apakah TestiPhone mengatur agen pengguna iPhone berdasarkan permintaan? Sayangnya beberapa aplikasi mengharuskan Anda menggunakan iPhone dengan memeriksa agen-pengguna. Anda dapat dengan mudah beralih string agen pengguna Anda. Pengaturan untuk iPhone adalah: Deskripsi: iPhone, User Agent: Mozilla/5.0 (iPhone; U; CPU seperti Mac OS X; id), App Nama: AppleWebKit/420 (KHTML, seperti Gecko), App Version: Version/3.0 , Platform: Mobile/1A542a Safari/419.3.

-Mengapa scrollbars dimatikan secara default? Secara default iPhone mematikan scrollbars dalam browser Safari sampai Anda menggunakan ujung jari untuk geser halaman ke bawah. Juga memiliki scrollbars mengurangi daerah terlihat dalam browser yang menyebabkan masalah untuk beberapa aplikasi. Di Safari Anda dapat dengan mudah gulir ke bawah menggunakan mouse Anda. Anda juga dapat mengaktifkan scrollbars menggunakan gulir = pada parameter URL.

-Apakah TestiPhone memperbesar dan memperkecil? Saat ini simulator tidak melakukan zoom, walaupun kita bekerja pada penyediaan fungsi itu.

-Apakah dimensi di viewport Simulator? Tampilan vertikal dimensi 320×365 pixel sementara tampilan horizontal dimensi 480×200 piksel.
Saya rasa ini testiPhone adalah pilihan yang tepat jika anda tidak memiliki java emulator untuk menjalankan browser pada handphone anda.

A. Prinsip – Prinsip Desain Web

Prinsip / pegangan utama sebuah desain adalah kualitas atau karakteristik

bawaan dalam berbagai bentuk seni, seperti keseimbangan, keserasihan, kontras,

konsistensi, variasi, ruang kosong dan gerak. Dengan prinsip – prinsip desain

diharapkan dapat menghasilkan desain yang baik dan efektif, yang kemudian

menghasilkan desain yang mudah dibaca dan cepat dimengerti. Pembahasan

prinsip desain diantaranya adalah :

1. Keseimbangan

Keseimbangan adalah hasil susunan satu atau lebih elemen dari

desain yang sama antara yang satu dengan lainnya. Ada dua jenis

keseimbangan, yaitu :

a. Keseimbangan Simetris (Formal)

Keseimbangan simetris mempunyai elemen yang sama

bobotnya pada dua sisi dari garis vertikal imajiner pada halaman web.

Tata letak simetris ini menghasilkan desain yang statis dan berkesan

formal, sederhana dan mudah dalam pembuatanya, tapi membosankan

dan kurang menarik.

b. Keseimbangan Asimetris (Informal)

Keseimbangan simetris mempunyai elemen yang tidak sama

bobotnya pada dua sisi dari garis vertikal imajiner pada halaman web.

Tata letak desainya menjadi lebih dinamis untuk memakai ruang yang

masih kosong.

2. Kontras

Kontras mudah dipahami yaitu dengan melihat dari dua objek

yang berlainan, sehingga membuat kesan tampilan desain yang menonjol

dan menarik perhatian.

Pemberian kontras pada suatu objek haruslah kontras positif,

karena jika kontras yang diberikan negatif, objek tersebut menjadi samar–

samar atau tidak terlihat, terserap oleh background.

3. Konsistensi

Konsistensi dapat membuat pengunjung merasa nyaman, karena

mejelajah situs lebih mudah dan tidak membingungkan. Ketika

pengunjung membuka suatu halaman situs yang konsisten, dia langsung

tahu ke mana harus pergi dan dia tahu berada di mana.

Konsistensi dapat diterapkan pada margin, tata letak, huruf, warna

dan terutama navigasi. Dalam pembuatan navigasi harus sama antara satu

halaman dengan halaman lain. Dan dalam penggunaan huruf sebaiknya

gunakan satu sampai tiga jenis saja. Sedangkan dalam penggunan warna,

gunakan tiga sampai empat warna, itu sudah cukup. Penggunaan grafik

yang konsisten bisa menambah kecepatan penampilan halaman lainnya,

karena ketika browser menampilkan grafik, browser akan menyimpan

sementara (cache) informasi grfik tersebut pada harddisk.

Konsistensi biasanya sangat efektif digunakan untuk membangun

brand suatu perusahaan. Dan brand itu bukan hanya logo, tapi

sekumpulan attribut, yaitu logo, slogan, warna dan kualitas emosional

yang diasosiasikan dengan perusahaan dan produk layanannya, atribut –

atribut tersebut memberikan identitas dan kepribadian individu, organisasi

atau perusahaan.

4. Ruang Kosong

Ruang kosong biasanya disebut dengan ruang negatif, suatu istilah

yang menggambarkan suatu ruang terbuka di antara elemen – elemen

desain. Ini bisa di temukan di antara kata, paragraf, huruf dari teks, bisa

juga diantara gambar dan elemen di halaman web. Ini membantu dalam

mengarahkan mata pembaca dari satu titik ke titik lainnya.

B. Dasar – Dasar Desain Web

1. Warna

Warna merupakan sensitivitas yang berhubungan dengan indra.

Warna dapat merebut perhatian, menarik, menolak, menggemaskan

bahkan warna bisa mempengaruhi emosi. Warna dapat menimbulkan

kesan pertama pada pengunjung ketika menjelajah sebuah situs web.

Warna modern biasanya terkesan bersih dan bercahaya, seperti biru dan

kuning. Warna bersahabat biasanya terkesan ceria dan menyenangkan,

seperti orange, kuning, hijau. Warna perusahaan biasanya bersih, seperti

biru, putih dan abu – abu. Warna anak – anak biasanya terkesan ceria dan

menonjol, seperti merah, kuning dan biru (warna primer).

a. Aspek Psikologi Warna

Warna mempunyai emosi yang melekat, yang bisa ditimbulkan

dengan memperlihatkan keserasian warna dengan cara yang benar.

Berikut ini yang makna terkandung di dalam warna :

WARNA MAKNA POSITIF MAKNA NEGATIF

Merah Kekuatan, energi, tenaga,

hasrat , cinta. Dengan sedikit

memberikan warna merah bisa

menimbulkan gairah,

membangkitkan semangat,

mendorong keinginan.

Bahaya, perang, kekejaman,

kekerasan, api, darah. Terlalu

banyak warna merah bisa

disangka terlalu agresif.

Merah Muda Kewanitaan (feminim),

keremajaan (masa muda).

Naif, kelemahan,

kekurangan.

Orange Kehangatan, bersemangat,

ceria, keseimbangan, musim

gugur, menimbulkan getaran.

Meminta dan mencari

perhatian

Kuning Sinar matahari, emas,

kekayaan, keberuntungan,

kehidupan.

Tidak jujur, pengecut,

cemburu, iri hati,

penghianatan, penipuan,

kebohongan, resiko, sakit

Hijau Alam, lingkungan, hidup,

pertumbuhan, stabil, santai

kesuburan, harapan.

Kecemburuan, nasib buruk,

iri hati, dengki.

Biru Kepercayaan, kesetiaan,

ketenangan, kedamaian,

ketulusan, kesejukan, air, awan,

harmoni, kebersihan,

konservatif, percaya diri,

penyembuhan. Merupakan

warna yang aman dipakai untuk

Kesedihan, kedinginan,

depresi, penurunan vitalitas.

desain.

Ungu Kebangsawanan, perubahan,

spiritual.

Kesombongan, keangkuhan,

kejam, kasar, duka cita.

Coklat Tanah, bumi, netral, hangat,

keamanan, perlindungan.

Tumpul, kotor,

membosankan.

Abu – abu Modern, cerdas, bersih, kokoh,

masa depan, intelektual.

Umur tua, kesedihan, bosan.

Putih Kesucian, kebersihan,

kemurnian, kesederhanaan,

damai, kebaikan, disiplin,

perawan, perkawinan, musim

dingin, musim salju.

Kematian ( budaya timur ),

dingin, mandul, steril, klinik,

hampa.

Hitam Kekuatan, keanggunan,

kemewahan, misteri,

kecanggihan, kemakmuran,

kepuasan, pengalaman, keras,

kokoh, sangat kuat.

Kematian ( budaya barat ),

takut, setan, kesedihan, duka

cita, marah, anonim,

penyesalan.

b. Warna dalam Desain web

Warna banyak berperan dalam pembuatan situs, beberapa

variasinya antra lain :

§ Warna untuk penekanan, penegasan, penyorotan pada suatu

topik tertentu dan dapat juga menuntun pengunjung untuk

menuju pada tema atau link yang penting.

§ Warna mengidentifikasi tema (biasanya judul dan subjudul

menggunakan warna yang sama).

§ Sebaiknya, warna dapat membedakan antara satu objek

dengan objek lainnya. Misalnya, perbedaan warna pada grafik,

baik grafik yang berbentuk balok atau bundaran.

c. Jenis Warna

1). Warna Primer

Warna primer tidak bisa dibuat dengan mencampurkan warna

lain, warna ini berdiri sendiri. Warna primer terdiri atas merah,

kuning, dan biru.

2). Warna Sekunder

Warna sekunder dibuat dengan mengkombinasikan dua warna

primer. Warna sekunder terdiri atas orange, hijau dan ungu.

3). Warna Tersier

Warna Tersier dibuat dengan mengkombinasikan warna

primer dengan perbatasan warna sekunder. Warna tersier terdiri

atas kuning-hijau, kuning-orange, merah-orange, merah-ungu,

biru-ungu, dan biru-hijau.

d. Metode Pemilihan Warna

Keserasian bisa didefinisikan sebagai bagian dari susunan yang

menyenangkan, bisa berwujud musik, puisi atau warna. Metode untuk

memilih warna yang serasi, yaitu :

1). Metode Warna Beruntun

Warna beruntun terdiri atas tiga warna yang letaknya saling

bersebelahan dan biasanya ada satu warna yang menonjol (dominan).

Metode ini menghasilkan warna lembut yang serasi, misalnya kuning,

kuning-orange dan orange atau kuning, kuning-hijau dan hijau.

2). Metode Warna Berlawanan

Warna berlawanan terdiri dari atas dua warna yang letaknya saling

bersebrangan. Metode ini menghasilkan warna yang lebih hidup

(kontrasnya tinggi), misalnya biru dan orange, merah dan hijau, atau

kuning dan ungu.

3). Metode Warna Segitiga

Warna segitiga sesuai dengan namanya terdiri atas tiga warna

yang letaknya ditentukan dengan bentuk segitiga. Metode ini

menghasilkan warna yang serasi, misalnya biru, merah dan kuning.

4). Metode Warna Memudar

Metode ini menggunakan satu warna yang diturunkan intensitas

warnanya menjadi lebih muda, misalnya warna merah akan

diturunkan intensitas warnanya sebanyak 50% atau 75%.

5). Metode Warna Kombinasi

Warna kombinasi adalah gabungan dari dua warna atau lebih yang

menghasilkan warna yang harmonis. Beberapa warna kombinasi yang

baik, yaitu :

§ Hitam, putih, abu – abu, merah.

§ Merah, orange

§ Orange, ungu

§ Ungu, kuning

§ Hijau, ungu

§ Biru, kuning

§ Biru, ungu, putih

§ Hijau, coklat

§ Teal, ungu/lilac

2. Tipografi

Tipografi adalah seni dalam huruf yang meliputi pemilihan huruf,

penentuan ukuran yang tepat, dimana teks dapat diputus, spasi jarak, dan

bagaimana teks dapat dengan mudah dibaca.

a. Pengaruh Jenis Huruf

Jenis huruf sangat banyak, tapi secara garis besar dapat

dikategorikan menjadi lima, yaitu:

1). Serif

Jenis huruf ini merupakan jenis huruf yang tradisional, cirinya

mempunyai “kaki” atau “ekor”, misalnya Times New Roman,

Garamond, Palatino. Karena bentuk hurufnya yang berkaki

membuat garis tidak kelihatan, ini memudahkan mata pembaca

untuk menelusuri dan membaca teks. Jadi huruf ini cocok dipakai

untuk teks yang panjang dengan jarak spasi yang sedikit. Bentuk

huruf ini memberikan kesan formal, intelektual, anggun dan

konservatif. Cocok dipakai untuk organisasi, pemerintahan,

pendidikan dan perusahaan.

Times New Roman

Garamond

Palatino

2). Sans-Serif

Sans-serif yang berarti tidak berkaki (bahasa perancis), misal

jenis huruf ini adalah Helvetica, Arial, Verdana dan Avant Garde.

Jenis ini terlihat sederhana dan tidak formal, sehingga cocok untuk

judul dan subjudul. Jika ingin menggunakan jenis ini untuk teks

utama, imbangi dengan memberikan jarak spasi yang agak lebar

pada teks.

Arial Black

Verdana

Avant Garde

3). Dekoratif

Jenis huruf yang mempunyai desain yang rumit, sesuatu yang

baru dan menciptakan suasana hati yang membangkitkan emosi.

Jadi jangan sampai digunakan untuk teks yang panjang atau isi

dari halaman. Gunakanlah untuk judul dan grafik, tapi jangan

terlalu banyak.

STENCIL

4). Skrip

Jenis ini menyerupai tulisan tangan. Jenis ini juga sering

disebut kursif. Dan jangan terlalu banyak digunakan. Bentuk huruf

ini memberikan kesan keanggunan, sentuhan pribadi dan

kepuasan.

Brush Script

Kuenstler Script

5). Monospace

Jenis huruf yang mempunyai jarak dan lebar yang sama pada

setiap huruf, misalnya courier, monospace.

Courier New

b. Penggunaan Huruf dalam Desain Web

Ada beberapa tip agar huruf dapat dibaca dengan mudah dan enak

dilihat, yaitu:

§ Buatlah kontras yang tinggi antara teks dengan latar belakang

atau antara teks dengan gambar.

§ Pilihlah jenis huruf yang mudah dibaca, biasanya jenis serif

dan sans-serif. Jenis huruf dekoratif atau kursif lebih sulit

untuk dibaca, biasanya dipakai untuk judul, itupun harus

berukuran besar.

§ Kadang – kadang jenis huruf sans-serif mudah dibaca daripada

serif ketika karakter yang digunakan berukuran kecil.

§ Aturlah leading dan kerning. Leading adalah spasi antara dua

baris teks, sedangkan kerning adalah jarak spasi antar huruf.

§ Gunakan huruf standar yang terdapat pada semua komputer

atau browser, seperti Times New Roman, Helvetica, Arial dan

Verdana. Jika menginginkan jenis huruf lain yang unik untuk

keindahan, jadikan huruf tersebut sebagai grafik.

c. Petunjuk Pemilihan Huruf

Beberapa petunjuk atau aturan baku yang digunakan dalam

penggunaan huruf, baik dalam pemilihan ukuran, jenis dan lain – lain:

§ Secara formal, pasangkan jenis huruf serif untuk isi halaman

dan sans-serif untuk judul.

§ Jika menggunakan beberapa macam jenis huruf dalam sebuah

halaman, biasanya jenis huruf dekoratif atau skrip digunakan

untuk judul dan serif atau sans-serif untuk isi halaman, agar

berfariasi.

§ Usahakan jangan lebih dari dua belas kalimat dalam satu baris

teks, kanera akan mempersulit pembacaan.

§ Hindari pemakaian kombinasi dua huruf yang sangat mirip,

karena menghasilkan kontras yang rendah, ini menyebabkan

ketidakserasian dan ketidakcocokan dalam pandangan.

§ Membatasi pemakaian jenis huruf dalam satu halaman. Jangan

sampai melebihi tiga atau empat jenis huruf.

§ Hindari penggunaan slider (penggulungan halaman) lebih dari

sekali. Apabila banyak artikel yang ingin ditampilkan, buatlah

link ke halaman lain.

§ Ukuran huruf untuk isi halaman adalah 10-14 point dan judul

adalah 14-30 point.

§ Memberikan ketebalan dan huruf besar (kapital) pada teks

untuk judul, agar dapat membedakan dengan isi halaman.

§ Hindari telalu banyak huruf besar karena akan memperlambat

kecepatan membaca dan memboroskan ruang.

§ Hindari pemakaian jenis huruf monospace untuk isi halaman,

karena memerlukan banyak perhatian untuk membacanya. Hal

ini dapat mengalihkan pesan yang ingin disampaikan.

3. Bentuk

Penggunaan bentuk yang efektif akan memberikan motivasi,

inspirasi dan tantangan kepada pengunjung. Bentuk dasar meliputi

lingkaran, persegi/kotak dan segitiga. Berikut arti dari bentuk dasar :

§ Lingkaran memiliki arti koneksi, komunikasi, keseluruhan,

ketahanan, pergerakan, keamanan, kehangatan, kenyamanan,

sensual dan cinta, yang lebih cenderung feminim.

§ Kotak memiliki arti keteraturan, logis, keamanan, kepadtan,

berat.

§ Segitiga memiliki arti energi, kekuatan, keseimbangan,

hukum, ilmu pasti, agama, kekuatan, agresi, dan pergerakan

yang dinamis , yang lebih cenderung maskulin

4. Layout (Tata Letak)

Layout adalah proses penataan dan pengaturan teks atau grafik

pada halaman. Layout meliputi penyusunan, pembagian tempat dalam

suatu halaman pengaturan jarak spasi, pengelompokan teks dan grafik,

dan penekanan pada suatu bagian tertentu. Secara umum, halaman web

memaki lima jenis layout dan pemilihan layout yang disesuaikan jenis

informasi yang ditampilkan.

a. Model Layout Top Index

Biasanya digunakan untuk menampilkan link yang banyak ke situs

lain, seperti search engine.

Model Top Index

Banner atau Iklan

Daftar Isi atau Navigasi

Body atau Content (isi)

Lain – lain

b. Model Layout Bottom Index

Biasanya digunakan apabila isi dari halaman banyak berhubungan

dengan topik tunggal.

Model Bottom Index

Banner atau Judul

Body atau Content (isi)

Daftar Isi atau Lain – lain

c. Model Layout Left Index

Biasanya digunakan untuk layar dengan resolusi yang lebar,

sehingga mudah dalam penyediaan navigasi, tanpa menimbulkan

kekacauan penyajian informasi pada halaman utama.

Model Left Index

Banner

Daftar Isi Body atau Content (isi)

Lain – lain

d. Model Layout Split

Halaman akan terjaga keseimbangannya.

Model Split Index

Banner

Daftar Isi Body atau Content (isi) Daftar Isi

Lain – lain

e. Model Layout Alternating Index

Biasanya digunakan untuk halaman yang banyak menampilkan

grafik, foto dan produk yang disertai dengan teks berupa keterangan,

harga, jumlah dan lain – lain.

Model Alternating Index

Teks/Daftar isi Gambar

Gambar Teks/Daftar Isi

Lain – Lain

C. Usability

Usability adalah sebagai suatu pengalaman pengguna dalam berinteraksi

dengan aplikasi atau situs web sampai pengguna dapat mengoperasikannya

dengan mudah dan cepat. Web site harus memenuhi lima syarat untuk

mencapai tingkat usability yang ideal, antara lain :

1. Mudah untuk dipelajari

Letakkan isi yang paling penting pada bagian atas halaman, agar

pengunjung dapat mendapatknya dengan cepat.

2. Efisien dalam penggunaan

Jangan menggunakn link yang terlalu banyak, sediakan seperlunya

dan hantarkan pengunjung untuk menncapai informasi yang diperlukan

dengan cepat dan mudah.

3. Mudah untuk diingat

Situs jangan terlalu banyak melakukan peruban yang terlalu

mencolok khususnya pada navigasi.

4. Tingkat Kesalahan rendah

Hindari link yang tidak berfungsi (broken link) atau halaman

masih dalam proses pembuatan (under construction).

5. Kepuasan Pengguna

Kepuasan adalah hal yang penting untuk diperhatikan untuk

keberlngsungan web site.

Beberapa tips untuk membuat navigasi yang baik, yaitu :

§ Buatlah navigasi yang jelas dan ringkas.

§ Umumnya, navigasi diletakan di sebelah kiri atau di atas sebuah

halaman web.

§ Navigasi bisa berbentuk teks atau grafik. Apabila navigasi

berbentuk grafik sertakan pula teks pada grafik tersebut.

§ Berikan ruang antara navigasi.

§ Hindari pemakaian frame untuk navigasi, karena membuat desain

terlihat statis.

§ Jaga konsistensi. Letakan pada tempat yang sama di tiap halaman,

gunakan warna yang sama, dan tempatkan pada tempat yang

mudah untuk dilihat.

Beberapa tips untuk membuat link yang standar, yaitu :

§ Gunakan garis bawah untuk menandai sebuah link. Dan hindari

garis bawah teks yang bukan link.

§ Bedakan warna sebuah link yang belum pernah dikunjungi dengan

yang sudah.

§ Jangan sampai link yang tidak berfungsi (broken link). Dan link

yang belum ada isinya, jangan dicantumkan.

§ Gunakan breadcrumb untuk mempermudah pengunjung untuk

menjelajahi situs dengan cepat.

Beberapa tip untuk menghindari warna buta (warna yang jelek),

yaitu :

§ Hindari menggunakan hanya warna hijau dan warna merah saja

dalam desain. Karena kebanyakan orang tidak bisa membedakan

antara bayangan warna merah dan warna hijau.

§ Jangan menggunakan warna sebagai petunjuk. Lebih baik

gunakan petunjuk lain yang lebih dimengerti.

§ Buatlah kontras yang tinggi antar teks dengan background.

Beberapa tip untuk mempercepat aksesgrafik dalam sebuah situs,

yaitu:

§ Menggunakan grafik dengan hemat dan secukupnya.

§ Gunakan grafik ukuran kecil dan gunakan fasilitas optimize pada

program pengolah grafik.

§ Gunakan gambar format gif, karena ukuran filenya lebih kecil.

Tetapi jika menggunakn warna yang komplek seperti foto,

gunakan format jpeg.

§ Jangan menggunakan grafik untuk navigasi yang menggunakan

beberapa bahasa yang berlainan, karena sulit untuk pemeliharaan

dan pengembanganya.

§ Gunakan atribut Width dan Height dalam tag img src, ini akan

mempercepat akses.

§ Gunakan atribut border=0 pada tag src karena beberapa browser

akan menampilkan border biru di sekeliling gambar apabila

gambar dipakai sebagai link.

§ Gunakan atribut alt dalam tag img src karena tidak semua

pengunjung memiliki browser yang dapat menampilkan grafik.

Beberapa tips untuk membuat situs terlihat sederhana, yaitu :

§ Gunakan judul dan subjudul untuk memisahkan bagian teks.

§ Gunakan ruang kosong secukupnya.

§ Tulikan isi dengan ringkas dan singkat.

§ Berikan tanda terang pada kalimat yang dianggap penting.

§ Gunakan background yang terang dengan teks yang gelap atau

sebaliknya.

§ Hindari warna yang tidak serasi.

§ Jangan terlalu tergantung pada teknologi baru, karena user akan

kehilangan waktunya untuk mengakses plug-in terbaru.

Beberapa tips untuk membuat konsistensi pada situs, yaitu:

§ Menjaga letak elemen desain berada di lokasi yang sama pada

setiap halaman.

§ Pada umumnya logo diletakan di ujung atas sebelah kiri halaman.

§ Pergunakan jenis huruf yang sama (maksimal tiga jenis huruf).

§ Pergunakan jenis huruf yang standar.

§ Jangan memakai terlalu banyak warna yang berbeda.

Jadi sekarang sudah bisa Copy Paste artikel dari sini? Ya, silahkan saja Copy Paste. Saya suka kepikiran juga buat blogger2 yang baru mulai dan masih bingung mau mulai dari mana tetapi begitu dia tertarik melihat artikel di blog ini dan ingin dia pasang di blognya yang masih kosong, tapi begitu dia mikir harus minta izin segala nanti malah repot, kalau main asal comot takut diomelin dan jadi masalah. Dan memang ada beberapa E-mail yang masuk untuk meminta artikel dari blog ini untuk dipakai di blog yang masih baru, malah merepotkan saya sendiri akhirnya ya? Harus bolak balik ke dashboard blog saya untuk mengkopi kemudian mengirim artikelnya lewat E-mail lagi, benar-benar pemborosan waktu…

Yang penting begitu Anda mengkopi salah satu atau beberapa artikel dari sini di blog Anda harap dimasukkan link sumbernya yang dari blog ini. Kenapa? Ya supaya ada backlink dari blog ini ke blog Anda dan begitu juga sebaliknya, jadi sama-sama menguntungkan kan?

Justru kalau Anda tidak memasang Link sumbernya malah Anda sendiri yang rugi nantinya, artikel yang Anda copy dari sini belum tentu ter-indeks di Search Engine tanpa Backlink tapi artikelnya sama, karena sudah jelas Artikel dari blog ini yang lebih dulu masuk di Search Engine, kok bisa? ya iya bisalah, lha wong situ aja ngopi dari sini kok situ yang pingin duluan masuk di Search Engine dengan artikel yang sama dan kepingin ada di halaman2 awal pula? Robot Search Engine nggak bego2 amat kaliiii,…

Tapi jangan sering-sering, nanti nggak bisa2 nulis artikel Anda jadinya. Bisanya Copy Paste saja nanti malah jagonya, nggak pinter2, dan sayang kan keyboardnya kalo nggak dipergunakan untuk ngetik? Tau begitu buat apa beli keyboard? Ada berapa karakter huruf, angka dan lain2nya coba, saya aja bisa ngebangun dan ngedesain website pakai keyboard, Rugi kan capek2 bikin blog tapi nggak dapet esensi dari ilmunya?

Semoga Bermanfaat

Hampir semua klien dan perusahaan yang menawarkan job sebagai freelance web designer ke saya, lebih menyukai custom script daripada yang sudah ada apalagi menggunakan script Open Source. Kesannya menggunakan custom lebih keren. Mungkin memang lebih keren, tapi ujungnya pasti jadi nambah kerjaan, buang biaya dan waktu.

Coba lihat skenario  yang  sederhana, dengan menggunakan logika operasional. Custom script itu dibuat khusus untuk keperluan dan solusi tertentu oleh pembuatnya. Yang Artinya kira2 :

1. Jika masalah script berkembang, seperti kompatibilitas terhadap browser yang selalu update maka solusi default sudah tidak relevan lagi untuk memecahkan masalah. Kasus yang sering terjadi biasanya banyak muncul error di tampilan dan Fungsi.
2. Jika sudah tidak relevan biasanya klien harus membayar jumlah tertentu untuk menambah atau memperbaiki fitur script, entah itu modul, component, plugins, widget dan lain2 entah apa sebutannya.
3. Karena dibuat khusus oleh pembuatnya, maka hanya pembuatnya saja yang tahu pemecahan jika script bermasalah.
4. Tidak boleh dimodifikasi oleh kita atau kita kena penalti, pokoknya nggak bebas deh…

Belajar dari pengalaman tersebut saya kapok menggunakan custom script, bahkan meski programmer atau developernya teman dan atau kenalan sendiri. Saya lebih percaya sama script open source atau script yang sudah mapan ( Commercial Script ) untuk digunakan sebagai solusi bagi klien pada umumnya lebih dikarenakan:

1. Open Source script memiliki support forum dan certified consultant, sementara itu commercial script memiliki customer support dan term of service nya jelas.
2. Sejauh saya menggunakan solusi selain custom script, saya tidak menemukan ‘hidden charge’, yang sering sekali ditemukan di bisnis teknologi.
3. Jika ‘programmer atau developer’ yang sebelumnya ada apa-apa, misalnya paling apes resign, sangat mudah menemukan penggantinya. Karena solusi permasalahan bukan hanya dia yang mengerti.

Gampang kan? Kenapa musti dibuat susah?

Semoga Bermanfaat