19 May
Jika sebelum ini kita telah melihat sepintas lalu berkenaan dengan visual appearance, kali ini kita akan berkenalan dengan lebih dekat lagi. Seperti kata pepatah, tak kenal maka tak cinta. Kalau dah kenal, dan sudah faham, keputusan yang terbaik untuk anda adalah memilih yang terbaik.
Kita mulakan dengan pemilihan warna. Ciri ini memainkan peranan yang teramatlah pentingnya. Jika tersalah pilih warna, website anda akan kelihatan suram dan tidak menarik. Antara perkara yang perlu dielakkan ialah pemilihan warna yang terlalu terang (striking) dan menyakitkan mata. Di sini saya berikan beberapa tips pemilihan warna.
- Pastikan warna teks anda tidak clash dengan warna background. Penggunaan warna putih sebagai background dengan hitam sebagai warna teks adalah pilihan yang terbaik.
- Kunci kepada penggunaan warna adalah contrast. Pastikan pemilihan warna bagi teks dan link adalah contrast dengan warna background. Contohnya, warna HIJAU adalah tidak sesuai dengan background putih.
- Pilihlah warna yang bersuaian dengan website anda dan paling penting warna yang sejuk dan sedap mata memandang. Kita biasa melihat penggunaan warna biru dalam sesebuah website.
- Gunakan flat colour sebagai background anda.
- Warna default bagi link parameters pada kebanyakan browser ialah biru untuk non-visited link(LINK) dan purple untuk visited link (VLINK), merah untuk link yang aktif (ALINK). Jika anda menukar warna default ini, pastikan pelawat boleh mengenalpasti link tersebut.
- Jangan gunakan pelbagai warna background image tile sebagai background anda.
- Jangan gunakan merah dan biru pada background hitam
- Jangan gunakan kuning pada background putih. Lihatlah hasilnya WHITE
- Jangan gunakan warna teks yang terang pada background yang terang atau warna teks yang gelap pada background yang gelap.
- Penggunaan hitam sebagai background boleh mendatangkan masalah kepada pelawat jika mereka mencetak halaman tersebut
- Pastikan setiap halaman website anda mempunyai warna yang sama.
Jadual ini menunjukkan warna-warna yang sesuai (Web safe colors) dan nilai heksadesimalnya. Ia dikenali sebagai “browser-safe colors” dan akan dipaparkan sama di dalam Netscape dan Microsoft
| #000000 |
#330000 |
#660000 |
#990000 |
#CC0000 |
#FF0000 |
| #003300 |
#333300 |
#663300 |
#993300 |
#CC3300 |
#FF3300 |
| #006600 |
#336600 |
#666600 |
#996600 |
#CC6600 |
#FF6600 |
| #009900 |
#339900 |
#669900 |
#999900 |
#CC9900 |
#FF9900 |
| #00CC00 |
#33CC00 |
#66CC00 |
#99CC00 |
#CCCC00 |
#FFCC00 |
| #00FF00 |
#33FF00 |
#66FF00 |
#99FF00 |
#CCFF00 |
#FFFF00 |
| #000033 |
#330033 |
#660033 |
#990033 |
#CC0033 |
#FF0033 |
| #003333 |
#333333 |
#663333 |
#993333 |
#CC3333 |
#FF3333 |
| #006633 |
#336633 |
#666633 |
#996633 |
#CC6633 |
#FF6633 |
| #009933 |
#339933 |
#669933 |
#999933 |
#CC9933 |
#FF9933 |
| #00CC33 |
#33CC33 |
#66CC33 |
#99CC33 |
#CCCC33 |
#FFCC33 |
| #00FF33 |
#33FF33 |
#66FF33 |
#99FF33 |
#CCFF33 |
#FFFF33 |
| #000066 |
#330066 |
#660066 |
#990066 |
#CC0066 |
#FF0066 |
| #003366 |
#333366 |
#663366 |
#993366 |
#CC3366 |
#FF3366 |
| #006666 |
#336666 |
#666666 |
#996666 |
#CC6666 |
#FF6666 |
| #009966 |
#339966 |
#669966 |
#999966 |
#CC9966 |
#FF9966 |
| #00CC66 |
#33CC66 |
#66CC66 |
#99CC66 |
#CCCC66 |
#FFCC66 |
| #00FF66 |
#33FF66 |
#66FF66 |
#99FF66 |
#CCFF66 |
#FFFF66 |
| #000099 |
#330099 |
#660099 |
#990099 |
#CC0099 |
#FF0099 |
| #003399 |
#333399 |
#663399 |
#993399 |
#CC3399 |
#FF3399 |
| #006699 |
#336699 |
#666699 |
#996699 |
#CC6699 |
#FF6699 |
| #009999 |
#339999 |
#669999 |
#999999 |
#CC9999 |
#FF9999 |
| #00CC99 |
#33CC99 |
#66CC99 |
#99CC99 |
#CCCC99 |
#FFCC99 |
| #00FF99 |
#33FF99 |
#66FF99 |
#99FF99 |
#CCFF99 |
#FFFF99 |
| #0000CC |
#3300CC |
#6600CC |
#9900CC |
#CC00CC |
#FF00CC |
| #0033CC |
#3333CC |
#6633CC |
#9933CC |
#CC33CC |
#FF33CC |
| #0066CC |
#3366CC |
#6666CC |
#9966CC |
#CC66CC |
#FF66CC |
| #0099CC |
#3399CC |
#6699CC |
#9999CC |
#CC99CC |
#FF99CC |
| #00CCCC |
#33CCCC |
#66CCCC |
#99CCCC |
#CCCCCC |
#FFCCCC |
| #00FFCC |
#33FFCC |
#66FFCC |
#99FFCC |
#CCFFCC |
#FFFFCC |
| #0000FF |
#3300FF |
#6600FF |
#9900FF |
#CC00FF |
#FF00FF |
| #0033FF |
#3333FF |
#6633FF |
#9933FF |
#CC33FF |
#FF33FF |
| #0066FF |
#3366FF |
#6666FF |
#9966FF |
#CC66FF |
#FF66FF |
| #0099FF |
#3399FF |
#6699FF |
#9999FF |
#CC99FF |
#FF99FF |
| #00CCFF |
#33CCFF |
#66CCFF |
#99CCFF |
#CCCCFF |
#FFCCFF |
| #00FFFF |
#33FFFF |
#66FFFF |
#99FFFF |
#CCFFFF |
#FFFFFF |
Grayscale Colors
| #000000 |
#111111 |
#222222 |
#333333 |
| #444444 |
#555555 |
#666666 |
#777777 |
| #888888 |
#999999 |
#AAAAAA |
#BBBBBB |
| #CCCCCC |
#DDDDDD |
#EEEEEE |
Bookmark Artikel Ini:These icons link to social bookmarking sites where readers can share and discover new web pages.
pls komen..
May 19th, 2007 at 12:00 pmtq
[…] Grafik dan backgroundnya mestilah menggunkan warna yang sesuai (browser-safe-colour). […]
May 29th, 2007 at 12:35 pmgood entry ni..
June 4th, 2007 at 2:12 pm[…] Untuk menggunakan warna pada Webpage pastikan anda menggunakan browser safe color and use a tag like this: <FONT COLOR=”#008000″>COLOR</FONT> Ia akan […]
June 16th, 2007 at 9:22 am