Archive for April 2021

Assalamualaikum warahmatullahi wabarakatuh …
Hallo teman – teman semua, selamat sore. Gimana puasanya ? masih lancer kan ? semoga aja lah yaa.
Okee, kali ini aku bakal ngajak kalian untuk ngebahas materi mengenai “Prototype”. Yukk langsung aja ke pembahasannya

DEFENISI PROTOTYPE
Menurut Kamus Besar Bahasa Indonesia (KBBI), prototype adalah model asli dari sebuah produk atau aplikasi yang menjadi contoh. Bisa juga disebut sebagai contoh baku yang memiliki ciri khas.
Prototype merupakan model awal atau contoh yang dibuat untuk digunakan sebagai alat uji coba terhadap konsep yang sudah diperkenalkan. Prototipe biasanya dibuat untuk melakukan beberapa uji coba, seperti untuk mengetahui apakah konsep yang sudah dipaparkan bisa diimplementasikan ataupun untuk menguji selera pasar.

TUJUAN PROTOTYPE
Prototype bertujuan agar sebuah produk yang diluncurkan sesuai dengan permintaan pasar. Prototype bisa menjadi jembatan penghubung antara si produsen dan si konsumen untuk mewujudkan produk yang sesuai. Dengan begitu, produk yang diluncurkan akan diminati oleh konsumen. Adanya prototype ini juga bisa menghemat biaya produksi karena produsen tidak perlu melakukan ‘trial and error’ atau ‘coba - coba’. Bisa dibayangkan, berapa besar biaya produksi yang harus dikeluarkan jika produsen tidak memiliki prototype dan hanya asal saja dalam mengeluarkan produk.

Berikut tujuan lain dari prototype, yaitu :
1. Memunculkan ide-ide baru secara visual dan bisa mengembangkannya
2. Mengevaluasi dan feedback pada rancangan interaktif
3. Anggota tim developer dapat berinteraksi satu sama lain dengan baik
4. Stakeholder ataupun user dapat berinteraksi langsung dengan prototype

MANFAAT PROTOTYPE
1. Dapat menghemat biaya
2. Dapat menjadi acuan untuk mengembangkan ide atau produk baru
3. Mendapatkan gambaran yang konkret tentang suatu konsep
4. Menjadi tahu apa keinginan konsumen
5. Memudahkan produsen untuk mempresentasikan produk yang akan diluncurkan dihadapan investor

KEUNGGULAN PROTOTYPE
1.Terjadi komunikasi yang baik antara developer dan costumer
2.Pengembangan dapat berjalan lebih baik dalam menentukan kebutuhan pelanggan
3.Pelanggan dapat berperan langsung dalam pengembangan aplikasi atau program
4.Mengurangi biaya pengembangan dan maintenance
5.Dapat melakukan eksperimen baru dengan perancangan alternatif

Prototype juga memiliki kekurangan, salah satunya adalah costumer kadang tidak melihat atau menyadari bahwa perangkat lunak yang ada belum mencantumkan kualitas perangkat lunak secara keseluruhan dan juga belum memikirkan kemampuan pemeliharaan untuk jangka waktu yang lama.

Itulah tadi pembahasan mengenai Prototype, sekarang kita sudah tahu apa yang dimaksud dengan prototype itu, apa saja fungsi dan manfaat nya, serta kelebihan dan kekurangan yang dimilikinya. Sekian yang bisa saya tuliskan dalam kesempatan ini, mohon maaf atas segala kekurangan dan terimakasih kepada yang telah membaca..

Assalamualaikum warahmatullahi wabarakatuh gengs !

Haii teman – teman semuaa, gimana nih puasanya ? lancer kann, pasti lancer laah hehee

Di kesempatan kali ini, aku bakal ngajak kalian ngebahas materi mengenai “POSTER”. Yukk langsung aja ke pembahasannya…

Pengertian Poster

Yang dikatakan dengan Poster adalah sebuah media publikasi yang memadukan antara tulisan dan gambar atau kombinasi keduanya dengan tujuan untuk memberikan informasi kepada khalayak ramai.

Fungsi Poster

1. Sebagai sarana bagi para desainer untuk berkreativitas

2. Sebagai sarana untuk menyampaikan informasi

3. Sebagai media promosi barang atau jasa

Tujuan Poster

1. Mengingatkan masyarakat tentang apa saja hal yang harus dilakukan

2. Menjadikan produk atau jasa yang kita miliki diketahui oleh orang banyak

3. Membuat masyarakat menjadi tahu tentang apa saja kegiatan yang akan dilakukan

4. Mengingatkan kepada masyarakat untuk menghindari diri dari hal-hal yg merugikan

Jenis – jenis Poster berdasarkan isi

1. Poster niaga yaitu poster yang dibuat dengan tujuan untuk menawarkan barang atau jasa.

2. Poster layanan masyarakat adalah poster yang berisikan informasi untuk mengedukasi masyarakat secara umum tentang suatu hal.

3. Poster kegiatan merupakan sebuah media untuk memberitahukan tentang suatu kegiatan yang akan diselenggarakan.

4. Poster pendidikan adalah poster yang memiliki tujuan untuk mendidik masyarakat. Dan biasanya berhubungan dengan dunia pendidikan dan akan dipasang di sekolah-sekolah.

Jenis – jenis Poster berdasarkan tujuan

1. Poster kampanye adalah jenis poster yang digunakan untuk menarik simpati masyarakat terhadap partai politik serta calon yang akan maju dalam pemilihan umum.

2. Poster 'cheesecake' adalah sebutan untuk poster yang digunakan untuk menarik perhatian dan minat publik.

3. Poster film adalah poster yang dibuat khusus untuk mempromosikan suatu film yang akan atau sedang tayang di bioskop.

4. Poster buku dan/atau komik memiliki pengertian yang sama dengan poster film. Kesamaan tersebut yaitu untuk mempopulerkan suatu buku atau komik yang dijual di toko buku.

5. Poster propaganda adalah poster yang berisikan kalimat yang bertentangan dengan pemerintahan berwenang.

6. Poster 'dicari' (dalam Bahasa Inggris poster 'wanted') adalah jenis poster memuat informasi penjahat yang sedang menjadi buronan, orang hilang, atau bahkan mengenai lapangan pekerjaan.

7. Poster riset adalah poster yang bertujuan untuk menginformasikan mengenai sebuah kegiatan riset.

8. Poster afirmasi adalah poster yang bertujuan untuk memberikan motivasi kepada pembaca.

9. Poster komersial memiliki pengertian yang sama dengan poster niaga, yaitu untuk mempromosikan suatu produk agar makin dikenal masyarakat dan meningkatkan angka penjualan.

Pengertian Rule Of Third

Rule Of Third Merupakan sebuah komposisi yang paling terkenal di setiap jenis fotografi dimana prinsip ini menyatakan bahwa untuk melakukan hal ini maka harus menempatkan elemen terpenting pada tampilan foto kamu disepanjang garis tersebut, atau poin dimana garis tersebut memotong bagian dalam gambar, dengan cara ini akan menambah keseimbangan dan kesan dalam foto anda. Beberapa kamera hadir dengan menawarkan pilihan untuk menyusun prinsip the rule of thirds secara otomatis pada tampilan layar LCD, sehingga membuatnya jadi lebih mudah untuk digunakan.

Assalamualaikum warahmatullahi wabarakatuh

Selamat pagi everyone, di kesempatan kali ini aku mau ngebahas topik mengenai “Mockup”. Apa sih Mockup itu ??? Okee disini bakal kita kupas tuntas ya mengenai topik ini, lets check it out !!

DEFENISI MOCKUP

Mockup adalah sebuah media visual yang digunakan untuk melihat preview sebuah konsep desain. Yang selanjutnya diberikan efek visual sehingga hasil gambar terlihat menyerupai wujud yang sebenarnya. Mockup akan memberikan gambaran desain sebelum diaplikasikan menjadi benda nyata sehingga memudahkan pekerjaan seorang desainer.

MOCKUP DESAIN WEB

Mockup desain website diperlukan guna meyakinkan seseorang ketika akan membuat website dengan desain custom. Melalui mock up, seseorang dapat melihat visualisasi calon website secara nyata sehingga kita dapat memberikan masukan kepada desainer jika tampilan mock up dirasa belum sesuai dengan permintaan sebelumnya. Oleh karena itu, tak heran jika mock up merupakan bagian penting dari pembuatan website dengan desain custom.

FUNGSI MOCKUP DESAIN WEB

Berikut beberapa fungsi yang dimiliki mockup desain web, diantaranya :

1. Media presentasi proyek desain web.

2. Menampilkan konsep desain yang akan ditawarkan, seakan-akan nyata.

3. Pedoman teknis untuk merancang halaman web.

4. Kontrol agar display desain yang dibuat tak melenceng dari rencana awal.

5. Memudahkan Anda mendapat gambaran konsep web.

ALASAN MOCKUP PENTING UNTUK DESAIN SEBUAH PRODUK

1. Perkiraan waktu pengembangan

Mockup adalah tahap penting agar front-end developer tidak kesulitan ketika akan memperkirakan berapa lama proses pengembangan produk akan berjalan. Meskipun berupa gambaran statis, tetapi mockup dapat menjelaskan bagian - bagian yang akan didesain bergerak atau menggunakan animasi. Dibanding langsung masuk ke proses coding, akan lebih cepat jika menggunakan mockup terlebih dahulu sehingga developer bisa tahu berapa waktu yang dibutuhkan untuk menerjemahkan desain mockup menjadi produk nyata.

2. Coding HTML

Para front-end developer membutuhkan mockup untuk dapat mengetahui warna, bentuk, font, serta elemen lain dalam desain yang diinginkan dan menterjemahkannya ke dalam kode. Tanpa mockup, kita akan kesulitan untuk mengetahui itu semua dan proses perancangan akan menjadi lebih lama.

3. Mendatangkan investor

Mockup adalah cara awal agar sebuah rancangan produk dilirik oleh para investor. Tanpa desain mockup yang bagus dan rinci, investor tidak akan tahu seberapa besar potensi situs atau aplikasi yang kamu rencanakan, dan tentu saja akan sulit untuk merealisasikan sebuah proyek tanpa investor dan dana yang cukup.

4. Kenyamanan pengguna

Situs atau aplikasi buatan kita harus terlihat bagus. Selain itu, pengguna harus bisa menemukan apa yang mereka cari dengan mudah dan bernavigasi tanpa kesulitan. Tahap paling mudah untuk mengidentifikasi kebutuhan pengguna dan keselarasan fitur serta desain yang dirancang adalah mockup, oleh karena itu mockup sangatlah penting.

Itulah pembahasan mengenai topik MOCKUP, semoga dengan membaca tulisan ini, kawan – kawan semua menjadi tahu dan paham tentang pengertian Mockup, dll.

Assalamualaikum warahmatullahi wabarakatuh

Hai kawan – kawan semua, gimana puasanya ? Lancar kan ? .. Kita ketemu lagi ni di blog kesayangan aku, dimana lagi kalo bukan zackya’s blog. Oh yaa kalo minggu kemaren kita ngebahas materi mengenai desain Font, kali ini kita bakal ngebahas materi mengenai desain Logo. Sebelum itu kita akan bahas dulu mengenai pengertian logo, jenis-jenis logo, dan fungsi logo.

PENGERTIAN LOGO

Logo adalah sebuah tulisan, sketsa, atau gambar yang mempunyai makna tertentu dan bisa mewakili identitas atas suatu bentuk entitas, seperti lembaga, organisasi, perusahaan, daerah, negara, atau produk.

JENIS LOGO

1. Logo Lambang

Adalah suatu jenis logo yang di dalamnya terdapat huruf dan ditempatkan dalam suatu ikon atau simbol, lencana, segel serta menjadi inti dari adanya lambang tersebut. Biasnya, logo ini sering digunakan oleh suatu institusi tertentu seperti sekolah, komunitas, organisasi, industri otomotif, atau lembaga pemerintah. Beberapa contohnya adalah logo BMW, Harley Davidson, Starbucks, dll.

2. Logo Kombinasi

Adalah suatu jenis logo yang mengkombinasikan jenis logo letter mark atau word mark dengan abstrak, maskot, atau simbol. Teks yang terdapat dalam logo ini biasanya akan digabungkan juga dengan baik sehingga mampu menghadirkan suatu logo yang terkesan menarik. Beberapa contohnya adalah logo Burger King, Lacoste, Doritos, dll.

3. Letter Mark

Atau logo monogram adalah suatu jenis logo yang menggambarkan nama atas suatu perusahaan atau brand dengan memanfaatkan inisial nama brand nya. Biasanya, logo jenis ini hanya memanfaatkan dua hingga empat huruf saja sesuai dengan brand tersebut, sehingga bisa lebih mudah diingat oleh masyarakat. Beberapa contohnya adalah logo CNN, HP, HBO, IBM, NASA, dll.

4. Word Mark

Pengertian logo wordmark hampir menyerupai jenis logo letter mark, yaitu dengan hanya menggunakan huruf saja untuk melambangkan suatu perusahaan. Bedanya, word mark akan menggunakan seluruh nama brand atau perusahaan tanpa disingkat. Jenis logo ini biasanya digunakan jika nama perusahaan atau nama produknya tidak terlalu panjang, sederhana, serta unik. Beberapa contohnya adalah logo Facebook, Disney, Coca-Cola, dll.

5. Pictorial Mark

Adalah suatu logo yang memanfaatkan ikon yang dihiasi dengan grafis tertentu untuk menggambarkan suatu brand. Bentuk logo atau ikon tersebut akan terus melekat dan harus mampu mewakili identitas produk atau brand. Beberapa contohnya adalah logo Apple, Nike, Twitter, dll.

6. Logo Abstrak

Jenis logo ini mempunyai suatu bentuk geometris yang acak. Jenis logo ini juga biasanya sangat efektif karena mampu mewakili suatu bisnis secara menyeluruh dalam satu gambar. Beberapa contohnya adalah logo Pepsi, Adidas, BP, dll.

7. Logo Maskot

Adalah suatu jenis logo yang didesain dengan suatu karakter demi menggambarkan suatu brand atau perusahaan. Pada umumnya, jenis logo ini memiliki kandungan unsur warna yang cerah dan ceria yang dinilai sebagai maskot brand atau perusahaan. Logo jenis ini dibuat demi menghadirkan daya tarik tertentu untuk anak-anak dan keluarga, contohnya adalah logo KFC dengan maskot Kolonel Sanders, Kool-Aid dengan maskot Kool-Aid man, Alfamart dengan maskot Albi si lebah, dll.

FUNGSI LOGO

1. Branding

Logo adalah bentuk identitas atas suatu entitas kepada masyarakat umum. Untuk itu, suatu logo harus menggambarkan karakteristik suatu organisasi atau produk yang diwakilinya. Jadi, nantinya masyarakat akan mengingat dan mengenal suatu logo yang mewakili entitas tersebut.

2. Memberikan Informasi, Pengawasan, dan Kontrol

Sebuah logo memiliki kandungan informasi yang hendak disampaikan ke masyarakat. Informasi tersebut dibuat untuk bisa mengendalikan pandangan atau kegiatan masyarakat atas suatu brand. Sederhananya, logo akan menyampaikan informasi penting dan kesan yang diinginkan perusahaan dari masyarakat. Sehingga, logo juga berfungsi sebagai suatu pengawas dan pengontrol nilai perusahaan di mata masyarakat.

3. Memberikan Motivasi

Suatu logo juga digunakan untuk menyampaikan pesan motivasi kepada seluruh pihak yang sesuai dengan tujuan brand tersebut. Contohnya, suatu desain produk pada sabun mandi akan mampu memberikan motivasi kepada masyarakat untuk terus menjaga pola hidup bersih dan sehat.

4. Mengutarakan Emosi

Suatu logo juga bisa dijadikan sebagai sarana dalam mengutarakan emosi. Contohnya, suatu logo yang terdapat pada produk ibu hamil dan menyusui akan menggambarkan kasih sayang seorang ibu pada anaknya.

5. Untuk Presentasi dan Promosi

Logo juga sangat efektif untuk dijadikan sebagai sarana promosi dan presentasi. Seluruh informasi atau pesan yang yang ingin disampaikan oleh perusahaan kepada publik akan lebih menarik dan lebih mudah diingat dengan memanfaatkan gambar dan kata-kata yang persuasif pada suatu logo.

Nah, jika kita telah mengetahui dan memahami tentang semua yang tertera diatas pasti kita akan dapat membuat sebuah desain logo yang bagus dan tentunya berkualitas.

Assalamualaikum warahmatullahi wabarakatuh

Hai teman, jumpa lagi nih di blog kesayangan kita semua...

Hari ini aku bakal ngebahas mengenai Wireframe, kemaren kan aku ngebahas materi mengenai desain font / typography tuu, kalo sekarang aku bakal ngebahas mengenai desain wireframe. Yukk langsung aja ke pembahasannya.

DEFENISI WIREFRAME

Wireframe adalah sebuah kerangka yang berfungsi untuk membuat tata letak pada suatu website agar sesuai dengan bagaimana keinginan klien atau pelanggan sebelum masuk ke proses desain atau coding.

Dimana komponen yang menjadi bahan untuk proses wireframe diantaranya meliputi bagian header, body/content, footer, sidebar, dan beberapa komponen tambahan lainnya.

TUJUAN WIREFRAME

Wireframe memiliki tujuan untuk memberikan pemahaman visual tentang sebuah halaman di tahap awal proyek sebelum memulai proses desainnya. Wireframe juga dapat digunakan untuk membuat navigasi global dan sekunder untuk memastikan terminologi dan struktur yang digunakan untuk website dapat memenuhi harapan pengguna.

Berikut adalah komponen dalam proses pembuatan wireframe website, diantaranya :

1. Layout Utama

Hal pertama kali yang perlu dipersiapkan dalam pembuatan sebuah wireframe website adalah antarmuka (interface) atau layout utama. Elemen yang termasuk dalam layout sendiri meliputi bagian kepala (header), menu navigasi, body, pemilihan jenis dan ukuran font, hingga pemilihan letak sidebar apakah ada di sebelah kiri atau sebelah kanan.

2. Komponen Navigasi

Navigasi adalah suatu bagian dari peta dan juga petunjuk arah yang biasa digunakan para pengguna untuk membantu menjelajahi isi konten yang ada. Bagian ini harus benar-benar dikonsep secara matang mulai dari proses wireframingnya agar kedepannya menjadi semakin nyaman untuk digunakan oleh pengunjung.

3. Elemen Tambahan

Komponen selanjutnya yang perlu dipersiapkan pada saat membuat wireframe website adalah elemen pendukung. Bagian ini biasanya memiliki jumlah berbeda-beda tiap website. Misalnya, untuk website toko online setidaknya memerlukan fitur form konfirmasi pemesanan, fitur cek resi, serta layanan chat untuk diskusi antara penjual dan pembeli. Sementara untuk website berbasis artikel seperti detik atau tribun, Anda harus memperhatikan fitur subscribe newsletter, kolom komentar, atau tombol bagikan.

PROSES PEMBUATAN WIREFRAME

1. Lakukan Riset

Sebelum kamu membuat wireframe, Kamu harus terlebih dahulu memahami siapa audiens kamu melalui riset pengguna, melihat hal-hal apa yang dibutuhkan, membuat persona pengguna dan mendefinisikan kasus penggunaan, serta melengkapi ini semua dengan riset industri dan pesaing kamu.

2. Desain Proses Wireframe

Desain adalah proses organik dan oleh karena itu setiap desainer memiliki cara menggunakan visual dan code yang berbeda-beda . Kamu harus bisa menentukan proses kamu sendiri dengan berbagai cara.

3. Tentukan Tools / Software Yang digunakan

4. Setting Grid

5. Menentukan Tata Letak dengan Kotak

Langkah selanjutnya, ialah mulai dengan menggambar kotak pada grid yang tadi kita input. Pikirkan tentang urutan informasi yang ingin kamu sampaikan kepada pengunjung website kamu.

6. Mendefinisikan Hirarki Informasi dengan Typography

Selanjutnya mulai isi desain tata letak kamu dengan konten sedikit demi sedikit untuk mengetahui apakah informasi tersebut terstruktur dengan baik. Informasi yang akan kamu sampikan haruslah jelas dan mudah dibaca. Menggunakan ukuran font yang berbeda sebagai permulaan adalah cara yang bagus untuk membedakan antara berbagai tingkat informasi desain kamu.

7. Poles wireframe dengan Grayscale

Menggunakan Grayscale dapat membantu kamu menentukan kekuatan visual pada wireframe yang kamu buat sebelum nantinya diterapkan pada website. Disini kamu dapat melihat gambaran tampilan desain kamu tanpa harus memberikan warna.

8. Mengubah format Wireframe Menjadi Bentuk Visual

Assalamualaikum warahmatullahi wabarakatuh

Selamat malam teman – teman semua, di kesempatan kali ini kita akan ngebahas materi mengenai desain font / typography nihh... Langsung aja ke pembahasannya yukk !

PENGERTIAN TYPOGRAPHY

Typography adalah seni dan teknik pemilihan, penataan dan pengaturan huruf pada ruang-ruang yang tersedia, sehingga dapat menimbulkan kesan tertentu dan pesan yang tersampaikan sesuai dengan apa yang diharapkan.

HAL PENTING YANG HARUS DIPERSIAPKAN

Berikut beberapa hal penting dari konsep typography (tipografi) yang harus dipertimbangkan oleh seseorang dalam mengaplikasikan huruf ke dalam desain mereka, diantarany :

1. Size

Ukuran setiap jenis huruf berbeda satu sama lain. Ada font bentuknya besar dan lebar, ada juga yang tipis dan kecil. Dua font yang berbeda meski diketik dengan ukuran yang sama tidak selalu terlihat berukuran sama. Sebagai contoh, font Times New Roman dan Arial ketika diketik dengan ukuran 12pt, font Times New Roman akan terlihat lebih kecil karena kedua font ini memang memiliki tinggi yang berbeda. Sesuaikan ukuran huruf dengan desain yang kamu inginkan serta audience yang ditargetkan.

2. Leading

Yang dimaksud dengan leading adalah jarak spasi yang ada antara tiap baris tulisan. Agar tulisan mudah dibaca, disarankan ukuran leading lebih besar daripada ukuran font nya. Bisa 1.25 atau 1.5 kali lebih besar dibanding fontnya. Hindari jarak antar baris terlalu dekat atau terlalu jauh agar tidak sulit dibaca.

3. Tracking dan Kerning

Tracking dan Kerning adalah pengaturan jarak antar huruf. Tracking mengatur dan mengaplikasikan jarak antar huruf yang sama secara general. Nah, terkadang jarak yang dipukul rata ini membuat tulisan terlihat timpang; sebagian terlihat cukup, tapi sebagian lainnya terlihat terlalu dekat atau jauh. Dalam kasus seperti ini lah kerning diperlukan, sebab kerning mengatur jarak antar sepasang karakter saja, sehingga dapat menyesuaikan jarak sesuai kebutuhan dan membuat suatu kelompok karakter terlihat konsisten dalam hal jarak antar hurufnya.

4. Measure

Measure mengacu kepada lebar kolom tulisan. Hal ini mungkin terlihat tidak penting, tapi sebenarnya pengaturan lebar kolom dapat mempengaruhi keterbacaan tulisanmu, sebab mata akan cepat lelah apabila harus membaca kolom yang panjang berulang kali dan tidak dapat dipungkiri pembaca malas membaca tulisan yang terlalu panjang. Itulah sebabnya koran mengatur kolom tulisannya pendek dan singkat agar tidak melelahkan ketika dibaca.

5. Hierarchy dan Scale

Jika semua huruf memiliki tampilan yang sama, maka akan sulit untuk mengetahui mana yang paling penting dari tulisan tersebut. Karena itulah pengaturan hierarchy dan scale menjadi penting dalam typography (tipografi). Ini berguna untuk memberitahukan kepada pembaca mana yang harus diberi perhatian lebih dan mana yang tidak. Ukuran bukan satu-satunya hal dalam hierarchy; font, warna, spasi, tebal, dan gaya juga termasuk dalam hal ini.

Mungkin itulah beberapa hal yang harus dipersiapkan ketika akan membuat desain font / typography untuk kebutuhan masing – masing.

1. Lakukan Riset

2. Desain Proses Wireframe

3. Tentukan Tools / Software Yang digunakan

4. Setting Grid

5. Menentukan Tata Letak dengan Kotak

6. Mendefinisikan Hirarki Informasi dengan Typography

7. Poles wireframe dengan Grayscale

8. Mengubah format Wireframe Menjadi Bentuk Visual

POPULAR POSTS

LABEL

Cari Blog Ini

Mengenai Saya

Arsip Blog

Laporkan Penyalahgunaan

HALAMAN

DISCLAIMER

PRIVACY POLICE