Ilham Tren Desain Web 2010

November 7, 2009 VISUAL COMMUNICATION

Ilham Tren Web Ilham Tren Desain Web 2010

Awal bulan Oktober 2009 website www.AgusRidwanSopari.com dirubah tampilan image headernya menjadi yang nampak terlihat sekarang,  sehingga lebih fresh dan lebih fokus. Terilhami karena mengamati perkembangan desain web terkini akan semakin menambah inspirasi dalam pendekatan penggunaan grafis terbaru dan elemen desain mutakhir.

Walau jauh dari sempurna, semenjak website ini dilaunching tanggal 25 September 2009– beberapa hari setelah Hari Raya Idul Fitri. Sampai tulisan ini diposting, pada minggu-minggu awal kehadiran web site ini menduduki peringkat Alexa ke 3,5 juta dan kabar gembiranya menurut bizinformation.org peringkat web ini pada posisi 28,516 di Indonesia dan peringkat di dunia melesat hampir 1 jutaan ke ranking Alexa 2,638,971 dengan perkiraan nilai jual website ini Rp 107.88 Juta.

Beberapa diantara tren website itu mengilhami sebagai desainer ataupun blogger untuk lebih bisa mengeksplor kemampuan dan kreatifitas agar menjadi tren baru di tahun 2010. By the way, yang sudah mengetahui atau belum tentang tren desain web di tahun 2009, simak saja ya. Seperti diulas dan diberi contoh gambarnya oleh smashingmagazine.com ada 10 tren desain web yaitu:

1. Letterpress

2. Rich User Interfaces

3. PNG transparency

4. HUGE Typography

5. Font Replacement

6. Modal Boxes (Lightboxes)

7. Media Blocks

8. The Magazine Look

9. Carousels (Slideshows)

10. Introduction Blocks

Ilham Tren Desain Website 2010

1. Letterpress

letterpress6 Ilham Tren Desain Web 2010

letterpress3 Ilham Tren Desain Web 2010

letterpress7 Ilham Tren Desain Web 2010

letterpress4 Ilham Tren Desain Web 2010

letterpress5 Ilham Tren Desain Web 2010

Menggunakan huruf-huruf timbul seperti emboss, tapi yang Sering dipakai terkesan dipahat (inside embossed). Digunakan biasanya untuk judul-judul utama.

2.Rich User Interfaces

quick Ilham Tren Desain Web 2010

sli Ilham Tren Desain Web 2010

action Ilham Tren Desain Web 2010

moodstream Ilham Tren Desain Web 2010

radioh Ilham Tren Desain Web 2010

Penggunaan yang lebih kaya terhadap klik antarmuka yang atraktif, dinamis sekaligus interaktif. sehingga pengguna web akan terasa senang.

3. PNG transparency

png Ilham Tren Desain Web 2010

oob2 Ilham Tren Desain Web 2010

transp Ilham Tren Desain Web 2010

Penggunaan gambar-gambar atau blok transparan yang tidak menutupi secara keseluruhan gambar latar. Seperti sering kita lihat di majalah-majalah.

4. HUGE Typography

zo Ilham Tren Desain Web 2010

type3 Ilham Tren Desain Web 2010

red Ilham Tren Desain Web 2010

Penggunaan font-font yang sangat besar, tetapi dengan font yang dilayout sedemikian rupa agar tujuannya ingin menarik perhatian pengguna website.

Setiap desain, baik itu desain web atau desain media cetak satu sama lain saling mempengaruhi. Walaupun tetap saja sesuai dengan core desain tersebut di buat.

5. Font Replacement

sh Ilham Tren Desain Web 2010

sifr2 Ilham Tren Desain Web 2010

daily Ilham Tren Desain Web 2010

Font yang sering digunakan biasanya standar seperti Arial, Helvetica, verdana, tahoma, tetapi kini tipografi indah dan bukan yang biasa berani dimunculkan. Sehingga kesan yang di dapat dari desain visual ini untuk meningkatkan penampilan Web dan meningkatkan pengalaman pengguna.

6. Modal Boxes (Lightboxes)

modalbox1 Ilham Tren Desain Web 2010

groove Ilham Tren Desain Web 2010

Modal Boxes (jendela dialog) adalah, pada dasarnya, generasi kedua dari pop-up. untuk mengfokuskan daerah penting yang telah di klik muncul jendela dialog baru, dan ditampilkan secara unik, misalnya semitransparan. Sering kita temukan ketika kita mau login atau mendaftar jadi member di web tersebut.

7. Media Blocks

gf Ilham Tren Desain Web 2010

gb Ilham Tren Desain Web 2010

Berbeda dengan tahun-tahun sebelumnya kini, media bloks ditampilkan sebagai tambahan konten di web site. seperti pemuatan alat putar video. sehingga film, musik dan pertunjukan bisa dilihat secara langsung.

8. The Magazine Look

magazine2 Ilham Tren Desain Web 2010

magazine4 Ilham Tren Desain Web 2010

magaz Ilham Tren Desain Web 2010

Perkembangan menarik dari weblog adalah mengadaptasi layout majalah versi cetak. susunan posting halaman, ilustrasi dan jenis huruf hampir mirip majalah. Tampilan seperti majalah ini jarang muncul di desain website perusahaan dan juga toko online.

9. Carousels (Slideshows)

wein Ilham Tren Desain Web 2010

musicyahoo Ilham Tren Desain Web 2010

Tampilan slide show seperti komedi putar, dimana gambar-gambar bergerak-gerak memutar biasanya ke kiri atau kanan, tergantung panah yang disediakan. Seperti yang pernah saya lakukan untuk voting Komodo National Park (PNK) sebagai finalis 7 keajaiban alam di dunia.

10. Introduction Blocks

feature2 Ilham Tren Desain Web 2010

introd Ilham Tren Desain Web 2010

feature3 Ilham Tren Desain Web 2010

Kiri atas area dari sebuah situs web adalah blok yang paling penting pada halaman, karena yang paling meraih perhatian dari pengunjung. Oleh karena itu, masuk akal untuk menempatkan pesan yang paling penting dari website di sana dan dengan demikian memastikan bahwa pembaca mendapatkan pesan secepat mungkin. Sebenarnya, ini persis seperti apa yang banyak desainer lakukan. Tapi Perhatikan, walaupun, blok perkenalan itu hampir tidak pernah muncul di blog dan jarang di toko-toko online.

Nah, sekian review dari Agus Ridwan Sopari, semoga bisa menjadi contoh yang dapat menginspirasi Anda dalam proyek desain-desain di tahun berikutnya.

Oleh Agus Ridwan Sopari, Author – Vision Coach – Graphic Designer – Business Communication Consultant

Related Posts with Thumbnails

Tags: , , , , , , , ,

Comments (2)

 

  1. jobs opportunity 2010 at CruiseLine

  2. cikiprik says:

    kalo di drupal bis dipake gagh??

Leave a Reply