daus.trala.la

new media, art direction, and everyday tidbits

Tentang “alignment”

Dalam artikel terdahulu, saya singgung soal “detail”, yang bisa membedakan antara desainer yang baik dan desainer yang buruk. Salah satunya adalah soal alignment.

Banyak desainer web kerap melupakan persoalan alignment. Semua harus rata, itu aturan utamanya. Tidak peduli apakah desain yang Anda buat bercorak rapi-minimalis atau model grunge yang kompleks, pastikan setiap elemen berada pada posisi yang “lurus” satu sama lain. Lurus, bisa berarti dalam satu garis linear, bisa juga mengikuti suatu pola, misal zigzag, lengkung atau gelombang, dan lain-lain.

Alignment is the adjustment of an object in relation with other objects, or a static orientation of some object or set of objects in relation to others. Wikipedia.

Selain meningkatkan kenyamanan secara visual, alignment juga membuat aliran konten lebih terasa lancar. Pada akhirnya, pesan yang ingin disampaikan melalui visualisasi tata letak jatuh tepat sasaran.

Alignment bisa vertikal, horisontal, dan diagonal. Pastikan objek-objek yang berdekatan (dan dengan hierarki yang sama) berada pada satu garis lurus. Gunakan penggaris digital dan lakukan trial and error jika malas menghitung margin atau padding.

Saat ini, sudah banyak CSS framework, khususnya yang terkait dengan desain grid, yang mengatur soal alignment. Tidak ada salahnya dicoba, ketimbang melakukan semuanya secara manual.


13 November 2009


Design

Comment: 6
« How Facebook overtook MySpace
On working hours »


6 Comments

  1. geblek
    Date: 13 November 2009
    1

    masih belum ngerti duh


  2. Kus
    Date: 14 November 2009
    2

    Yg ini kurang detil.


  3. Minanube
    Date: 14 November 2009
    3

    kalau text-align dibuat center dan justify kira2 bagaimana?

    karena cara ini bentuknya berubah menyesuaikan isi/panang tulisan.

    Thanks


  4. Uchan
    Date: 14 November 2009
    4

    Wah saya kurang ngerti soal ini, biasanya asal dibikin justify aja (bawaan ngetik di office, hehehe). Bisa lebih jelasin filosofi2 desain bro? Ah kalo tau gitu, rajin mampir ke mari…


  5. haris
    Date: 16 November 2009
    5

    saya jarang sekali memerhatikan soal ini. jauh lebih peka terhadap font–yang bagi saya menjadi sangat penting untuk kenyamanan membaca blog.


  6. om ipit
    Date: 16 November 2009
    6

    text align pda web, yg baik seharusnya rata kiri. klo memakai justify hrs ada ketentuannya. :)

    bisa dibaca di blognya ms Dani Iswara : http://bit.ly/3l5BpX


Add Yours