ilmu dasar dkv sma
Post on 12-Feb-2018
269 Views
Preview:
TRANSCRIPT
-
7/23/2019 Ilmu Dasar DKV SMA
1/17
1
WarnaWARNA
Tujuan
Menjelaskan Konsep tentang Warna pada desaingrafis.
Kombinasi Warna
Psikologi Warna
arna adalah faktor yang sangat penting
dalam komunikasi visual. Warna dapat
memberikan dampak psikologis, sugesti dan
suasana bagi yang melihatnya. Dengan demikian
warna sangatlah penting kedudukannya dalam
sebuah desain grafis.
Melesetnya pewarnaan sering terjadi pada
pembuatan desain dengan komputer. Hal ini
disebabkan terkadang warna yang terlihat pada layar
monitor berbeda ketika dicetak.Untuk aplikasi cetak
biasanya hanya dipakai gabungan warna CMYK,
sedangkan di layar monitor menggunakan RGB, HLS,
Hexadesimal dan lain-lain. Berikut adalah sistem
atau model warna, antara lain:
RGB (Red Greed Blue)
CMYK (Cyan Magenta Yellow Black)
HLS (Hue Lightness Saturation)
LAB Color -Lightness A (green-red axis)
B (blue-yellow axis)
RGB Hexadecimal: misal: #FF0000
Dalam kebutuhan cetak dan printing, warna yang
dipakai adalah sistem atau model CMYK, sedangkan
untuk tampil di layar monitor (web, wallpaper, game,
video) warna yang biasa digunakan adalah RGB dan
RGB Hexadecimal.
Karena banyaknya warna, maka untuk memudahkan
mendapatkan warna yang sesuai dan disepakati.
Dibuat standar warna seperti Pantone, DIC, Toyo,
Trumatch dan lain-lain. Hal ini berfungsi untuk
menyamakan persepsi warna dengan menggunakan
kode angka.
KOMBINASI WARNA
Sebelum memilih warna yang cocok atau harmonis,
lebih baik kita mengenal dahulu jenis-jenis kombinasi
warna berdasar color-wheelyang telah dibuat
a. Warna Akromatik
Adalah warna kombinasi gelap dan terang saja.Asal katanya adalah a yang artinya tidak, dan
Chromatic artinya warna. Biasa disebut sebagai
Grayscale. Jika di Adobe Photoshop dengan
menggunakan perintah Desaturate
. Kombinasi
warna tersebut berkesan klasik dan artistik, yang
banyak dipakai untuk fotografi atau surat kabar.
b. WarnaMonokrom atau netral
Adalah satu warna Hueyang dikombinasikan
dengan gelap terang. Disebut juga monokrom
.
Kombinasi warna ini sangat sederhana, tidak
banyak resiko dan mudah diterima mata.
Kelemahannya kombinasi ini akan membosankan
dan mudah ditinggalkan. Atau istilahnya warna
yang Easy come easy go.
Kombinasi Warna
Psikologi Warna
-
7/23/2019 Ilmu Dasar DKV SMA
2/17
2
c. Warna Komplementer
Adalah 2 (dua) warna Hueyang berlawanan,
dikombinasikan dengan gelap terang. Disebut
juga warna komplementer. Kombinasi tersebut
akan menarik mata (eye catching), tapi jika anda
tidak berhasil menggabungkan dua warna
tersebut, maka akan terlihat lepas atau tidak
matching.
d. Warna Pastel &Dark Colors
Adalah warna-warna yang mendekati warna
terang atau putih. Biasa disebut juga warna
Sepia. Kebalikan dari pastel adalah warna-warna
gelap disebut juga Dark colors.
e. Warna Analog
Adalah warna-warna beda hue yang
bersebelahan,sehingga kombinasinya akan lebih
mudah diterima mata dan lebih berani dibanding
warna monokrom.
f. Warna Clash
Adalah 2 warna yang berlawanan
(komplementer),tetapi menyimpang atau bergeser
1 hue. Sesuai namanya 'clash' adalah warna
yang tidak harmonis atau bertentangan atau
tabrakan sehingga kombinasi warna tersebut
tidak enak dipandang. Tapi dengan teknik
tertentu, akan didapat paduan warna yang
inovatif dan khas.
g. Warna Split Komplementer
Lebih rumit dari warna clashkarena terdiri dari 3warna yang tidak harmonis (clash). Bila andadapat menyatukan 3 warna tersebut dalamsebuah desain, akan dihasilkan karya inovatifdan spektakuler. Jika gagal menyatukannya akanmenyakitkan mata dan memusingkan kepala.
Maka diperlukan kejelian dan rasa.h. Trangle Primer, Sekunder dan Tersier
Merupakan perpaduan dari 3 warna yangsenasib(primer, sekunder dan tersier). Meskipun 3warna, kombinasi tersebut cenderung tidak clash.
PSIKOLOGI WARNA
Warna sangat mempengaruhi psikologi manusia.
Setiap negara dan budaya mempunyai arti tersendiri
dalam mengartikan warna, meski begitu arti warna
yang disampaikan mengambil lingkup yang universal.
MERAH
Melambangkan perjuangan, semangat, aktif, agresif,
dominan, kemauan keras, persaingan keberanian,
energi, kehangatan, cinta, dan bahaya.
Tips
Paduan merah dengan hijau,
dapatmenggambarkan suasana Natal.
Merah dengan putih, dapatmemiliki arti
'bahagia' pada budaya oriental.
Merah terang dapat melambangkan kemauan
atau cita-cita.
Merah jambu sering melambangkan
romantisme, feminin, menggemaskan dan
jenaka.
-
7/23/2019 Ilmu Dasar DKV SMA
3/17
3
BIRU
MelambangkanKetenangan, kepercayaan, keamanan,
kecanggihan, kebersihan, dan keteraturan.
Tips
Logo bank di Amerika kebanyakan berwarna
biru karena memberi kesan 'kepercayaan' Warna biru tua dapat melambangkan
perasaan yang mendalam, konsentrasi,
kooperatif, cerdas, perasa, integratif, tenang,
bijaksana, tidak mudah tersinggung, dan
banyak teman.
Warna biru muda melambangkan bertahan,
keras kepala, bangga diri, berpendirian tetap.
HIJAU
Melambangkan sesuatu yang alami, sehat,
berkeinginan, keberuntungan, kebanggaan, kekerasan
hati dan kekuasaan.
Tips:
Di Timur Tengah, warna hijau sangat disukai.
Oleh karena itu diIndonesia, Islam sering
disimbolkan dengan warna hijau.
Orang yang menyukai warna ini umumnya
senang dipuji, dan senangmenasihati orang
lain.
KUNING
Melambangkan rasa optimisme, harapan, dinamis,
gembira, dan santai.
Tips
Kuning terang melambangkan sifat spontan
yang eksentrik, toleran, investigatif, menonjol,
dan sikap yang berubah-ubah.
Dalam agama Hindu, Kuning adalah warna
keramat.
UNGU/JINGGA
Melambangkan tentang spiritual, misteri,
kebangsawanan dan keangkuhan.
Tips
Warna ini adalah campuran warna merah
(intim) dan biru (keras).Perpaduannya menjurus
pengertian yang mendalam dan peka.
Sifatnya sedikit kurang teliti tetapi selalu
penuh harapan.
ORANYE
Melambangkan energi, semangat, segar,keseimbangan, ceria dan hangat.
Tips
Warna ini dapat menekankan sebuah produk
yang tidak mahal.
Biasanya dipakai pada produk minuman rasa
jeruk.
COKLAT
Melambangkan tanah atau bumi, kenyamanan, daya
tahan, pesimis terhadap kesejahteraan dan
kebahagian masa depan.
ABU ABU
Melambangkan Intelek, futuristik, milenium,
sederhanaan, dan kesedihan.
Tips
Abu abu paling mudah dilihat mata.
Warna ini tidak menunjukkan arti yang jelas.
Netral dan sama sekali bebas dari
kecenderungan psikologi.
PUTIH
Melambangkan suci, bersih, tepat, tidak bersalah.
Tips
Putih melambangkan perkawinan (gaun
pengantin berwarna putih)
Di India dan Cina, warna Putih
melambangkan kematian.
-
7/23/2019 Ilmu Dasar DKV SMA
4/17
4
HITAM
Melambangkan sesuatu yang canggih, kematian,
misteri, dan anggun.
Tips
Melambangkan kematian dan kesedihan di
budaya Eropa. Sebagai warna kemasan, Hitam
melambangakan keanggunan (Elegance),
Kemakmuran (Wealth) dan Kecanggihan
(Sophiscated)
TipsPemilihan Warna
Sebelum memilih-milih warna anda harus
mengetahui pembuatan warna. Anda harus dapat
membedakan antara hue, lightness, saturation
juga warna primer, komplementer, monokrom dan
psikologi warna.
Mengetahui target atau audience yang akan
menggunakan karya anda. Apakah audience anda
anak balita, remaja, dewasa atau usia lanjut,
Laki-laki atau perempuan. Sehingga anda tinggal
mencocokkan dengan warna dengan psikologi
yang diinginkan.
Jika anda telah memilih warna tertentu, bukan
berarti warna lain tidak bisa dipakai. Yang harus
anda perhatikan jangan sampai warna lain
tersebut mengalahkan kekuatan warna yang anda
pilih.
Sebelum mendesain, sebaiknya tentukan dahulu
warna latar belakang. Karena warna background
akan dilihat atau dirasakan pertama kali. Warna
background disini bisa berupa blok warna atau
gambar monokrom.
Keuntungan backgroundgelap yaitu dapat diberi
efek cahaya atauflare. Keuntungan background
putih dapat diberi efek bayangan.
Sebelum memilih warna yang berbeda jenis
atauhue, lebih mudah pilih warna monokrom yang
berbeda gelap terang (lightness) atau cerah
pudar (tint)nya. Terlalu banyak perbedaan warna
hue, seperti warna pelangi, akan sulit
mengaturnya, dibanding 2 warna tapi dengan
variasi gelap terang (lightness).
Terlalu banyak warna hue dan lightness akan
mengakibatkan kontras yang berlebihan. Hanya
sedikit batas antara kontras dan kacau (chaos)
Tentukan atau batasi warna utama hanya 2
sampai 3warna hue saja. Hitam dan putih jangan
dianggap sebagai warna karena fungsinya adalah
sebagai cahaya (lightness).
Desain menggunakan 4 warna bisa menguras
waktu dan tenaga. Desain menggunakan 5 warna
adalah terlalu sulit, akan memeras pikiran dan
resiko gagalnyapun tinggi. Bayangkan saja anda
mempunyai 5 pegawai dan 2 pegawai, tentu akan
lebih mudah mengatur sedikit pegawai, dengan
banyak pegawai bisa-bisa kantor anda tidak
efiesien sehingga bisa menimbulkan demo unjukrasa (chaos).
Jika anda belum berani bereksperimen dengan
warna atau ingin belajar menahan diri, gunakan
warna akromatik ataugrayscale.Ini akan
menghindari dari masalah clash atau chaos.
Juga akan menghemat ongkos produksi lebih
dari 60%. Anda bisa lebih leluasa dengan
kaidah desain yang lain seperti irama, fokus,
kontinuitas, keseimbangan dan lainnya.
Alam adalah contoh yang baik untukmendapatkan kombinasi warna yang harmonis.
Lihatlah pohon, daun, tanah dan langit di saat
pagi hingga malam. Karena terbiasa dengan
alamtersebut maka mata tidak akan mengatakan
'kacau'. Sehingga tidak ada warna hue yang
'bertabrakan' di alam.
Warna yang tidak biasa atautidak natural
seperti: cyan, magenta, ungu dapat dipakai
untuk 'mengejutkan' audience. Tetapi jika terlalu
banyak kejutan, karya anda akan kehilangan
informasi yang ingin disampaikan.
Di software seperti Coreldraw dan Adobe
Photoshop, ada fasilitasuntuk mengambil warna
dari gambar yaitu Color Picker A, Dengan tool
ini anda dapat mengambil sample warna dari
foto digital yang anda anggap baik. Sehingga
desain anda dapat mengikuti warna yang sudah
dianggap baik tersebut.
Mencampur warna dengan tool BlendTool diCoreldraw atau Gradient Tool di Photoshop
akan menghasilkan warna baru. Dengan menu
Edit 4 Copy Properties From.. , anda dapat
memilih warna pada salah satu warna di objek
blendtersebut.
Banyak sekali bahkan jutaan warna yang bisa
anda pilih di dunia ini. Oleh karena itu sering-
seringlah menyimpan atausave warna baru yang
belum ada di palet warna software grafis,
sehingga koleksi warna anda semakin kaya.
-
7/23/2019 Ilmu Dasar DKV SMA
5/17
5
Experimen! Warna di media elektronik dan cetak
mempunyai masalah yang berbeda. Belum lagi
teknologi komputer dengan digital printingnya
yang mampu menampilkan warna spotlightatau
nyala, yang terdiri dari 8 campuran warna
(bandingkan dengan CMYK yang hanya 4
warna).
Tipografi
Tujuan
Menjelaskan konsep tentang Tipografi.
Anatomi ketinggian huruf
Anatomi bentuk huruf
Geometri huruf
Jenis huruf Jarak antar huruf
Jarak antar kata
Jarak antar baris
Karakteristik huruf
Huruf dari objek
Transformasi dasar
Efek
Perataan
Teks untuk daftar
TIPOGRAFI
ipografi (typography) adalah ilmu yang
mempelajari tentang huruf. Latar belakang
tipografi dimulai sejak usaha manusia
berusaha menuangkan pesan-pesan yang ingin
disampaikan kepada orang melalui tulisan. Pada
awalnya orang berkomunikasi secara lisan, mereka
menghafal peristiwa penting dalam sejarah
hidupnya dalam bentuk syair dan menuturkan
kembali syair itu kepada orang lain.
Setelah itu barulah penyampaian pesan dalam
bentuk tulisan dilakukan dengan cara menggurat,
mengukir, mentakik, menggambar, kemudian
menulis sampai dengan mencetak.
Johan Gutenberg adalah pelopor pembaharu
Tipografi. Pada abad XV tepatnya 1455 Masehi di
Jerman ia menemukan huruf cetak timah.
Pada era huruf cetak, kita mengenal istilah fontdan Typeface. Font berasal dari bahasa Perancis
foindre, yang artinya mencair. Istilah ini diartikan
sebagai baki atau talam yang berisi set huruf-
huruf logam hasil pengecoran yang digunakan
pada pencetak untuk komposisi suatu dokumen.
Setiap baki terdiri dari seluruh huruf abjad dengan
ukuran dan jenis tertentu. Sedangkan Typeface
secara tradisional diartikan sebagai suatu set
karakter dengan ciri bentuk yang sama pada
setiap karakter. Dengan demikian, pengertian
Anatomi
Ketinggian
Huruf
Anatomi
Bentuk Huruf
Geometri
Huruf
Jenis Huruf Jarak Antar
Huruf
Jarak Antar
Kata
Jarak Antar
Baris
Karakteristik
Huruf
Huruf dan
Objek
Transformasi
dasar Efek Perataan
Teks untukDaftar
T
-
7/23/2019 Ilmu Dasar DKV SMA
6/17
6
typeface dengan nama Roman adalah
mengandung semua ukuran huruf Roman dari
yang terkecil hingga terbesar, demikian juga italic,
bolddan normal.
Pada generasi cetak komputer istilah font dan
typeface menjadi rancu, orang cukup menyebut
dengan sebutan font untuk setiap jenis huruf.Namun dengan perkembangan teknologi komputer,
kita dapat leluasa memilih jenis font yang
diinginkan. Tetapi memilih font adalah pekerjaan
yang melelahkan dan perlu kecermatan, karena
jumlah dan jenis fontyang tersedia dan dari
tahun ketahun terus bertambah dan berkembang.
Meski demikianakan lebih mudah jika mengetahui
lebih dahulu jenis-jenis font dan anatominya.
ANATOMI KETINGGIAN HURUF
Setiap bentuk huruf mempunyai keunikan
tersendiri. Namun intinya tetap dalam batas-batas
tertentu seperti body size, baseline, meanline, x-
height, ascenderdan descendersebagai berikut:
Pada
gambar dapat diamati anatomi dasar huruf.
Baseline
adalah garis maya yang menjadi lantai
sebagian besar huruf. Tidak semua huruf harus
tepat berlandaskan di baseline. Jika dilihat dengan
teliti, huruf t, p, dan q tipe Helvetica tersebut
agak melewati garis baseline sedikit ke bawah.
Kemudian capline
(capital line) adalah istilah untuk
garis maya yang menjadi batas atas huruf-huruf
kapital. Garis ini juga hanya bersifat patokan saja,bukan berarti tidak boleh ada bagian huruf yang
melebihi capline. Coba Anda cetak atau tampilkan
di layar monitor huruff Helveticaatau beberapa
tipe lainmaka Anda akan melihat tingginya
sedikit lebih dari capline. Perhatikan juga Huruf k
, meskipun tidak terlalu sering, tingginya melebihi
huruf kapital. Yang demikian adalah sah-sah saja.
Jikacaplineadalah garis patokan untuk tinggi huruf
kapital, maka meanline adalah patokan tinggiuntuk huruf kecil. Sementara bagian tangkai huruf
kecil yang melewati ke atas meanline disebut
ascender (perhatikan tangkai utama huruf d)
pada Gambar dan bagian tangkai yang melewati
ke bawah baseline disebut descender
(perhatikan
tangkai utama huruf p). Seperti pada penjelasan
sebelumnya, ascenderdan descenderdapat bebas
melebihi capline dan baseline sesuai selera atau
desain si perancang tipe. Berikut adalah dua tips
memanfaatkan anatomi ketinggian huruf.
Tips 1
Kesederhanaan huruf kapital (Capitalize) dapat
membentuk garis semu pada caplinedan baseline,
sehingga cocok dipadukan dengan garis-garis
horisontal dan bidang persegi empat. Huruf
dengan bermacam-macam ketinggian seperti Title
Case kurang menampilkan garis semu. Perhatikan
dua contoh berikut.
Title Case
Capitalize
Tips dan Tricks
TIPSDAN TRICKS
-
7/23/2019 Ilmu Dasar DKV SMA
7/17
7
Tips 2
Anatomi huruf-huruf kecil (lower case) memiliki
variasi tinggi ascender dan descender. Dengan
demikian maka terdapat ruang yang dapat
dimanfaatkan untuk objek lain seperti garis atau
teks lain. Perhatikan dua contoh berikut.
Contoh 1
Contoh 2
ANATOMI BENTUK HURUF
Dalam anatomi bentuk huruf, setiap huruf memiliki
batang, ujung (terminal) atau tangkai seperti
gambar berikut:
Gambar diatas adalah pelengkap Gambar
sebelumnya, menjelaskan bagian-bagian umum
sebuah huruf. Sebuah huruf dibentuk dengan
goresan-goresan (stroke). Goresan pertama biasa
disebut dengan basic stroke, contohnya goresan
vertikal pada huruf E. Di ujung strokehuruf-hurufbertipe serif, akan dijumpai tangkai atau hiasan
yang disebut serif. Sementara pada tipe sans serif,
ujung strokepolos dan biasa disebut terminal.
Berikut adalah gambar dan penjelasannya.
-
7/23/2019 Ilmu Dasar DKV SMA
8/17
8
Contoh Gambar menjelaskan bagian-bagian huruf
tertentuyang banyak memakai istilah seperti badan
manusia. Apex adalah ujung lancip hurufA.Arm
adalah goresan horisontal pada huruf T.
Earadalah cuplikan di huruf g pada sebagian
besar font serif. Counter adalah ruang negatif
yang terbentuk dalam sebuah huruf, seperti pada
huruf p atau c. Daftar istilah yang lebih
lengkap bisa dijumpai pada halaman Web berikut :
www.adobe.com/support/techguides/printpublishing
/typography_basics/letterform_anatomy/main.html.
Sempatkanlah mengunjungi web tersebut untuk
mengetahui sebutan dari bagian-bagian sebuah
huruf.Dengan mengetahui komponen- komponen
tersebut, maka anda dapat memainkan terminal
dan batang sehingga membentuk tulisan atau logo
yang unik. Perhatikan contoh logo berikut.
GEOMETRI HURUF
Dari bentuk atau geometrinya, huruf dapat dibagi
4 kelompok yaitu:
1. Garis tegak-datar: E, F, H, I, L
2. Garis tegak-miring : A, K, M, N, V, W, X, Y, Z.
3. Garis tegak-lengkung: B, D, G, J, P, R, U.
4. Garis lengkung: C, 0, Q, S
Dengan mengetahui kelompok geometri huruf,
maka anda dapat memperkirakan bentuk-bentuk
yang cocok untuk diterapkan pada sebuah huruf.
Tips 1
Pada contoh huruf E' jenis Arial Black terdiri dari
garis tegak-datar (horisontal dan vertikal). Dengandemikian, anda dapat mengambil unsur yang
sama, yaitu menggabungkan dengan bentuk
kotak.
Tips 2
Begitu pula dengan `X' yang mempunyai sumbu
garis miring (diagonal) dapat digabung dengan 4
buah segitiga. Sedangkan Huruf C dan Q yang
mempunyai sumbu melengkung (kurva) dapatdigabung dengan bentuk lingkaran.
-
7/23/2019 Ilmu Dasar DKV SMA
9/17
9
JENIS HURUF/FONT
JENISHURUF KETERANGAN CATATAN
Serif Jenis huruf (Typefaces)
dengan strokes/ekor,
dinamakan serif, menghiasi
Jenis Huruf ini. Contoh paling
umum adalah Times.
Bentuk huruf yang formal. Serif
mengekspresikan organisasi dan
intelektualitas. Sangat anggun dan
konservatif.
Sans-serif Jenis Huruf yang tidak
memiliki stroke/ekor. Ujungnya
bisa berbentuk tumpul
(rounded corner) atau tajam.
Bentuk Huruf Sans-Serif yang
paling poluler adalah Helvetica
dan Arial
Kurang formal, lebih hangat, dan
bersahabat. San-Serif biasanya
sangat cocok sebagai screen-font
(untuk tampilan di layar monitor)
karena tajam dan gampang untuk
dibaca.
Monospace Setiap huruf yang berjenis
Monospace mempunyai
jarak/lebar yang sama setiap
hurufnya. Huruf W dan I akanmempunyai ruang yang
sama.Contoh huruf monospace
adalah Courier.Huruf pada
Mesin Tik juga adalah contoh
huruf Monospace.
Berdasarkan pada dasar mesin ketik.
Jenis Monospace banyak digunakan
oleh programmer untuk coding, dan
juga untuk preformatted text.Belakangan ini bentuk monospace
banyak dipakai oleh designer yang
beraliran "grunge" alternative.
Decorative Bentuk huruf yang sangat
rumit desainnnya. Bentuk huruf
ini akan sangat memusingkan
jika dipakai sebagai body text,
dan hanya cocok untuk
dipakai (secara terbatas) untuk
Headline.
Karena jenis yang banyak, font
Decorative bisa membuat efek
respon yang berbeda. Jenis
Decorative biasanya paling cocok
digunakan untuk Judul, dan lebih
baik tidak digunakan sebagai body
text.
Script Bentuk huruf yang menyerupai
tulisan tangan. Jenis huruf ini
juga sering di sebut jenis
Kursif (Cursive).
Memberikan kesan keanggunan
(sophistication) dan sentuhan pribadi.
Pemakaiannya jangan sampai terlalu
banyak (sama seperti Decorative)
-
7/23/2019 Ilmu Dasar DKV SMA
10/17
10
Tips 3
Kombinasi jenis Font dapat memberikan
penekanan yang kuat pada kata yang diinginkandalam sebuah kalimat.
JARAK ANTAR HURUF
KERN ING
DAN
TRACK ING )
Kerning dan Tracking adalah istilah untuk jarak
antar huruf. Namun kerningmempunyai nilai yang
khas atau beda pada setiap hurufnya. Kerning
dapat diartikan pengaturan celah antara huruf-
huruf dalam suatu paragraf. Sedangkan tracking
untuk mengontrol jarak antar huruf secara umum.
Kerninglebih bersifat mengharmoniskan hubungan
antara huruf-huruf yang apabila didekatkan
dengan huruf tertentu lainnya maka akan timbul
celah yang berlebihan.
Pada aplikasi Coreldraw dan Adobe Photoshop
lebih banyak dipakai istilah Tracking. Istilah
tracking digunakan sebagai cara lain untuk
mengatur jarak antar huruf.Satuan Tracking
biasanya menggunakan persentase dari lebar font
(point). Fasilitas tracking memungkinkan anda
mengatur spasi rentang teks terpilih, suatu baris
teks maupun keseluruhan dalam paragraf atau
satuan blok teks.
Secara umum tingkat kerapatan tracking terbagi
menjadi 5 jenjang, yaitu:
1. Very Tight
2. Tight
3. Normal
4. Loose
5. Very loose
Pemberian tracking tidak berpengaruh pada lebar
tipisnya huruf, tetapi hanya jarak antar huruf.
Susunan huruf yang menggunakan tracking very
tight hingga tight akan mengakibatkan halaman
teks menjadi tampak gelap (kehitaman),
sedangkan tracking loose dan very loose akan
menyebabkan perwajahan pada bodytextmenjadi
pucat dan memberi kesan tidak menggairahkan.
Perhatikan contoh berikut:
Artof Type
Art of Type
Tips
1) Dengan kombinasi rapat dan renggang
akan menambah fokus pada huruf rapat.
ThankYou
2) Adanya Jarak antar huruf memungkinkan
disisipkan objek seperti garis.
| T | H | A | N | K | Y |O |
U|
3) Jarak antar huruf dapat memungkinkan
huruf diberi objek backgroundpada setiap
hurufnya dengan lebih leluasa.
Jarak renggang disetiap huruf
-
7/23/2019 Ilmu Dasar DKV SMA
11/17
11
JARAK ANTAR KATA
Selain jarak dapat diberikan pada antar huruf,
juga dapat diberikan pada antr kata. Namun
pengatur jarak antar kata jarang digunakan
kecuali pada Judul atau Subjudul.
Tips
Dengan pengaturan jarak antar kata bisa
disisipkan objek misalnya garis. Seperti contoh
berikut.
Animation | multimedia | graphics
JARAK ANTAR BARIS
LEAD ING
)
Pengaturan jarak antar baris atau leadingadalah
sarana untuk mengontrol lebar jarak yang
diberikan antara body clearance suatu baris
dengan batas ascender pada baris berikutnya.
Body clearance adalah jarak kosong yang
menjamin agar ascender suatu baris tidak
bertubrukan dengan descender baris diatasnya.
Sebenarnya body clearance inilah batas minimum
suatu jarak antar baris.
Pada zaman percetakan tradisional menggunakan
letter timah, body clearance adalah bidang di
bawah letteryang sudah termasuk di dalam face
dari karakter tersebut. Jika disusun dalam
susunan berbaris, maka secara otomatis body
clearance itu membentuk jarak antar baris yang
menjaga agar huruf pada baris satu tidak
bertubrukan dengan baris dibawahnya.
Jika diperlukan spasi antar baris yang lebih dari
sekedar body clearancemaka diantara dua baris
susunan karakter timah itu diberikan timah
pembatas. Ukuran timah pembatas ini diberikan
dalam satu point. Jarak inilah yang hingga kini
dipergunakan sebagai patokan pengukuran spasi
antar baris atau leading.
Selain mengukur leading dengan satuan point,
beberapa fasilitas yang tersedia pada programDesktop Publishing dan Vektor Grafis menyediakan
sarana menghitung dengan menggunakan satuan
persentase dari tinggi font. Jadi sebenarnya dasar
satuannya juga masih berkisar pada point.
Biasanya sebagai default, leading diberikan
dengan nilai 100% dari tinggi font atau nomor
ukuran font itu, dan selanjutnya anda dapat
meningkatkan nilai diatas 100% untukmenambahkan leading. Jika anda memberikan
leading200%, berarti anda mengetik teks dengan
spasi ganda. Pada typesetting tradisional anda
tidak dapat leading negatif, atau nilai dibawah
100% dari tinggi font. Namun pada typografi
digital hal ini dapat dilakukan, sehingga
mengakibatkan teks yang diketik bertabrakan
antara baris atas dengan baris bawah.
Tips
1) Dengan merenggangkan baris,akan lebih
leluasa dalam pembacaan. Penambahanobjek
backgroundakan memungkinkan menyisipkan
objek antar baris.
KARAKTERISTIK HURUF
Seperti yang sering dijumpai, pada software
pengolah kata seperti Word dan software grafis
yang lain pada umumnya, selalu disediakan
pemilihan jenis huruf dengan karakteristik seperti:
Normal, Tebal (Bold), Miring (Italics), garis bawah
(Underline) dan kombinasi lainnya.
a
Huruf Miring
italic
) - Sample TextTeks italicakan menarik mata karena kontras
dengan teks normal. Terlalu panjang kalimat
dengan teks italics akan sulit dibaca, apalagi
jika digunakan di layar komputer. Teks italic
biasa digunakan jika ada kata asing.
-
7/23/2019 Ilmu Dasar DKV SMA
12/17
12
b Huruf Tebal Bold) - Sample Text
HurufTebal juga mengundang perhatian karena
kontras dengan huruf normal. Biasa dipakai
pada judul atau subjudul. Terlalu banyak huruf
tebal akan mengaburkan fokus pada makna
teks.
c
Huruf Bergaris Bawah
Underline
) - Sample
Text
Garis bawah menandakan adanya sesuatu
'penting'. Dan juga biasa dipakai pada
hyperlinkdi web.
d Huruf Berwarna - Sample Text
Cara membedakan teks dapat menggunakanwarna, meskipun tidak sekuat bold.
Penggunaan teks warna pada website dapat
disalah artikan pengunjung karena mirip
hyperlink. Penggunaan teks warna cenderung
tidak mudah karena harus mengerti tetang
komposisi warna.
e Huruf Kapital -SAMPLE TEXT
Teks yang memakai uppercase, atau hurufkapital semua, sering merangsang seorang
penulis untuk mengekspresikan hal-hal penting
atau yang ingin ditonjolkan. Namun
penggunaan huruf kapital pada keseluruhan
teks justru menyulitkan mata untuk dapat
membaca dengan lancar, karena di dalam
susunan huruf kapital, tinggi rendah huruf
menjadi sama. Mata sulit mengenali bentuk-
bentuk spesifik dari huruf seperti yang dimiliki
oleh huruf lowercase. Akibatnya urat matamenjadi cepat lelah dan jenuh.
Penggunaan kombinasi huruf besar dan kecil
(Upper dan lowercase) justru memiliki
keterbacaan yang lebih baik. Hal ini
dikarenakan bentuk lowercase antara huruf
satu dengan yang lain lebih mudah dibedakan
cirinya.
Berbeda dengan unsur lain yang ditabukantetapi masih memiliki jalan keluar sebagai
upaya breaking the rule, maka penggunaan
allcap atau uppercase sebagai bodytext
hampir dapat dikatakan mutlak harus dihindari.
Penggunaan huruf kapital pada bodytext
terkadang dapat diartikan sebagai 'perintah'
atau'amarah'. Jika Anda mengirim sms dengan
huruf kapital semua dapat diartikan olehpenerima pesan bahwa Anda sedang emosi
atau marah. Namun jika ditambah komponen
garis putus-putus, biasanya diartikan bahwa
Anda sedang berbisik-bisik.
Jika ternyata harus menggunakan allcap
sebagai bodytext maka sebaiknya digunakan
pada prasasti yang dipahatkan pada
monumen. Sebagai tambahan, pilihlah bentuk
huruf kapital yang body-nya lebih sempit dariface-nya. Sebagai contoh font Optima,
Autumn, Albertus. Nah, font-font tersebut
masih memiliki keterbacaan yang bagus pada
allCap-nya.
Perhatikan dua contoh berikut.
OBJECTIVES ARE GOALS. THEY ARE TARGETS TO
BE REACHED. FOOTBALL PLAYERS STRIVE TO
MAKE TOUCHDOWNS. BASKETBALL PLAYERS
SHOOT FOR BASKETS. SOCCER PLAYERS TRY TO
MAKE THE GOAL BY KICKING THE BALL INTO
THE NET. CO-OP STUDENTS GET TO SET THEIR
OWN TARGETS -- WHAT THEY WANT TO
ACHIEVE.SPORTS WOULD BE AIMLESS RUNNING
AROUND WITHOUT GOALS: END ZONES,
BASKETS, NETS.
A STUDENT WHO IS WORKING WITHOUT
OBJECTIVES IS JUST ANOTHER EMPLOYEE.
Objectives are goals. They are targets to be
reached. Football players strive to make
touchdowns. Basketball players shoot for baskets.
Soccer players try to make the goal by kicking the
ball into the net. Co-op students get to set their
own targets -- what they want to achieve.Sports
would be aimless running around without goals:
end zones, baskets, nets. A student who is
working without Objectives is just another
employee.
-
7/23/2019 Ilmu Dasar DKV SMA
13/17
13
Tips
1) Dengan membedakan ketebalan (bold)
secara ekstrim dapat membuat fokus pada
kata yang ingin ditekankan.
2) Kombinasi Bolddan Italics secara ekstrim,
kalimat dapat terbaca meskipun tanpa
spasi.
3) Kombinasi Bolddan Italicsdalam satu kata
dapat memberikan penekanan dan
perubahan makna.
Penggunaan allCap sebagai judul atau sub judul
memang tidak terhindarkan, dan ini memang
memiliki kekuatan tersendiri jika dipergunakan pada
teks yang tidak terlalu panjang. Kata-kata yang
diketikkan dengan huruf besar dapat memberi
tekanan maupun aksen pada makna. Balloningteks
pada komik yang menggambarkan orang yang
berteriak, membentak, selalu ditulis dengan allCap.
HURUF DARI OBJEK
Untuk membentuk huruf yang terbaca, Anda dapat
menyusunnya dari objek tertentu.
TRANSFORMASI DASAR
Dengan menggunakan prinsip transformasi pada
gambar, Anda dapat menemukan bahwa huruf
dapat dikombinasikan dengan berbagai macam
jenis transformasi yaitu PRST (Position, Rotation,
Scale, Transparancy), dan masih banyak lagi jenis
transformasi lainnya.
Position
Kombinasi posisi setiap huruf dalam kata.
Rotation
Kombinasi jenis transformasi dasar rotasi dan
orientasi posisi setiap huruf dalam kata.
Scala atau Size
Kombinasi ukuran font(font size).
Perhatikan contoh teks diatas menggunakantypeface dan ukuran yang sama. Cobalahmembaca keduanya dan perhatikan bagaimanaketerbacaan bodytext yang menggunakanallcap dan yang menggunakan kombinasi.
Knowledge is power
but character is more
KNOWLEDGE IS POWERBUT CHARACTER IS
MORE
Balloning
Huruf kecil
Balloning
Huruf besar
Perhatikan Huruf O pada kata Onepeace terbuat
dari buah nanas
-
7/23/2019 Ilmu Dasar DKV SMA
14/17
14
Proporsi
Dengan jenis huruf yang sama, dapat dibuat
kombinasi proporsi setiap huruf sehingga ada
yang pipih atau gepeng, lonjong, normal dan lain-
lain.
Cermin atau
Mirror
Dengan mencerminkan jenis salah satu huruf,
akan membuat sesuatu yang tidak lazim dankontradiktif sehingga dapat menarik perhatian.
Skew
Dengan men-skew huruf dalam sebuah kata,
dapat membuat kesan dinamis, atraktif dan
futuristik. Cocok untuk judul film action.
Transparancy
Dengan huruf-huruf transparan yang saling
tumpang tindih, akan membuat kesan lain di
daerah perpotongannya.
Warna
Perbedaan pada huruf-huruf, dapat membuat
penekanan dan perubahan makna.
Batas
Penempatan huruf-huruf sampai melewati batas
area desain, dapat menarik perhatian, penasaran
dan arti lain.
EFEK
Di samping transformasi dasar yang sederhana,
agar desain huruf nampak lebih detail dan
menarik, bisa ditambah kombinasi efek sebagai
make-up.
Tips
Hati-hati efek yang tidak sesuai konsep akan
merusak desain.Sebelum bermain dengan efek
lebih baik menggunakan prinsip desain tipografi.
Pemberian efek teks yang kuat bisa
mengalahkan objek gambar, sehingga gambar
tidak terlalu banyak efek.Perhatikan contoh
desain berikut.
Kombinasi Teks dan gambar yang sudah di
make-up
-
7/23/2019 Ilmu Dasar DKV SMA
15/17
15
PERATAAN
AL IGNMENT
)
Dalam penulisan tentunya sudah umum diketahui
jenis perataan dalam paragraf, seperti rata kiri
(left alignment), rata tengah (center alignment),
rata kanan (right alignment), rata kiri kanan
(justify alignment) dan rata kiri kanan penuh (full
justify alignment).
Tentang paragraf dapat digunakan pada software
desktop publishing seperti Pagemaker, indesign,
Ventura, Microsoft Word, termasuk Coreldraw.
Pada Coreldraw untuk mengaksesnya dengan
menu Text -3 Format text Ctrl+ T).
Dengan mengetahui karakteristik perataan-
perataan pada penulisan teks, anda dapat
membuat pembaca menangkap informasi dengan
mudah, cepat, jelas dan tentu saja menarik atau
estetis.Berikut adalah karakteristik dan tips dalam
perataan teks.
Rata Kiri
Rata kiri paling mudah dibaca, karena mata akan
mudah menangkap saat membaca baris
berikutnya. Spasi antar huruf dan antar kata tetap
atau tidak berubah sesuai karakteristik hurufnya.
Sisi kanan paragraf akan terlihat tidak rata atau
bergerigi, yang mengesankan tidak rapi dan tidaklengkap. Namun justru hal ini dapat mengurangi
kebosanan pembacanya.
Rata Tengah
Meskipun bentuknya secara menyeluruh enak
dipandang, rata tengah akan lebih sulit dan lebih
lambat untuk dibaca. Karena saat perpindahan
baris, pembaca agak lama menemukan baris
berikutnya. Sebaiknya tidak membuat artikel
panjang dengan perataan rata tengah. Namun
rata tengah cocok untuk tulisan pendek sepertipuisi, pengumuman singkat dan yang lain.Artikel
panjang dengan rata tengah akan melelahkan
pembacanya.
Rata Kanan
Rata kanan juga sulit dibaca, karena kita
membaca dari kiri ke kanan. Namun masih lebih
terbaca rata kanan dibanding rata tengah.
Pembacaan saat perpindahan baris akan
menyulitkan mata pembaca karena bentuk rata
kiri yang acak.
Rata Kiri Kanan
Rata kiri kanan mudah dibaca. Spasi antar huruf
dan antar kata akan ada perubahan karena
penyesuaian dengan perataan kanan.
Secaramenyeluruh perataan ini enak dan mudah
dipandang. Namun hal ini dapat menimbulkan
kebosanan pembacanya.
In addition to examining alternative beliefs,
values, and metaphors, Teaching In Mind
explores a variety of cognitive processes
relevant to teaching. Thought viruses,
dichotomous thinking, categorization/labeling,
and some specific ways that people "know" are
just a few of the topics included. Because they
form the foundation for teacher beliefs, manypresuppositions of the conventional "wisdom"
of education are reexamined.
For those who require the verification of
experts, literally hundreds of sources from
disciplines including education, cognitive
psychology, and the neurosciences are
provided in endnotes and references.However, Teaching In Mindis not a theoretical
discussion. It is an immediately useful plan of
action for practicing teachers.
Teaching In Mindsynthesizes the emerging
theoriesfor practicing teachers through
dozens of practical examples. These examples
demonstrate how a teacher's
conceptualization of teaching and learning
profoundly influences that teacher's behavior.
Of equal importance, the book contains many
exercises designed to help teachers identify
and examine their own thought processes.
-
7/23/2019 Ilmu Dasar DKV SMA
16/17
16
Rata Kiri Kanan Penuh
Hampir sama dengan perataan Rata kiri kanan,
namun dapat menimbulkan spasi antar huruf yang
sangat extrim, sehingga terlihat agak ompong.
Perataan ini sangat rapi dan cocok bila
dipadukan dengan backgroundkotak.
TEKS UNTUK DAFTAR
Teks berupa daftar seperti daftar isi, menu,
kerangka, point-point penting pada presentasi,
perlu ada penekanan, antara lain:
Bullet & Numbering
Memberikan Objek atau angka/penomoran pada
awal baris, Contoh:
Drop Caps
Merubah ukuran atau jenis font pada huruf awal
baris, Contoh:
Objek Antara
Memberikan objek antar baris, Contoh:
Examples of the metacognitive strategies used
by Mrs. Smith with her students include:
Modeling thinking aloud.
Accessing prior knowledge throughthe use of graphic organizers (KWLchart).
Using the program Inspiration inthe planning stage of writing.
Debriefing-- review the thoughtprocesses.
Examples of the metacognitive strategies used
by Mrs. Smith with her students include:
Modeling thinking aloud.
Accessing prior knowledgethrough the use of graphic
organizers (KWL chart).
Using the program Inspiration inthe planning stage of writing.
Debriefing-- review the thoughtprocesses.
Examples of the metacognitive strategies used
by Mrs. Smith with her students include:
Modeling thinking aloud.
Accessing prior knowledge through
the use of graphic organizers (KWL
chart).
Using the program Inspiration in
the planning stage of writing. Debriefing-- review the thought
processes.
Educational theorists Michael Fullan and Andy
Hargreaves have argued that, "Teacher
development...involves more than changing
teachers' behavior. It also involves changing
the person the teacher is." Teaching In Mind
will help teachers explore their unconscious
thinking processesto determine who they
are now. In addition, the book will help
teachers identify the changes they can make in
themselves to create educational
environments in which both they and their
students will thrive.
-
7/23/2019 Ilmu Dasar DKV SMA
17/17
Objek Latar Belakang
Memberikan objek dibelakang teks pada setiap
baris, Contoh:
Transformasi
Memberikan perubahan transformasi berupa PRS
(Posisi, Rotasi, Skala) , Contoh :
Posisi
Rotasi
Skala
Properti Warna
Memberikan warna tiap barisnya. Contoh:
Tips Teks Layout
Sebelum membaca artikel, mata pembaca
selalu melihat secara global, tidak sepotong
sepotong. Meskipun Layout disusun rapi, tetapi
bisa jadi antar group tidak ada keterkaitan,sehingga desain terkesan lepas'.
Layout yang tidak memiliki group dan terkesanterbuka, namun memiliki keterkaitan antarartikel. Desain tersebut berhubungan dengankaidah estetika: kesatuan (unity) dan desain
yang mengalir (continuity).
Desainer yang baik mampu mengkompromikanantara fungsi komunikasi dan fungsi estetis.
Examples of the metacognitive strategies used
by Mrs. Smith with her students include:
Modeling thinking aloud.
Accessing prior knowledge through
the use of graphic organizers (KWL
chart).
Using the program Inspiration in
the planning stage of writing.
Debriefing-- review the thoughtprocesses.
Examples of the metacognitive strategies used
by Mrs. Smith with her students include:
Modeling thinking aloud.
Accessing prior knowledge through
the use of graphic organizers (KWL
chart).Using the program
Inspiration in the planning
stage of writing.Debriefing-- review the thought
processes.
Examples of the metacognitive strategies usedby Mrs. Smith with her students include:
Modeling thinking aloud.
Accessing prior knowledge through
the use of graphic organizers (KWL
chart).
Using the program Inspiration in the
planning stage of writing.
Debriefing-- review the thought
processes.
Examples of the metacognitive strategies used
by Mrs. Smith with her students include:
Modeling thinking aloud.
Accessing prior knowledge
through the use of graphic
organizers (KWL chart).
top related