Top Banner
Nur Roni D T. Informatika UNPAS 2005 http://about.me/onnayokheng @onnayokheng
36

Pengenalan Web Desain

Nov 14, 2014

Download

Education

Nur Roni D

Materi pas ngisi FWWD (Fun With Web Design) di Karisma ITB.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Pengenalan Web Desain

Nur Roni DT. Informatika UNPAS 2005http://about.me/onnayokheng@onnayokheng

Page 2: Pengenalan Web Desain

“IntroductionWeb Design”

Fun With Web Design (FWWD)Karisma ITBAhad, 06 Maret 2011

Page 3: Pengenalan Web Desain

This is my story

Page 4: Pengenalan Web Desain

Sebelum masuk informatika

Page 5: Pengenalan Web Desain

Ingin jadi pengusaha IT

Page 6: Pengenalan Web Desain

lupa akan mimpi -_-’

Kenyataannya..

Page 7: Pengenalan Web Desain

Ikut-ikutanOrganisasi, unit, geng, bahasa pemrograman,

dll.

Page 8: Pengenalan Web Desain

2008Mulai mencari jati diri

Page 9: Pengenalan Web Desain

2008: Menemukan PASSION bidang Internet

Page 10: Pengenalan Web Desain

2009Projek perdana

NEOMAXGAGAL!!!

Page 11: Pengenalan Web Desain

2009 Projek Kedua

Page 12: Pengenalan Web Desain
Page 13: Pengenalan Web Desain

Apa hubungannya?

Page 14: Pengenalan Web Desain

K.A.R.Y.A

Page 15: Pengenalan Web Desain

Caranya?

Page 16: Pengenalan Web Desain

Konsep ATM

Page 17: Pengenalan Web Desain

Amati

Page 18: Pengenalan Web Desain

Tiru

Page 19: Pengenalan Web Desain

Modifikasi

Page 20: Pengenalan Web Desain

Contoh

• Groupon clone -> valadoo, ogahrugi dll• Yelp -> urbanesia dll• Threadless -> gantibaju, kaosku dll• Techcrunch -> dailysocial, teknojurnal dll• Facebook -> fupei dll• Dll

Page 21: Pengenalan Web Desain

LangkahLangkah

D

ES

IGN

Page 22: Pengenalan Web Desain

Trio macan sedang mandi

Page 23: Pengenalan Web Desain

1. Apa tujuan desain tersebut?2. Siapa target Audience-nya?3. Apa pesan yang ingin di disampaikan

kepada audience?4. Bagaimana cara menyampaikan

pesan tersebut?5. Dimana, di media apa, dan kapan

desain itu akan di lihat oleh target audience?

Konsep Desain

Page 24: Pengenalan Web Desain

TAHAP

Desain

?

Page 25: Pengenalan Web Desain

Tentukan

1.Tujuan2.Visi3.Warna4.Informasi

Page 26: Pengenalan Web Desain

Definisi LAYOUTTataletak elemen-elemen desain

terhadap suatu bidang dalam media tertentu untuk mendukung konsep/pesan yang dibawanya.

Page 27: Pengenalan Web Desain

Membuat LAYOUT

Layout yang dikerjakan melalui proses dan tahapan yang

benar bukan tidak mungkin akan berdampak positif pada

tujuan apa pun yang ingin dicapai desainer melalui karya

desain yang dibuatnya.

OnnayOkheng

Page 28: Pengenalan Web Desain

Konsep Desain?

?

??

?

?

Dummy

Komputer

Tahap-tahap Desain

Page 29: Pengenalan Web Desain
Page 30: Pengenalan Web Desain
Page 31: Pengenalan Web Desain
Page 32: Pengenalan Web Desain
Page 33: Pengenalan Web Desain
Page 34: Pengenalan Web Desain
Page 35: Pengenalan Web Desain

For the last• Contact person:

– Nur Roni Dinnurohman (Onnay Okheng)– Twitter: @onnayokheng– Email: [email protected]– Web: onnayokheng.com– HP: 0856 2090 987

Page 36: Pengenalan Web Desain

Terima kasih

“Semua orang pasti MATI,Hanya KARYA dan PRESTASI yang

akan kekal”

MARI BERKARYA!