Perancangan

Moodboar
d,
Mockup
beserta
Style
Rizal Firmansyah ( 5180411231 )
Andi Satrya Batara ( 5180411232 )
Agung
Guide
Yusril Mahendra ( 5180411243 )
TEMA :
E-COMMERCE
 Moodboard?

Moodboa r d adalah k u mp u lan a t a u kompo s i s i gamba r , v i su al

dan objek lain yang bia s an y a dib u a t u n tu k tu j u an de s ain
a t a u p u n p r e s en t a s i dengan klien a t a u o r ang lain .
Pada da s a r n y a , moodboa r d memang sanga t pen t ing bagi
de s aine r ka r ena dapa t memban tu me r eka u n tu k menge t ah u i
ca r a memb u a t t ema u n tu k su a tu p r o y ek desain.
 Fungsi Moodboard

Untuk memberi proses membangun desain yang jelas yang ingin digunakan pada
web
yang akan dibuat nanti.

Menggunakan mood board membantu Anda mengekspresikan visi yang ada

dalam pikiran Anda untuk desain web tersebut nantinya.

Papan mood adalah titik awal yang baik untuk menyelesaikan sesuatu yang

akan membantu Anda menyusun dan memfokuskan ide-ide Anda, serta

membantu mendefinisikan desain.

Moodboard
 Mock u p me ru pakan media v i su al yang dig u nakan u n tu k
Mockup? meliha t p r e v ie w s eb u ah kon s ep de s ain . Selanj ut n y a dibe r ikan
efek v i su al sehingga ha s il gamba r t e r liha t men y e ru pai wu j u d
yang s ebena r n y a .
 Fungsi Mockup

Melihat preview desain sebelum dicetak

atau diproduksi dalam sebuah web

Sebagai kontrol untuk menjaga

display desain agar tidak melenceng
dari konsep awal

Dapat melihat gambaran nyata

bagaimana desain Anda saat sudah
diproduksi menjadi web

Desainer hanya membutuhkan beberapa menit

untuk mengaplikasikan sebuah desain ke dalam
sebuah mockup
Mockup
Mockup
 Style
Guide

S ty le g u ide me ru pakan bagian pen t ing dalam de s ain yang

dapa t dig u nakan sebagai pand u an dalam me r ancang s eb u ah
us e r in t e r face (UI). Selain i tu , Anda akan lebih kon s i st en
ke t ika mende s ain su a tu p r o y ek s eca r a ke s el uru han s epe rt i
elemen UI, w a r na , t ipog r afi , ikon , dan lain - lain
Style
Guide
Terima Kasih