hisman.org newsletter

Dapatkan tips-tips menarik tentang web design langsung ke e-mail Anda (Gratis...)

Memahami Whitespace dalam Suatu Situs

posted by hisman in February 16th, 2009

category : layout, webdesign

Tags: , , ,

Mungkin Kamu dah pada tau apa itu (pengertian dari) whitespace ya.. tapi gak ada salahnya saya bahas sedikit pengertian whitespace itu, yah itung-itung biar artikelnya agak panjang dikit, hehe…

Whitespace ini hanya istilah sih sebenernya. Istilah untuk suatu area pada halaman suatu situs yang gak ada tulisannya ataupun gambar-gambar atau bisa juga dibilang area kosong.

Sadar atau tidak sadar, ketika mendesain sebuah situs kita sering melupakan keberadaan whitespace ini pada situs yang kita desain tersebut. Kita sering kali ingin selalu mengisi setiap ruang pada situs kita dengan tulisan, gambar, foto2 dll.. yang pada akhirnya hal ini akan membuat situs kita menjadi sumpek dan terlalu padat.

Atau kadang kala kita juga secara tidak sadar menggunakan whitespace ini. Misalnya ketika menggunakan padding, atau saat kita kehabisan ide untuk mengisi sidebar pada situs kita dan membiarkannya tetap kosong. Nah, saat itu sebenernya kita sudah menciptakan suatu whitespace. Selengkapnya..

Sedikit Saran dalam Mendesain Web

posted by hisman in January 29th, 2009

category : webdesign

Tags: , , ,

Mendesain sebuah web/situs itu sama halnya dengan mendesain user interface sebuah aplikasi/software, ya karena web itu khan sebenarnya termasuk sebuah aplikasi juga…

Nah, desain dari web ataupun aplikasi-aplikasi yang lain itu sebenernya fungsinya itu untuk mempermudah user dalam menggunakan aplikasi/web tersebut.

Sebagus apapun tampilan grafis desainnya, tapi kalau tampilan-tampilan yang bagus itu malah mengganggu/membuat user tidak nyaman atau bahkan menyulitkan user dalam menggunakan web tersebut, maka desain tersebut bisa dikatakan kurang layak untuk web tersebut.

Ini ada sedikit saran untuk kamu yang ingin mendesain sebuah web. Selengkapnya..

Membuat halaman web berada di tengah-tengah browser

posted by hisman in September 20th, 2008

category : CSS, HTML, trik

Tags: , , ,

Sebenernya ada banyak cara biar halaman web yang kita buat terlihat berada di tengah-tengah browser. Tapi saya akan jelasin satu cara aja yang sering dipake sama para web designer, dan cara ini lebih kompatibel di kebanyakan browser.

Kita mulai ya… Coba kamu salin kode ini ke notepad trus simpen dengan nama tengah.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Tengah</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="wrapper">

<h1>berada di tengah browser khan</h1>

</div>

</body>

</html>

Selengkapnya..

The Layout

posted by hisman in September 18th, 2008

category : CSS, layout

Tags: , ,

Kemaren-maren, saya dah jelasin sedikit tentang background. Nah, sekarang saatnya kita bicara tentang layout.

Misalkan kamu mo bikin mading/poster nich.. Pas kamu ngebikin mading/poster tersebut kamu pasti mikirin ehm… layoutnya gimana ya?? Ehm..di sebelah sini mo di kasih apa ya, sebelah situ isinya apa ya, Yap, memang dalam desain mendesain sesuatu itu yang pertama kali dipikirin itu biasanya layoutnya mo gimana..

Begitu juga dalam mendesain sebuah web, kamu juga harus mikirin layoutnya gimana. Misal headernya mo ditaruh di mana, trus sidebarnya di mana, menunya, contentnya. Yah macem-macem dech…

Dalam CSS sendiri ada banyak property yang bisa digunakan untuk membuat layout dari web. Dan biasanya gak semua property itu dipake. Para web designer biasanya hanya memakai property yang diperlukan aja dan antara satu web designer dengan yang lain biasanya ada perbedaan dalam penggunaannya. Yah tergantung kreativitas masing-masinglah…

Property-property untuk layout gak akan saya jelasin di postingan ini, karena takutnya ntar postingan ini malah jadi kepanjangan,hehe (bilang aja males…) tapi akan saya jelasin sambil praktek di postingan-postingan selanjutnya…

Oke kembali ke layout lagi ya… Sebenernya sich ada beberapa layout standar. Standar disini maksudnya sering dipake orang-orang… ini contohnya (klo gak keliatan gambarnya di klik aja biar gede) :

Klo kamu liat emang layout-layout itu sangat standar sekali ya.. blog saya ini juga tergolong yang standar juga…

Tapi klo kamu kreatif kamu bisa bikin layout yang aneh-aneh, tapi harus tetap user friendly ya…

Pake Flash?? Pikir-pikir dulu dech..

posted by hisman in August 23rd, 2008

category : webdesign

Tags: , ,

Kamu bisa menggunakan Flash? Bisa membuat animasi dengan Flash?? Dan ingin menaruhnya di website/blog kamu?? Sebaiknya dipikir baik2 dulu dech..

Lho Kenapa????

Eh.. Malah nanya,, Gini nich… sebenernya sich ngedesain web pake flash tuch menarik dan hasilnya pun pasti bagus, Tapi ada berbagai permasalahan yang membuat para webdesigner jarang yang make flash. Diantaranya ini nich:

  • Gak semua browser yang di pake orang tuch support atau sudah terinstall plugin flash player di browser tersebut, dan banyak yang tidak support karena browser default (tidak diinstall plugin/addon apa2 oleh si pemakai) kebanyakan tidak support flash.
  • Kalaupun browsernya sudah support, flash dapat membuat loading page menjadi lambat, nah loading page yang cepat khan salah satu syarat desain web yang baik.
  • Nah, karena gak semua browser support dan loading pagenya bisa jadi lambat, flash ini dapat mengganggu kenyamanan pengunjung web kamu. Selengkapnya..
copyright © 2010 hisman.org | web design and icon by hisman