Skip to primary content
Skip to secondary content

Desy Ayu Pratiwi

Desy Ayu Pratiwi

Main menu

  • Home
  • Article

Tag Archives: tampilan

Aspek dan Penggunaan Mockup

Posted on February 7, 2023 by desy
Reply

Setelah mengetahui mockup dan apa saja fungsi dan manfaatnya, kali ini akan membahas apa saja aspek dan untuk apa saja penggunaan mockup. Mockup dapat dipergunakan untuk mempresentasikan desain dari produk yang tengah dikembangkan. Mockup ini menjadi ilustrasi nyata dari produk atau konsep yang sedang diolah. Bentuk mockup terlihat seperti maket atau alat presentasi yang menyampaikan ilustrasi 3D.

Aspek dan Penggunaan Mockup

Mockup menjadi bagian yang krusial dari sebuah desain, tentu saja terdapat aspek-aspek yang wajib diperhatikan. Berikut ini beberapa aspek yang harus ada pada sebuah mockup, yaitu :

1. Layout
Yaitu gambaran penempatan konten yang akan ditampilkan. Terdapat berbagai jenis layout, mulai dari Z-shape, F-shape, single column, split screen, serta masih banyak lainnya. Pengguna tinggal menyesuaikan layout dengan proyek atau produk yang tengah dikembangkan.

2. Warna
Warna juga berperan krusial pada desain 3D. Penggunaan warna sangat menghipnotis psikologi dan perasaan seseorang. Maka dari itu, dalam pembuatan mockup harus memperhatikan penggunaan warna yang benar untuk kenyamanan pengguna saat tengah memakai produk.

3. Kontras
Perbedaan nyata juga sangat berpengaruh besar terhadap kenyamanan pengguna dalam memakai produk milik. Jika perbedaan nyata dalam produk, baik dalam bentuk tampilan web juga software menjadi tidak indah, maka pengguna akan kesulitan untuk menggunakannya.

4. Tipografi
Tipografi ini mencakup jenis serta ukuran font sampai spacing di teks yang digunakan pada produk milikmu. Jika jenis, ukuran, hingga spacing pada teks sesuai, maka desain akan lebih menarik untuk dilihat.

5. Spacing
Spacing di sebuah desain itu tidak harus selalu padat. Justru menggunakan adanya ruang kosong pada desain malah bisa mempercantik tampilan serta menjadi elemen yang bagus.

6. Navigasi
Aspek ini umumnya diterapkan pada produk berupa tampilan web dan aplikasi. Jika aspek navigasi ini diatur secara tepat, maka pengguna bisa menggunakan aplikasi dengan mudah, terutama saat tengah menjelajahi situsnya.

Aspek dan Penggunaan Mockup

Penggunaan Mockup

  • Mockup Website
    pada pembuatan sebuah website, baik itu website perusahaan maupun pribadi, pasti ada UI/UX Designer yang begitu mengandalkan mockup. Hal ini agar setiap website yang diciptakannya dapat sinkron dengan konsep serta klien pun akan puas dengan hasilnya. Tujuan dari pembuatan mockup website ini adalah agar klien mempunyai gambaran atas konsep yang sudah diberikan sebelumnya tentang bagaimana tampilan website yang nantinya akan didesain.
  • Mockup aplikasi
    Hampir sama dengan pembuatan website, sebuah software pun juga membutuhkan UI/UX Designer pada prosesnya. Maka dari itu, tidak jarang mockup perangkat lunak mempunyai tampilan yang sama dengan mockup website, sebab aplikasi cenderung diusahakan untuk dapat diakses melalui smartphone maupun web.
  • Mockup bungkus Produk
    Sebelum mencetak bagaimana bentuk bungkus suatu produk, para desainer tentu saja akan membentuk mockup terlebih dahulu. Hal tersebut bertujuan buat menyampaikan ilustrasi konkret asal yang akan terjadi konsep bungkus yg sudah dirancang sebelumnya. umumnya, mockup kemasan produk ini akan ditampilkan dalam bentuk digital supaya dapat dipandang dan disentuh pribadi. Melalui mockup kemasan produk ini juga, klien bisa mempunyai pengalaman nyata dalam memahami bagaimana bentuk asal bungkus produknya nanti.
  • Mockup Logo
    Pembuatan mockup logo ini cocok buat Grameds yang tengah merintis perjuangan baru. Yap, meskipun usaha bisnis milikmu masih baru, tentu saja membutuhkan suatu logo sebagai identitas. umumnya, pembuatan logo akan diserahkan kepada designer sehingga pada mockup-nya akan ditunjukkan secara digital. Bahkan tidak jarang, logo tersebut akan ditempel di suatu benda tertentu seolah menjadi merchandise. Barang-barang yg kerap dijadikan media mockup logo ini merupakan mug, tas, t-shirt, bag paper, dan masih banyak lainnya.

Perbedaannya dengan Prototype

Pada dasarnya, mockup ialah tampilan visual yang secara detail tentang bagaimana konsep produknya, disertai dengan aspek-aspek visual seperti gambar, warna, tipografi, layout, dan lainnya. Sementara itu prototype adalah ilustrasi konsep yang telah clickable sehingga hasilnya sudah bisa merespon perintah layaknya produk jadi. Prototipe ini adalah proses lanjutan dari sebuah mockup.

 

Posted in artikel | Tagged aspek, kontras, logo, mockup, penggunaan, produk, smartphone, tampilan, tipografi, warna, website | Leave a reply

Archives

  • July 2024
  • June 2024
  • May 2024
  • April 2024
  • March 2024
  • February 2024
  • January 2024
  • December 2023
  • November 2023
  • October 2023
  • August 2023
  • July 2023
  • June 2023
  • May 2023
  • April 2023
  • March 2023
  • February 2023
  • January 2023
  • November 2022
  • October 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
April 2026
M T W T F S S
 12345
6789101112
13141516171819
20212223242526
27282930  
« Jul    

Recent Posts

  • Tips Keuangan Perorangan Efektif
  • Pemicu Terjadinya Quiet Quitting
  • Ketika Anak sedang Tantrum
  • Tak Menunjukkan Gejala Hipertensi
  • Strategi Konsep Frugal Living
  • Home
  • Article
Proudly powered by WordPress