>> desain komunikasi visual | 1
description
Transcript of >> desain komunikasi visual | 1
![Page 1: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/1.jpg)
>>desainkomunikasivisual|1
![Page 2: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/2.jpg)
desain desktop
metode reproduksi grafika
manajemen desain
sejarah
teori warna
menggambar
tipografi
estetika
nirmana datar
metodologi desain
etc
dkv
![Page 3: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/3.jpg)
graphic design is a popular art and a practical art, an applied art and an ancient art.simply put, it is the art of visualizing ideas.
graphic design (jessica helfand)
![Page 4: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/4.jpg)
Graphic design is a hybrid discipline. Diverse elements including signs, symbols, words & pictures are collected and assembled into a total message
graphic design (Phillip B. Meggs)
![Page 5: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/5.jpg)
graphic designer is simultaneously message maker & form builder.
graphic designer (Phillip
B. Meggs)
![Page 6: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/6.jpg)
most designer speak of their activity as a problem-solving process because designers seek solutions to public communication problems
graphic designer (Phillip B. Meggs)
![Page 7: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/7.jpg)
fungsi desain grafisfungsi desain grafis
information
expressionidentificati
on
to solve the problem
![Page 8: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/8.jpg)
semester 1 pertimbangan estetika
dkv 1 pertimbangan estetika
+ meaning
semiotika
![Page 9: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/9.jpg)
materi dkv 1teknik berpikir kreatif:brainstorming: peta pikiran / mind map: morphological matrix / analisis morfologis: metaphora
semiotika dasar: sign: signifier / penanda: signified / petanda: semantik denotatif :: how meaning: semantik konotatif is formed: syntacs (syntagm)
![Page 10: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/10.jpg)
:: piktogramwk 1 - 3
:: visual diri
:: sequense
:: metaphor
:: graphic style
wk 3 - 5
wk 5 – 8 uts
wk 8 - 10
wk 10 - uas uas – 1 seri style + paper , pert 1 – 8
dkv1|project
![Page 11: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/11.jpg)
:: art nouveau
:: vart deco
:: psychedelic
:: indonesia
dkv1|paper
![Page 12: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/12.jpg)
project 5
Indonesia Graphic Style
:: pra sejarah
ragam hias Toraja, dayak, Batak dan Irian Jaya
:: klasik
ornamen hias Hindu-Budha
:: madiyah (Islam):
ornamen hias batik, wayang dan kaligrafi
dkv1|paper
![Page 13: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/13.jpg)
:: asistensi :: wawasan: teori, visual :: latihan,eksperimen > learning by doing :: referensi: perpustakaan, pameran, dsb. :: workshop, seminar :: jangan menunda tugas :: sikap
dkv1|rules
:: work book
:: pembelajaran
:: TM 60% , UTS 20% , UAS 20% tidak ada perbaikan
![Page 14: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/14.jpg)
>>
semiotics
![Page 15: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/15.jpg)
|ilmu komunikasi yg berkenaan dengan pengertian tanda/ sign.
|suatu studi tentang
pemaknaan sign atau filosofi komunikasi.
>>semiotik
![Page 16: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/16.jpg)
|the theories which we apply to graphic design and visual communication are taken from a study of the general of signs known in Europe as semiology and in the USA as
semiotics
>>semiotik
![Page 17: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/17.jpg)
|Ferdinand de Saussure (1857-1913)
a Swiss professor of linguistics 1900 : semiology the two fundamental elements which make up
a sign are signifier, signified
|Charles Sanders Peirce (1839-1914)
an American philosopher : semiotics
sign - representamen, interpretant
>>semiotik
![Page 18: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/18.jpg)
representamen
interpretant
signifier
signified
Saussure Peirce
sign
-a linguist-exclusively a linguistic study (focused on language)-does not discuss the part played by the reader-words as signs
-a philosopher-the meaning of the sign will be affected by the background of the reader.-recognise a creative process of exchange between the sign – the reader-“object” as sign (“object” = external reality) word, photograph, painting, sound, expression, etc.
“semiology” “semiotics”
![Page 19: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/19.jpg)
|Roland Barthes, pengikut Saussure di Eropa, 1960 mengembangkan teori Saussure, mempunyai pendapat yang berbeda dgn Saussure.
|Saussure : linguistic bagian dari semiology
Barthes : semiology bagian dari linguistic .
|seperti Pierce, “background of the reader”
turut serta dipertimbangkan dalam proses pemaknaan suatu sign.
>>semiotik
![Page 20: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/20.jpg)
|membagi dan menggunakan istilah dari suatu
signification/pemaknaan menjadi straightforward signification yaitu
denotation second level signification yaitu connotation
|semantik denotatif
semantik konotatif
>>semiotik
![Page 21: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/21.jpg)
|Semiotics sign signifier signified semantic - denotation conotation syntacs /syntagm
>>semiotik
![Page 22: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/22.jpg)
e x e r c i s e
![Page 23: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/23.jpg)
|Semiotics sign signifier signified semantic - denotation conotation syntacs /syntagm
>>semiotik
![Page 24: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/24.jpg)
|sign (tanda)
: Saussure - bagian terkecil dari sebuah
makna
: bentuk fisik dari tanda itu sendiri
: sebagai “ arti ”
|sign mempunyai 2 aspek yaitu
penanda (signifier) dan petanda (signified)
>>semiotik
![Page 25: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/25.jpg)
|signifier : yg melambangkan
yag menandakan
:: setiap bahan yang menandakan spt kata-kata,
object,gambar, warna, ekspresi wajah, photo, suara, dll
|signified : yg dilambangkan
yg ditandakan sbg konsep yang
dikembalikan
>>semiotik
![Page 26: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/26.jpg)
mawar
![Page 27: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/27.jpg)
signifier : huruf yg menyusun kata “mawar”signified : terbayang bentuk bunga mawar
signifier : signified : hasrat
? karena ada pemaknaan ( semantic )
![Page 28: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/28.jpg)
hasrathasrat
![Page 29: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/29.jpg)
signifier : visual sepuntung rokok signified : diperkenankan merokok
signifier : visual sebuah pesawat signified : airport
dst (karena ada pemaknaan)
![Page 30: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/30.jpg)
|semantic : suatu pemaknaan
|denotative
: what is pictured : pemaknaan yg straightforward, terlihat
apa adanya
|conotative
: how it is pictured
: pemaknaan yang tersirat, terkonotasi
>>semiotik
![Page 31: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/31.jpg)
denotative: sebuah pasphoto biasa hanya merepresentasikan wajah seseorang
conotative: foto dengan penggunaan sepia – toned image hasilkan image nostalgia
: foto dengan menggunakan soft focus hasilkan nuansa sentimental / romantic
![Page 32: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/32.jpg)
![Page 33: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/33.jpg)
|syntagm / syntacs
: susunan dari tanda
( contoh dalam tata bahasa : grammar )
: dimana susunan tiap tanda / unsur yang ada
di dalamnya saling mempengaruhi menjadi
satu kesatuan alur ( sequense ) dan berdasarkan
suatu ketentuan/kesepakatan ( convention )
tertentu
>>semiotik
![Page 34: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/34.jpg)
|contoh :
: susunan huruf dalam suatu kata
dimana huruf satu dengan lainnya salaing mempengaruhi dan
tersusun berdasarkan suatu ketentuan. : sebuah kalimat : cara kita berpakaian : pakaian itu sendiri misal sebuah t-shirt terdiri dari kerah,
lengan, kancing, motif, warna ( dimana masing2 tersusun dengan ketentuan tertentu dan saling mempengaruhi )
: visual manusia kepala, tangan, kaki, dll
>>semiotik
![Page 35: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/35.jpg)
![Page 36: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/36.jpg)
![Page 37: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/37.jpg)
![Page 38: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/38.jpg)
![Page 39: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/39.jpg)
publication|design
![Page 40: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/40.jpg)
![Page 41: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/41.jpg)
>>semiotik
![Page 42: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/42.jpg)
teknik berpikir kreatif
![Page 43: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/43.jpg)
polaberpikir|dkv
kreatif
logis sistematiskemampua
n menciptaka
n
masuk akal
teratur
> >
![Page 44: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/44.jpg)
VERTIKAL :| logis| predictable| konvergen| analitis
LATERAL :imajinatif |
unpredictable |
divergen |generatif |
berguna untuk mencari /
membangkitkan ide /
gagasan
mengembangkan dan menajamkannya
polaberpikir|dkv
![Page 45: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/45.jpg)
|brainstorming
> menuangkan ide secara cepat dan
maksimal dalam suatu batas waktu
tertentu
> tahap awal proses kreatif
polaberpikir|dkv
![Page 46: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/46.jpg)
lateral
alternatif sebanyak mungkin,tanpa interupsi.
vertikal
.eksekusi : dari salah satu alternatif atau dari gabungan beberapa alternatif..lakukan pengembangan/penyempurnaan dan penambahan pada alternatif terpilih..buat alternatif warna pada alternatif yg telah dikembangkan, bantu dengan color guide.
proses kerja kreatif
1 2 3 4 5 6 7
w1
w2
dst
w3
dst
![Page 47: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/47.jpg)
proses kerja kreatif
dst1 2 3 4 5 6
lateral
dummy
..…...…………………..……....... eksekusi form
……...…………………..……....... eksekusi warna & finishing
vertikal
![Page 48: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/48.jpg)
>>piktogram|01
![Page 49: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/49.jpg)
|mind map
melakukan mindmapping membantu memetakan pemikiran/ide2 yang muncul di proses awal
> > peta pikiran
polaberpikir|dkv
![Page 50: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/50.jpg)
visualisasi piktogram dari sebuah diskotik
![Page 51: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/51.jpg)
sparklinglight
plate
djstage
discotheque
mindmapping |
mandancer
womandisc man
speaker
![Page 52: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/52.jpg)
>>signage
solution
![Page 53: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/53.jpg)
pictogram|
buatlah 4 piktogram dari 1 tema
visualisasi: stilasi
warna: kuning – dasar/background hitam – obyek
ukuran: tema utama: 16 x 16 cm unsur pendukung: 8 x 8
cm
date line: 12 maret 2009
![Page 54: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/54.jpg)
>>signage
solution
![Page 55: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/55.jpg)
>> positive negative finishing
![Page 56: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/56.jpg)
| triangle & square solution |
![Page 57: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/57.jpg)
![Page 58: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/58.jpg)
>>signage
solution
![Page 59: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/59.jpg)
>>signage
solution
![Page 60: >> desain komunikasi visual | 1](https://reader033.fdocuments.in/reader033/viewer/2022061401/5681582d550346895dc592ec/html5/thumbnails/60.jpg)
>>signage
solution