PART 4 FIGMA || Penentuan Tema Figma Dan Alesan Pemilihan Tema

 Penentuan Tema?

            Pentuan tema pada sebuah desain UI/UX sangatlah penting, penentuan tema merupakan langkah awal dalam menentukan desain. Jika pada langkah penentuan tema ini sudah di dapatkan atau dicapai kita dapat lebih mudah lanjut pada kelangkah selanjutnya. Jangan lupa pada penentuan tema kita harus memiliki alasan dan tujuan yang jelas. Pada kesempatan kali ini saya akan menjelaskan tema yang saya buat dalam pembuatan desain website.


Tema

        Pada projek kali ini saya akan memakai tema yaitu toko laptop. Pada tema kali ini desain yang saya buat berfokus pada penjualan toko laptop. Jumlah section yang saya ingin gunakan yaitu 7 section, apa saja isi dalam setiap section tersebut yaitu ada home, support apa saja dari website laptop tersebut, produk yang dijual, dan testimoni dari para pelanggan.

Alasan

        Alasan saya mengapa memilih tema toko laptop ini yaitu untuk memermudah pelanggan dalam melihat dan menentukan laptop mana yang cocok untuk kebutuhan pelanggan dalam kehidupannya sehari-hari.

Desain 

        Disini saya akan menampilkan desain yang sudah saya buat sebelumnya:


            Berikut desain yang saya sudah saya buat sebelumnya, Mungkin desain tersebut belum sempurna tetapi saya harap desain tersebut dapat menjadi referensi jika ingin membuat suatu desain website penjualan barang.










  

Komentar

Posting Komentar

Postingan populer dari blog ini

PART 2 FIGMA || Cara Menggunakan Plugin

Gambar
  Apa Itu Plugin?           Menurut saya, Plugin merupakan fitur yang dimiliki oleh figma yang termasuk fitur yang sangat membantu di aplikasi figma itu sendiri. Dengan menggunakan plugin di dalam figma kita dapat memperoleh elemen-elemen yang dibutuhkan saat sedang mendesain suatu tampilan UI/UX dan adanya figma ini dapat mempercepat atau memudahkan persoalan dalam hal tersebut.    Berikut salah satu contoh plugin Bagaimana Cara Menginstal Plugin?          "Bagaimana sih cara menginstal plugin??", tenang aja saya disini akan memberi dan mengarahkan cara menginstal plugin menurut versi saya yang sudah saya pelajari sebelumnya yaa. Langsung saja, berikut langkah-langkah dalam menginstal plugin: Buka aplikasi atau web figma, lalu kalian bisa login menggunakan akun gmail masing masing. Buatlah projek baru dengan mengklik "New Desain File". Lalu, klik option pada pojok kiri atas jika diarahkan cursor muncul keterangan "Ma...
Baca selengkapnya

PART 1 FIGMA || Membuat Tampilan UI/UX Untuk Dekstop

Gambar
            Tentang Figma           Figma adalah salah satu tools atau aplikasi desain yang dapat digunakan pada windows dan Mac OS untuk membuat prototype aplikasi serta berbagai desain lainnya. Aplikasi ini berbasis vektor, sehingga memang sangat cocok digunakan untuk membuat user interface aplikasi atau website. Figma adalah satu dari sekian banyak tools desain seperti Adobe XD, Sketch, dan yang lain. Namun, figma masih menjadi pilihan yang populer, khususnya untuk kamu yang perlu berkolaborasi secara real time bersama tim. Langkah-langkah Untuk Login  Buka aplikasi atau web figma Jika kalian ingin membuka via website buka dengan alamat url berikut (figma.com) dan klik login. Dan jika ingin menggunakan aplikasi silahkan download di link berikut https://www.figma.com/downloads/. Login menggunakan akun google kalian Masukan akun google dan password kalian, Jika tidak memiliki akun kalian dapat membuat  akun deng...
Baca selengkapnya

PART 6 FIGMA || Komponen Dalam Figma

Gambar
  Komponen           Komponen merupakan suatu elemen yang dapat digunakan kembali di seluruh desain yang sudah kita buat, singkatnya  kita dapat menggunakan kembali elemen yang sudah dibuat. Contohnya dalam membuat button jika kita ingin menggunakannya kembali kita dapat menjadikannya sebuah komponen agar kita tidak perlu copy paste suatu elemen satu satu. Elemen sangat bermanfaat dalam pembuatan desain yang sudah banyak section atau banyak tampilan. Ada dua aspek dalam dari sebuah komponen yaitu Komponen utama mendefinisikan properti komponen dan Instance yaitu salinan komponen yang dapat Anda gunakan kembali dalam desain. Instance ditautkan ke komponen utama dan menerima pembaruan apa pun yang dibuat pada komponen tersebut.  Dibawah ini merupakan langkah-langkah mengubah elemen menjadi suatu komponen. Langkah-langkah Mengubah Siapkan Desain Yang Sebelumnya Sudah Dibuat Buka aplikasi atau website figma dan buka projek desain yang s...
Baca selengkapnya