Sesi+1 +Toko+Online+Dan+Desain+Grafis +Apa+Kaitannya
Sesi+1 +Toko+Online+Dan+Desain+Grafis +Apa+Kaitannya
Sesi+1 +Toko+Online+Dan+Desain+Grafis +Apa+Kaitannya
www.rumahsiapkerja.com
Menggunakan kolom chat secara bijak
hanya untuk bertanya (apabila ada
pertanyaan yang ingin diajukan pada
saat sesi pematerian berlangsung) dan
menjawab pada sesi diskusi
www.rumahsiapkerja.com
Say Hello to Our Coach!
Erlangga Dwi
● 3D Artist di Drafter di Kerajinan Kasongan (2016)
● Creative Director di Mahesa Project (2017)
● Creative Designer di Snowbay Waterpark (2018)
● UI & UX Designer di Trans Food Beverages (2021
● Art Director di Mata Angin (2021)
● Visual Design LummoShop (2022)
● Narasumber Workshop UI/UX Fundamentals pada 2019
● Narasumber Workshop How to do Good Design pada 2020
● Pemateri Berpacu melodi dalam UI/UX design - NGOBAT
(Ngobrolin Teknologi)
● Pemateri How to do Good Design - Bem FTI Universitas
Respati Indonesia - 2020
● 1 st Award Animasi Competition 2013
● Posbindu Apps Developing Apps for The First Time Using
Vue.Js 2019
● Hallo Babinsa Apps Accomplished UI/UX Design For the
Apps in Collaboration with Indonesian Military 2020
Say Hello to Our Coach!
Ocky Putranto
● Collaborator di 1827 Design & Communication
(2015 - Sekarang)
● Art Director di Soho Square Jakarta (2009 - 2013)
● Managing Partner and Senior Graphic designer di
Sedna (2006 - 2007)
● Art Director di The Bakery Jakarta (MKI) (2007 -
2008)
● Dosen Tidak Tetap Program Studi Ilmu Komunikasi
di Universitas Paramadina (2016 - 2018)
● Dosen Tidak Tetap Fakultas Seni Rupa dan Desain
di Universitas Trisakti (2004 - 2012)
● Narasumber bedah buku “Karier Top Sebagai
Desainer Grafis” - 2011
Hal apa saja yang
peserta ketahui
mengenai desain
grafis?
www.rumahsiapkerja.com
Sesi 1: Toko Online dan Desain Grafis? Apa
Kaitannya?
www.rumahsiapkerja.com
Sesi 4: Kreasikan Idemu pada E-flyer dan
E-Katalog Menggunakan Situs Canva
www.rumahsiapkerja.com
Pada sesi ini kamu akan
mempelajari:
1. Pengenalan Program: Apa yang kamu ketahui tentang
desain grafis?
2. Sejarah perkembangan jual beli
3. Kamu dan Toko Online
4. Desain Grafis Penunjang Toko Online
5. Elemen desain grafis
6. Prinsip desain grafis
7. Teori dasar warna
8. Kategori desain grafis
9. Desain Grafis Penunjang Toko Online
10. Berkenalan dengan logo
11. Berkenalan dengan foto produk
12. Berkenalan dengan e-flyer
13. Berkenalan dengan tipografi
14. Berkenalan dengan e-katalog
15. Berkenalan dengan iklan produk
16. Softskill yang harus dimiliki seorang desainer grafis
17. Games: Softskill yang dimiliki seorang desainer grafis
www.rumahsiapkerja.com
Sejarah
Pengembangan
Jual Beli
Menguasai Desain Grafis Toko Online bagi
Perancang Grafis
Bagaimana awal mula
berkembangnya jual
beli ?
www.rumahsiapkerja.com
Sejarah Perkembangan
Jual Beli:
Teknologi sangat berpengaruh saat ini, salah satunya untuk
kegiatan belanja atau jual beli. Berbeda dari proses belanja
di era modern, sebelumnya masyarakat haruslah
melakukan suatu hal terlebih dahulu untuk bisa
mendapatkan barang, atau produk yang mereka inginkan.
www.rumahsiapkerja.com
Sejarah Perkembangan Jual Beli:
Online Shopping
www.rumahsiapkerja.com
Barter
1. Sebelum ada mata uang, jual beli dilakukan dengan barter
2. Barter merupakan kegiatan perdagangan dengan cara
saling menukar barang yang sekiranya memiliki nilai yang
sama pada masing-masing barang.
3. Sebagai gambaran, ada pembeli yang ingin “membeli”
ikan dan memiliki daging ayam yang cukup sebagai “mata
uang” nya.
www.rumahsiapkerja.com
Pasar Tradisional
1. Uang lembaran dan koin telah tercipta di era ini
2. Kegiatan jual beli berlangsung di tempat penjual
3. Penjual sudah menetapkan harga
4. Adanya tawar menawar antara pembeli dan penjual
www.rumahsiapkerja.com
Pasar Modern
1. Berkembangnya zaman, orang-orang mulai berpindah
dari pasar tradisional ke pasar modern
2. Supermarket menjadi pilihan untuk pasar modern
3. Jual beli di sini juga tergolong kondusif, dengan suasana
yang cukup nyaman
4. Sistem pembayaran lebih mudah dengan credit card,
debit card dan yang terbaru bisa scan barcode QRIS
5. Supermarket punya layanan pelanggan seperti: bisa
menitipkan barang, penukaran hadiah, refund dan kritik
saran untuk produk yang dijual
www.rumahsiapkerja.com
Online Shopping
1. Online shopping memudahkan pembeli untuk membeli
sebuah produk, tanpa harus melangkah keluar rumah.
2. Pembayarannya cukup secara online, dan produk akan
dikirim dengan selamat ke alamat tujuan.
3. Tidak hanya menguntungkan para pembeli, siapa saja,
selama memiliki jaringan internet, bisa menjadi penjual dan
mendapatkan keuntungan yang berlimpah.
4. Berbagai macam produk, seperti pakaian, makanan,
minuman, token listrik, bahkan pulsa sekalipun bisa dijual
secara online.
5. Online shopping juga kadang memberikan penawaran
eksklusif, seperti diskon dan promo menarik lainnya.
www.rumahsiapkerja.com
Perkembangan
Desain Grafis
Menguasai Desain Grafis Toko Online bagi
Perancang Grafis
Salah satu keputusan pembelian
secara online adalah dengan
tampilan visual toko online-nya.
Adapun tampilan visual dari toko
online tersebut terdiri dari adanya
unsur desain grafis di dalamnya.
www.rumahsiapkerja.com
Apa saja konsep
dasar desain grafis?
www.rumahsiapkerja.com
Definisi Desain Grafis
Menurut American Institute of Graphic Arts (AIGA), desain
grafis didefinisikan sebagai "seni dan praktik merencanakan
dan memproyeksikan ide dan pengalaman dengan konten
visual dan tekstual." Dalam istilah lain, desain grafis
mengkomunikasikan ide, pesan, atau informasi secara
visual. Proyek sesederhana interpretasi grafis dari sebuah
ikon atau serumit desain katalog produk ditangani. Desainer
menggunakan berbagai macam metode visual untuk
menyampaikan pesan: fotografi, ilustrasi, tipografi, dan
animasi.
www.rumahsiapkerja.com
Konsep Dasar Desain Grafis
Pekerjaan desain grafis erat hubungannya dengan seni.
Seorang desainer juga merangkap seorang seniman.
Banyak arti mengenai seni (bergantung pada sudut mana
kita melihat). Arti seni secara umum adalah suatu usaha
penciptaan bentuk yang menyenangkan (sense of
beauty) dan harmoni bentuk yang baik. Salah satu bagian
kesenian yang penerapannya berbentuk dua atau tiga
dimensi, dan yang erat dengan desain grafis adalah seni
rupa. Desain grafis sendiri merupakan bagian dari seni rupa
terapan. Desain grafis yang baik tidak hanya
mempersembahkan karya visual yang indah dan ekspresif,
namun juga karya tersebut menjadi solusi yang menjawab
problem grafis yang ada. Untuk itu, seorang yang mampu
memberikan solusi visual dalam lingkup grafis, dapat
disebut dengan perancang grafis.
www.rumahsiapkerja.com
Perbandingan Desain
Grafis dulu dan sekarang
www.rumahsiapkerja.com
Lalu, bagaimana
dengan beberapa
perkembangan
desain grafis hingga
saat ini?
www.rumahsiapkerja.com
Victorian Style (1837 - 1901)
Gaya desain grafis Victorian berkembang di Amerika, Inggris dan
sebagian besar benua Eropa sejak tahun 1820-an hingga tahun
1900. Gaya ini muncul karena reaksi seniman akibat revolusi
industri. Victorian style memiliki ciri khas ornamen yang kompleks
dalam desainnya. Menggunakan warna-warna gelap, seperti
hitam dan coklat. Style ini selalu menggunakan border dekoratif
yang dipadukan dengan tipografi yang rumit sehingga desain
terlihat penuh.
www.rumahsiapkerja.com
Art Deco Style (1920 - 1940)
Art Deco populer pada tahun 1920 sampai 1940-an. Ciri khasnya
mempresentasikan kemewahan, extravaganza, glamour,
kejayaan, konsumerisme dan kecepatan. Bentuk-bentuk
geometris dan kurva-kurva, streamline, motion line dan
lampu-lampu mesin dengan mengutamakan kesederhanaan
peletakan elemen-elemen desain.
www.rumahsiapkerja.com
American Kitsch Style (1950 - 1960)
Style ini dulu biasa digunakan pada komik dan poster film. Dengan
tampilan yang lebih futuristik dan penggunaan font yang
menonjol ditambah kontras warna yang sesuai antara font dan
ilustrasi, style ini biasanya menampilkan tokoh dengan pose unik
sebagai objek utama.
www.rumahsiapkerja.com
Grunge Style (2000 - 2015)
Grunge Style adalah evolusi desain baru yang muncul pada awal
tahun 2000-an, gaya desain ini sangat mudah dikenali dengan
penggunaan tekstur kasar (efek bercak-bercak) yang konsisten,
tanpa garis tepi/border dan tata letak yang teratur.
www.rumahsiapkerja.com
Metro Design Style (2012 - sekarang)
Fokus utama Metro Design adalah meningkatkan penggunaan
pembaca dan pengamat dengan menampilkan desain yang rapi
dan lebih menarik. Metro Design lebih mengandalkan banyaknya
grid layout yang simple dan penggunaan tipografi sans-serif.
Tipografi dalam Metro Design ini sangat penting sekali, karena
mempunyai konten dengan konteks yang singkat namun mudah
dipahami. Kesederhanaan tipografi ini mampu dibaca dan
dimengerti dalam beberapa detik saja.
www.rumahsiapkerja.com
Elemen Desain
Grafis
Menguasai Desain Grafis Toko Online bagi
Perancang Grafis
Dalam Desain
Grafis, Apa Saja
Elemen Desainnya?
www.rumahsiapkerja.com
Elemen Desain:
www.rumahsiapkerja.com
Form
Form mengacu pada elemen positif untuk space pekerjaan kamu.
Bersama dengan space, form menciptakan efek tiga dimensi.
Objek 3D termasuk pyramid, cubes, dan bentuk abstrak lainnya.
Kamu dapat membuat efek 3D dengan menggunakan shadows,
colors, dan objek overlay.
www.rumahsiapkerja.com
Shape
Ketika sebuah garis menutupi suatu area, atau ketika elemen
visual lainnya digabungkan, kamu akan mendapatkan shape
yang dibutuhkan. Intinya, segala sesuatu di sekitar adalah bentuk
satu atau lainnya, tetapi bagi seorang desainer, shape lebih
penting karena akar dari pembuatan logo yang paling kuat .
www.rumahsiapkerja.com
Line
Line adalah sebuah komponen desain grafis yang merupakan
perapatan dari sekelompok titik yang berurut dan berunut, baik
berdiri sebagai elemen utama maupun bagian dari (aksen)
komunikasi. Komponen Line memberikan juga nuansa komunikasi
yang berarti dalam sebuah desain.
www.rumahsiapkerja.com
Color
Warna adalah sensasi yang ditimbulkan oleh otak sebagai akibat
daripada sentuhan gelombang-gelombang cahaya pada retina
mata. Kira-kira ada 10 juta warna yang berbeda dapat dilihat dari
mata manusia. Warna dapat berupa warna alam maupun buatan.
Pada warna alam, warna asli dari bahan yang ditampilkan,
sedangkan warna buatan, warna asli ditutup dengan lapisan cat
atau diubah dengan cara lain. Selain itu ada warna yang disebut
sebagai warna pigmen (dihasilkan dari percampuran tinta/cat)
dan warna cahaya (dihasilkan dari sinar) seperti layar monitor,
layar televisi, layar handphone.
www.rumahsiapkerja.com
Color
Potensi warna dalam desain grafis antara lain sebagai berikut.
1. Warna serta nilai gelap dan terangnya, dapat dimanfaatkan
untuk memberikan kesan berat-ringan benda, volume, kedalaman
komposisi, dan sebagainya.
2. Warna menciptakan suasana/mood/sifat/karakter tertentu
pada rancangan.
www.rumahsiapkerja.com
Texture
Tekstur adalah sebuah komponen desain grafis yang merupakan
tampilan/karakteristik/gambaran/representasi sifat dari suatu
permukaan. Tekstur dapat dibiarkan sebagaimana adanya atau
diolah secara khusus menurut kehendak perancangnya.
Permukaan dapat polos, bersisik, licin, kasar, pudar, kusam, kilap,
lembut, halus, berlendir, terasa gatal, berbulu, dan lain-lain. Tekstur
merupakan salah satu unsur seni yang unik karena ia dapat
mengaktifkan 2 proses penginderaan sekaligus (visual dan raba).
Tekstur dapat berukuran kecil, menekankan pada
kedua-dimensian permukaan sebagai hiasan, atau berukuran
besar yang menekankan pada kesan raba pada 3D.
www.rumahsiapkerja.com
Texture
Potensi tekstur, antara lain sebagai berikut:
1. memperkaya kenikmatan visual;
2. dipakai dalam memvisualkan objek;
3. membangkitkan perasaan untuk meraba;
4. memperjelas kesan adanya ruang;
5. tekstur dan kesan ruang: tekstur detail/halus (jarak dekat) dan
tekstur blur/kurang jelas (jarak jauh).
www.rumahsiapkerja.com
Typography
Teks, kata-kata yang kamu tambahkan dalam desain, berperan
besar dalam membuatnya sukses, tetapi cara menempatkannya,
style typografi, memainkan peran besar. Ini menjadikan tipografi
salah satu elemen desain grafis dan web yang paling penting.
Tipografi adalah pembawa pesan yang sebenarnya dan pencipta
suasana hati.
Kamu dapat mengatur tone desain menggunakan tipografi saja,
dan membantu pemirsa menyadari apakah itu berita serius atau
acara yang lucu dan menyenangkan.
Misalnya, tipografi Serif lebih resmi, sedangkan tipografi Script
lebih kreatif dan kurang resmi. Jadi, menggunakannya dengan
tema yang relevan akan membantu desain memiliki efek yang
lebih besar.
Tipografi juga menciptakan hirarki visual dalam sebuah desain,
dengan memberi tahu pembaca di mana harus memulai. Kamu
dapat melakukannya dengan memilih karakteristik yang berbeda
untuk teks, seperti ukuran, warna, tinggi, dan tebal tipisnya.
www.rumahsiapkerja.com
Space
Ruang adalah sebuah komponen desain grafis yang merupakan
kelanjutan dari bentuk yang dikembangkan dapat membentuk
ruang imajiner yang terkait persepsi pengamatnya. Hasil dari
pengembang bidang yang menjadi ruang ini lebih banyak
berperan sebagai elemen utama (berdasarkan tingkat
kerumitannya), tetapi tidak menutup kemungkinan pula dapat
berdiri sebagai bagian dari komunikasi. Ruang sangat berperan
dalam memberikan nuansa 3 dimensi dalam unsur komunikasi
visual.
www.rumahsiapkerja.com
Space
Potensi ruang, antara lain sebagai berikut:
1. Ruang menjadi pengembangan bidang yang menjadi bidang
lain, tetapi tidak hanya sekadar bidang baru. Ruang harus memiliki
dimensi sehingga melahirkan berat/massa pada bidang baru
yang disebut ruang.
2. Sebuah bentuk 3 dimensi dapat digambarkan pada permukaan
papar yang terdiri atas beberapa bentuk 2 dimensi.
3. Selain membentuk nuansa 3 dimensi, ruang juga dapat
memperlihatkan penggabungan bentuk dari sisi/cara pandang
yang berbeda (gestalt).
4. Ruang kosong dimanfaatkan agar rancangan tidak terlalu
penuh.
5. Ruang kosong dimanfaatkan sebagai pemisah.
www.rumahsiapkerja.com
Prinsip Desain
Grafis
Menguasai Desain Grafis Toko Online bagi
Perancang Grafis
Prinsip Desain Grafis yang
perlu kamu tahu:
1. Balance
2. Emphasis
3. Repetition
4. Rhythm
5. Movement
6. Unity
7. Space
www.rumahsiapkerja.com
Balance
Prinsip desain grafis pertama adalah keseimbangan atau
balance. Keseimbangan dari sebuah karya seni menjadi
faktor yang paling mudah dinilai oleh setiap designer
profesional. Bahkan dalam sekali pandang pun, seorang
desainer profesional dapat menilai apakah karya seni
desain grafis sudah memiliki keseimbangan yang tepat.
www.rumahsiapkerja.com
Balance
Terdapat dua pendekatan dasar dalam prinsip
keseimbangan desain grafis, yaitu:
1. Simetris
Keseimbangan simetris adalah sebuah rangkaian susunan
elemen-elemen seni yang dimulai dari titik pusat, lalu
bergerak disusun sedemikian rupa agar merata di sisi kiri
dan kanan kanvas design. Prinsip keseimbangan simetris ini
menekankan pada kesetaraan posisi proporsi dan
peletakan elemen-elemen seni dalam desain grafis.
2. Asimetris
Selanjutnya adalah keseimbangan asimetris, yang pada
dasarnya berkebalikan dari konsep keseimbangan simetris.
Di keseimbangan asimetris, elemen yang memiliki bobot
sama diatur dalam cara-cara yang berbeda.
Dengan menggunakan sistem keseimbangan asimetris,
Anda bisa mengatur setiap elemen berbobot sama secara
lebih fleksibel pada sisi-sisi halaman kanvas.
www.rumahsiapkerja.com
Emphasis
Prinsip penekanan (emphasis) ini mengacu pada
pemberian fokus untuk satu elemen tertentu dalam sebuah
desain grafis. Pada intinya, prinsip emphasis mengarah
pada hal-hal dalam desain yang perlu untuk ditekankan
atau ditonjolkan. Dengan begini, pesan yang terkandung
dalam desain kamu dapat dengan lebih mudah serta kuat
untuk disalurkan ke pemahaman audiens.
a. Hierarki
Sesuai namanya, hierarki berarti jenis penekanan yang
ditentukan berdasarkan urutan atau susunan. Semisal pada
desain poster seminar, penulisan nama narasumber sebagai
informasi utama dalam poster dapat dilakukan dengan
memberikan warna dan bentuk font yang berbeda.
www.rumahsiapkerja.com
Emphasis
b. Skala dan Proporsi
Contoh pengaplikasian metode ini adalah dengan meletakkan
dua elemen yang bobotnya saling berlawanan seperti besar dan
kecil di halaman desain yang sama.
Dengan metode desain penekanan skala dan proporsi ini, kamu
bisa menonjolkan informasi utama dengan ukuran font lebih
besar dibandingkan informasi pendukung lain.
c. Kontras
Metode penekanan kontras memungkinkan kamu untuk
menempatkan 2 unsur desain yang saling bertentangan satu
dengan yang lainnya dalam 1 frame design. Dengan metode
kontras ini, elemen desain yang saling bertentangan pun dapat
tampak selaras dan menciptakan 1 desain yang utuh dan baik.
www.rumahsiapkerja.com
Repetition
Prinsip pengulangan adalah prinsip desain grafis yang digunakan
untuk memperkuat tampilan keseluruhan dari sebuah desain grafis
itu sendiri. Prinsip pengulangan ini pun sekilas tampak mirip
dengan prinsip penekanan, bedanya, prinsip pengulangan lebih
menghubungkan berbagai elemen berbeda dalam desain grafis
agar dapat terlihat lebih teratur dan konsisten. Ada 3 jenis
pengulangan:
1. Regular
Pengulangan regular adalah pola-pola pengulangan dalam
bentuk yang simetris. Ada juga yang mendefinisikan
sebagai suatu pola pengulangan yang dilakukan dalam
bentuk elemen dan jarak yang sama.
www.rumahsiapkerja.com
Repetition
2. Flowing (mengalir)
Pola pengulangan mengalir atau flowing, sesuai
namanya, ditujukan untuk menciptakan kesan gambar
yang bergerak secara dinamis dan rapi.
3. Progresif (gradual)
Pola pengulangan progresif atau gradual adalah
pola-pola repetitif dalam desain yang menyertai setiap
perubahan bentuk yang terjadi dalam desain.
www.rumahsiapkerja.com
Rhythm
Prinsip ritme pada dasarnya sama seperti prinsip
pengulangan. Bedanya, prinsip ritme digunakan untuk
mengatur pengulangan sehingga menjadi lebih terstruktur.
Sebagai hasil akhirnya, desain yang dibuat menggunakan
prinsip ritme akan menjadi lebih memiliki nilai seni.
www.rumahsiapkerja.com
Movement
Adapun prinsip gerakan atau movement ini merupakan
bentuk pengendalian elemen dalam sebuah komposisi
desain grafis. Kegunaan dari komponen gerakan ini adalah
menjadikan setiap orang yang melihat karya seni merasa
seolah-olah “diarahkan” untuk berpindah dari satu elemen
seni ke elemen seni lainnya.
www.rumahsiapkerja.com
Unity
Ada 4 jenis prinsip dalam unsur kesatuan
atau unity, yaitu:
a. Closure (kedekatan)
Menciptakan hubungan kuat antar unsur desain yang
serupa dan berkaitan.
b. Continuity (Kesinambungan)
Menciptakan desain yang berkesinambungan dan
mengarahkan mata audiens ke bagian tertentu.
www.rumahsiapkerja.com
Unity
c. Similarity (Kesamaan)
Sebuah karya desain grafis bisa memiliki unsur-unsur yang
serupa, baik dari segi proporsi, bentuk, warna dan lainnya.
Kesamaan bentuk dalam desain dapat ini menciptakan
kesan tampilan gambar yang menyatu serta harmonis.
d. Alignment (Perataan)
Adapun prinsip desain kesatuan yang satu ini mempunyai
peranan penting guna menciptakan tampilan visual yang
utuh serta saling terkait dengan setiap elemen dalam
desain.
www.rumahsiapkerja.com
Space
Prinsip desain grafis ini tak lain berarti sebagai sebuah ruang
kosong dalam karya seni desain. Adapun “ruang kosong” yang
dimaksud merujuk pada jarak dan area tertentu dalam sebuah
komposisi desain. Ada empat bagian ruang kosong dalam
karya seni desain grafis, yaitu sebagai berikut:
a. Ruang Negatif (Negative Space)
Ruang negatif adalah area kosong dalam desain. Area
kosong ini biasanya mengelilingi subjek dalam sebuah
desain grafis. Oleh sebab itu, prinsip desain ruang kosong
selalu lebih pasif dibandingkan ruang-ruang lainnya. Ada
juga yang yang mendefinisikan ruang negatif dalam desain
grafis sebagai tepi dari ruang positif. Tepi tersebut terdapat
di sekitar ruang kosong negatif itu sendiri.
www.rumahsiapkerja.com
Space
Ada 4 jenis prinsip dalam unsur kesatuan
atau unity, yaitu:
www.rumahsiapkerja.com
Teori Dasar
Warna
Menguasai Desain Grafis Toko Online bagi
Perancang Grafis
Lihatlah perbedaan desain
grafis monochrome dan
Full color ini! Bagaimana
menurut kamu?
www.rumahsiapkerja.com
Definisi Warna
Warna dapat didefinisikan sebagai sifat
cahaya yang dipancarkan, atau secara
subjektif/psikologis dari pengalaman indra
penglihatan. Warna menjadi sangat penting
dalam kehidupan sehari-hari, karena warna
membangkitkan perasaan yang spontan
kepada orang yang melihatnya.
www.rumahsiapkerja.com
Diskusikanlah:
- Fungsi Warna
- Jenis Warna
- Pengaruh Simbolis Warna
Terhadap Psikologis Manusia
- Pemanfaatan Warna dalam
Desain Kemasan atau Iklan
www.rumahsiapkerja.com
Fungsi Warna
Warna mempunyai beberapa fungsi, seperti:
www.rumahsiapkerja.com
Jenis-Jenis Warna
Ada beberapa istilah yang berhubungan dengan warna yang
sering digunakan dalam dunia desain. Misalnya, hue, sebutan lain
untuk warna. Jenis-jenisnya antara lain:
www.rumahsiapkerja.com
Jenis-Jenis Warna
Jenis-jenisnya antara lain:
www.rumahsiapkerja.com
Jenis-Jenis Warna
Jenis-jenisnya antara lain:
www.rumahsiapkerja.com
Jenis-Jenis Warna
Jenis-jenisnya antara lain:
www.rumahsiapkerja.com
Simbolis Warna
Warna, yang umum dilihat atau sering disebut warna universal,
mempunyai arti dan pengaruh yang berbeda. Sebutan untuk
warna pun berbeda di tiap daerah, misalnya untuk orang yang
tinggal di daerah pantai menyebut biru dengan sebutan biru laut
dan orang yang lebih sering tinggal di daerah pegunungan
mungkin akan menyebutnya biru langit. Tentu saja akan berbeda
lagi untuk orang perkotaan yang langitnya selalu tampak kusam
karena tertutup asap dan tidak terdapat perairan di kota.
www.rumahsiapkerja.com
Simbolis Warna
Ada beberapa warna yang sudah umum, arti dari masing-masing
warna tersebut serta pengaruhnya terhadap psikologis manusia,
seperti:
1.) Merah
Merah diasosiasikan dengan api, darah, sex. Postifnya yaitu
semangat, cinta, darah, enerji, antusiasme, panas, kekuatan.
Sementara, negatif yaitu agresif, kemarahan, perang, revolusi,
kekejaman, ketidaksopanan. Efek pada produk adalah warna yang
dominan, berkesan kecepatan dan aksi, menstimulasi detak
jantung, nafas, dan nafsu makan, orang atau benda akan terlihat
lebih besar jika menggunakan warna merah, mobil merah lebih
menarik perhatian. Hubungan pada budaya lokal adalah
kematian (Afrika), maskulin (Perancis), pernikahan,
keberuntungan, kebahagiaan (Asia), simbol tentara (India),
kesedihan (Afrika Selatan).
www.rumahsiapkerja.com
Simbolis Warna
2.) Kuning
Kuning diasosiasikan dengan sinar matahari. Positifnya yaitu
intelek, kebijaksanaan, optimisme, cahaya, kegembiraan,
idealisme. Sementara, negatifnya yaitu kecemburuan, pengecut,
ketidakjujuran, waspada. Efek pada produk, yaitu warna yang
paling menarik perhatian, lebih terang dibanding warna putih,
melambangkan kecepatan dan metabolisme, menyakitkan mata,
warna kuning muda dapat menambah konsentrasi. Hubungan
pada budaya lokal yaitu digunakan pada jubah pendeta
(Buddha), kesedihan (Mesir dan Burma), simbol kemakmuran
(India), digunakan untuk perayaan musim semi (Hindu),
keberanian (Jepang).
www.rumahsiapkerja.com
Simbolis Warna
3.) Biru
Biru diasosiasikan dengan laut dan langit. Positifnya yaitu
pengetahuan, kesejukan, kedamaian, maskulin, kontemplasi,
kesetiaan, keadilan, intelektual. Sementara, negativenya adalah
depresi, dingin, kelesuan. Efek pada produk warna biru pada
makanan sangat jarang karena dianggap dapat merusak selera
makan, menyebabkan tubuh memproduksi rasa tenang dan
santai, beberapa orang mengatakan merasa lebih produktif di
dalam ruangan berwarna biru, warna biru pada seragam
menyimbolkan kesetiaan dan kepercayaan. Hubungan pada
budaya lokal yaitu maskulin (hampir di seluruh dunia), warna
untuk anak kecil perempuan (Cina), kesedihan (Iran), cinta (tradisi
pengantin Barat), warna perusahaan korporat (seluruh dunia).
www.rumahsiapkerja.com
Simbolis Warna
4.) Hijau
Hijau diasosiasikan dengan tumbuhan, natural, lingkungan. Sisi
positifnya adalah kesuburan, uang, pertumbuhan, penyembuhan,
kesuksesan, natural, harmoni, kejujuran, muda. Negatifnya bisa
berarti rakus, iri, muak, racun, kerusakan karena lumut, tidak
berpengalaman. Efek pada produk di antaranya adalah warna
yang ‘ramah’ terhadap mata, menyejukkan dan menenangkan,
biasanya digunakan oleh rumah sakit untuk memberi
kenyamanan pada pasien, memberikan kesan teratur,
memberikan kesembuhan. Sementara, hubungan pada budaya
lokal disimbolkan sebagai surge (Islam), simbol utama Irlandia,
kesuburan (Yunani), melambangkan kemauan keras (penduduk
asli Amerika).
www.rumahsiapkerja.com
Simbolis Warna
5.) Ungu
Ungu diasosiasikan dengan keagungan, spiritualitas. Sisi positifnya
adalah kemewahan, kebijaksanaan, imajinasi, keajaiban,
tingkatan, inspirasi, kekayaan, penghargaan, mistik. Negatifnya
bisa berarti kekejaman, berlebihan. Efek pada produk yaitu ungu
memberikan kesan feminin dan romantik,terkadang diasosiasikan
dengan homoseksual, sering disebut imitasi, pada jaman kerajaan
disimbolkan dengan kekayaan dan kerajaan. Hubungan pada
budaya lokal adalah mengindikasikan kematian (Amerika Latin),
digunakan pada saat seorang istri mengalami kedukaan karena
kematian suaminya (Thailand), melambangkan perayaan dan
arogansi (Jepang).
www.rumahsiapkerja.com
Simbolis Warna
6.) Oranye
Oranye diasosiasikan dengan musim semi dan jeruk. Positifnya
adalah memberikan tambahan energi, kreativitas, keunikan,
stimulasi, sosial, kesehatan, aktivitas. Negatifnya adalah kegilaan,
trend, berisik. Efek pada produk adalah penambah nafsu makan,
ruangan yang berwarna oranye akan membuat orang cenderung
berpikir dan berbicara, ruangan berwarna oranye menyuarakan
persahabatan dan kegembiraan, menambah kewaspadaan maka
sering dipakai untuk seragam pekerja. Hubungan pada budaya
lokal adalah merujuk pada gerakan agama Protestan (Irlandia),
berhubungan dengan pembelajaran dan kekeluargaan (budaya
Amerika pribumi), merujuk pada agama Hindu (India), warna
nasional dari monarki (Belanda).
www.rumahsiapkerja.com
Simbolis Warna
7.) Hitam
Hitam diasosiasikan dengan malam dan kematian. Positifnya
adalah kekuatan, kekuasaan, berat, kemewahan, elegan, formal,
serius, bergengsi, kesunyian, misteri. Efek pada produk adalah
pakaian berwarna hitam membuat seseorang terlihat kurus,
warna hitam membuat warna lain terlihat lebih terang, pada
terapi psikis, warna hitam memberi efek meningkatkan
kepercayaan diri dan kekuatan, diasosiasikan dengan
kerahasiaan. Hubungan pada budaya lokal adalah warna hitam
untuk anak kecil laki-laki (Cina), diasosiasikan dengan karir,
pengetahuan, kesedihan, penebusan dosa (Asia pada umumnya),
pemberontak (Amerika, Eropa, kaum muda Jepang).
www.rumahsiapkerja.com
Simbolis Warna
8.) Putih
Putih diasosiasikan dengan sinar dan kemurnian. Positifnya adalah
sempurna, pernikahan, bersih, kebajikan, kejujuran, sinar,
kelembutan, suci, sederhana. Negatifnya adalah rapuh,terisolasi.
Efek pada produk adalah pada budaya tertentu warna putih pada
pakaian memberikan simbol keberuntungan dalam pernikahan,
putih adalah warna penyeimbang yg sangat baik, manjur dalam
mengobati rasa sakit kepala, sinar putih yang terang dapat
membutakan mata, diasosiasikan dengan malaikat dan Tuhan.
Hubungan pada budaya lokal adalah warna pemakaman
(Jepang dan Cina), simbol menyerah (seluruh dunia),
mengidentikkan dengan orang kulit putih/Kaukasian (Eropa,
Amerika), mengundang kesedihan pada pernikahan (India).
www.rumahsiapkerja.com
Simbolis Warna
9.) Abu-abu
Abu-abu diasosiasikan dengan netral. Positifnya adalah
seimbang, keamanan, masuk akal, klasik, sederhana, dewasa,
intelek, keadilan. Negatifnya adalah kurang tanggung jawab,
ketidakpastian, labil, tua, membosankan, cuaca buruk, kesedihan.
Efek pada produk yaitu mempengaruhi kekuatan emosi,
penyeimbang antara warna hitam dan putih, sebagai warna
pendukung. Hubungan pada budaya lokal diasosiasikan dengan
kesetiaan dan persahabatan (penduduk asli Amerika),
menyimbolkan industri sebagai lawan dari hijau yang
menyimbolkan lingkungan (Amerika), biasa dianggap sebagai
simbol uang dan perak (seluruh dunia).
www.rumahsiapkerja.com
Pemanfaatan Warna
dalam Kemasan dan Iklan
Ada beberapa pemanfaatan warna dalam kemasan dan iklan
yang terdiri dari:
www.rumahsiapkerja.com
Pemanfaatan Warna
dalam Kemasan dan Iklan
b.) Acuan dalam proses pemilihan warna, seperti :
www.rumahsiapkerja.com
Pemanfaatan Warna
dalam Kemasan dan Iklan
c.) Contoh warna yang sering digunakan pada kemasan produk.
Ada beberapa contoh warna yang sering digunakan pada
kemasan produk dalam mempromosikan brand mereka untuk
peningkatan penjualan. Merah, sering digambarkan dalam
pengertian aktif, enerjik, dan penuh vitalitas. Contohnya adalah
pasta gigi Close Up, Lifebuoy, dan sebagainya.
www.rumahsiapkerja.com
Kategori Desain
Grafis
Menguasai Desain Grafis Toko Online bagi
Perancang Grafis
Apa saja kategori
Desain Grafis?
www.rumahsiapkerja.com
Secara garis besar inilah beberapa
Kategori Desain Grafis:
www.rumahsiapkerja.com
Printing
Printing (percetakan) yang memuat desain buku,
majalah, poster, booklet, leaflet, flyer, pamflet,
periklanan, dan publikasi lain yang sejenis.
www.rumahsiapkerja.com
Web Design
Web design (desain untuk halaman web) atau
desain interaktif.
www.rumahsiapkerja.com
Film
Film, termasuk TV komersial, animasi, dan
multimedia interaktif.
www.rumahsiapkerja.com
Identifikasi (logo), EGD
(Environmental Graphic
Design)
Identifikasi (logo), EGD (Environmental Graphic
Design) merupakan desain profesional yang
mencakup desain industri (iklan, branding,
company profile, dan lain-lain).
www.rumahsiapkerja.com
Product Design
Product Design atau Desain produk, pemaketan,
kemasan, merchandise, dan sebagainya.
www.rumahsiapkerja.com
Desain Grafis
Penunjang Toko
Online
Menguasai Desain Grafis Toko Online bagi
Perancang Grafis
Apa saja desain grafis
yang diperlukan
apabila kamu ingin
membuat toko online?
www.rumahsiapkerja.com
Lakukan ini untuk menunjang
desain toko online kamu:
Identitas visual yang terdiri dari logo agar produk yang
dimiliki bisa lebih mudah diingat calon konsumen. Bagian
dari desain grafis yaitu visual adalah sebuah sebuah
rancangan yang memberikan identitas bagi setiap bisnis
dari kelas kecil hingga besar. Umumnya, desainer fokus
pada aset merek yang mencakup logo, tipografi atau palet
warna dan maskot.
www.rumahsiapkerja.com
Lakukan ini untuk menunjang
desain toko online kamu:
Desain grafis untuk promosi atau periklanan yang terdiri
dari: e-flyer, e-katalog, foto produk, tipografi serta iklan
produk sederhana. Jenis desain yang ini memang bertujuan
untuk mengenalkan dan memasarkan produk suatu
perusahaan, agar masyarakat memiliki keinginan untuk
membeli barang dagang tersebut.
www.rumahsiapkerja.com
Beberapa Contoh
Desain Grafis Promosi
atau Periklanan
www.rumahsiapkerja.com
Contoh E-Flyer
Contoh E-Katalog
www.rumahsiapkerja.com
Contoh Tipografi
www.rumahsiapkerja.com
BERKENALAN
DENGAN LOGO
Tebak logo
www.rumahsiapkerja.com
01
www.rumahsiapkerja.com
02
www.rumahsiapkerja.com
03
www.rumahsiapkerja.com
04
www.rumahsiapkerja.com
05
www.rumahsiapkerja.com
06
www.rumahsiapkerja.com
Alasan pentingnya logo pada kemasan produk
01 02 03
www.rumahsiapkerja.com
Alasan pentingnya logo pada kemasan produk
04 05 06
www.rumahsiapkerja.com
Logo yang baik
itu seperti apa?
www.rumahsiapkerja.com
Syarat logo yang baik
01 02 03
www.rumahsiapkerja.com
Syarat logo yang baik
04 05 06
www.rumahsiapkerja.com
Kapan saatnya mendesain ulang logo?
01 02 03
Perubahan visi dan Logo Mirip dengan Ada Masalah Teknis Saat
misi perusahaan Logo Perusahaan Lain Menggunakan Logo
04
www.rumahsiapkerja.com
Contoh perusahaan yang mendesain
ulang logonya
www.rumahsiapkerja.com
Contoh perusahaan yang mendesain
ulang logonya
www.rumahsiapkerja.com
BERKENALAN
DENGAN
FOTO PRODUK
Definisi Fotografi Produk
www.rumahsiapkerja.com
Kenapa foto produk penting?
03 Menjadi identitas
www.rumahsiapkerja.com
Jenis-Jenis Foto Produk
01 02 03 04
www.rumahsiapkerja.com
Tips memotret produk
02 Gunakan Tripod
03 Perhatikan Pencahayaan
04 Perhatikan komposisi
05 Potret sebanyak-banyaknya
www.rumahsiapkerja.com
BERKENALAN
DENGAN E-FLYER
Definisi e-flyer
www.rumahsiapkerja.com
Diskusikanlah:
- Fungsi e-flayer,
- Tujuan e-flayer,
- Kelebihan dan
kekurangan e-flayer.
www.rumahsiapkerja.com
Fungsi e-flyer
www.rumahsiapkerja.com
Tujuan e-flyer
1. Discovery (Penemuan)
2. Research (Riset)
3. Consideration (Pertimbangan)
4. Sale (Penjualan)
5. Validation (Validasi)
6. Advocacy (Pembelaan).
Kelebihan e-flyer
1. Berisi informasi yang lengkap walaupun ukurannya kecil.
2. Mudah untuk dilihat di mana saja karena bersifat digital dan tersimpan di gawai.
5. Informasi yang ada di dalam e-flyer dapat dilihat ulang dan dibaca dengan teliti.
9. Dari segi distribusi, e-flyer lebih cepat, masif, dan fokus ke penerimanya.
www.rumahsiapkerja.com
Kekurangan e-flyer
www.rumahsiapkerja.com
BERKENALAN
DENGAN
TIPOGRAFI
Definisi Tipografi
www.rumahsiapkerja.com
Yuk, kenalan
dengan
jenis-jenis font!
www.rumahsiapkerja.com
Serif
01
Jenis huruf ini memiliki garis-garis kecil yang
disebut counterstroke pada ujung-ujung badan
huruf. Garis-garis tersebut berdiri horisontal
terhadap badan huruf. Huruf serif dikenal lebih
mudah dibaca karena kaitnya tersebut menuntun
pandangan pembaca membaca baris teks yang
sedang dibacanya.
www.rumahsiapkerja.com
02 Sans Serif
Jenis huruf ini tidak memiliki garis-garis kecil yang
disebut counterstroke.
www.rumahsiapkerja.com
03 Blok
Memiliki ketebalan badan yang
cukup mencolok. Tampilannya yang
gemuk dan terkesan berat, sering
digunakan sebagai headline (judul
berita) atau tagline copy dalam
iklan.
www.rumahsiapkerja.com
BRUSH SCRIPT
04 Script
Jenis huruf ini menyerupai tulisan
COMIC SANS
LUCIDA
HANDWRITING
tangan sehingga mengesankan
karakter yang alami dan personal.
www.rumahsiapkerja.com
05 Black Letter OLD ENGLISHT TEXT
ALGERIAN
Huruf ini sangat khas karakternya klasik
dan memang sangat berbeda daripada
yang lain, walaupun kini banyak variasi
yang diciptakan. Orang awam biasa
menyebut sebagai huruf jerman.
www.rumahsiapkerja.com
06 Graphics
Huruf ini cenderung
mengesankan gambar, tanpa
menghilangkan makna bahwa
yang ditunjukkannya adalah
sesungguhnya huruf yang
bermakna.
www.rumahsiapkerja.com
BERKENALAN
DENGAN
E-KATALOG
Definisi e-katalog
www.rumahsiapkerja.com
Jenis-Jenis E-Katalog
E-Katalog Nasional
01 Disusun dan dikelola oleh Lembaga Pengadaan Barang dan Jasa Pemerintah
E-Katalog Sektoral
02 Disusun oleh kementrian. Ruang lingkupnya lebih kecil dari e-catalogue nasional.
E-Katalog Daerah
03 Tim yang menyusun adalah pemerintah daerah setempat, yang langsung
dibentuk oleh kepala daerah
E-Katalog Swasta
04 List barang atau jasa yang dibuat oleh perusahaan atau badan usaha swasta.
Terbagi menjadi dua; konsumen, dan bisnis.
www.rumahsiapkerja.com
Contoh E-Katalog Swasta
01 E-Katalog Konsumen 02 E-Katalog Bisnis (B2B)
www.rumahsiapkerja.com
Manfaat e-katalog bagi konsumen
www.rumahsiapkerja.com
Manfaat e-katalog bagi
perusahaan
01 02 03 04
www.rumahsiapkerja.com
Yang perlu diperhatikan dalam
membuat e-katalog
04 Foto produk
www.rumahsiapkerja.com
BERKENALAN
DENGAN
DESAIN KEMASAN
Diskusikanlah:
- Pentingnya Memiliki Desain Kemasan
Produk
- Hal yang Perlu Diperhatikan dalam
Membuat Desain Kemasan
- Pola Bentuk untuk Kemasan Produk.
www.rumahsiapkerja.com
Kenapa desain kemasan produk penting?
Brand image 02
Sarana Marketing 03
Menarik Perhatian 04
Keamanan
Kemasan 05
www.rumahsiapkerja.com
Yang wajib ada dalam kemasan
produk
01 Nama Produk
03 Berat Bersih
06 Tanggal Kadaluarsa
07 Nomor Pendaftaran
08 Kode Pendaftaran
www.rumahsiapkerja.com
Contoh Pola Kemasan yang Unik
01 Cat Ear Box 02 Integrated Divider Box
www.rumahsiapkerja.com
Contoh Pola Kemasan yang Unik
03 Simple Hexagonal Box 04 Zig Zag Cuf Box
www.rumahsiapkerja.com
Contoh Pola Kemasan yang Unik
Haging Smartphone Case
05 Triangle Ornament Box 06 Box
www.rumahsiapkerja.com
Contoh Pola Kemasan yang Unik
07 Angle Cuff Ring Box 08 Interlocking Envelope
www.rumahsiapkerja.com
Contoh Pola Kemasan yang Unik
09 Curve Box 10 Box With Self Supporting
Insert
www.rumahsiapkerja.com
BERKENALAN
DENGAN
IKLAN PRODUK
3 Alasan Penting
www.rumahsiapkerja.com
8 Elemen Penting yang Harus Dimiliki Iklan Produk
www.rumahsiapkerja.com
SOFT SKILL
SEORANG DESAINER
GRAFIS
Diskusi:
Apa Saja Soft Skill yang Penting Bagi
Seorang Desainer Grafis?
www.rumahsiapkerja.com
01 Komunikasi
www.rumahsiapkerja.com
02 Strategi
www.rumahsiapkerja.com
03 Problem Solving
www.rumahsiapkerja.com
04 Mengatur waktu
www.rumahsiapkerja.com
05 Active Listening
www.rumahsiapkerja.com