OKEGUYS – Ini adalah cara mudah membuat frame website menggunakan Figma, kamu gak akan bingung Guys dengan tutorialnya.
Langkah ini jika semua elemen yang kita pelajari sebelumnya sudah kamu mengerti. Seperti mengganti gambar sketsa dengan gambar asli, konten yang masih abu-abu dengan warna.
Penting untuk melakukan sedikit riset tentang jenis produk atau situs web yang akan kamu buat. Kebanyakan hal seringkali dapat diekstrapolasi dari logo, seperti jenis desain dan warna yang akan digunakan.
Buat Frame Website Sederhana di Figma
- Buka Figma, kamu bisa menggunakan fFigma di website atau pun dengan cara kamu mengunduh aplikasinya. Setelah itu jangan lupa untuk buat akun baru, karena untuk mengakses aplikasi ini membutuhkan akun Guys.
- Seperti pada umunya, untuk memulai sebuah project kamu harus membuat file baru pada Figma. Kamu bisa klik tanda + pada bagian atas kanan layar.
- Buat frame desain website. Selanjutnya kamu pilih untuk desain website, karena memang kita ingin membuat project tersebut.
Banyak pilihan project disana yang tersedia, tergantung apa yang ingin kamu buat nantinya. Lalu pilih ukuran standar pada desktop yaitu 1440 x 1024.
- Setelah langkah tersebut lebih baiknya kamu ganti dulu nama file yang akan kamu jadikan project desain websitenya sesuai dengan yang kamu sedang kerjakan.
- Buat komponen awal yaitu header.
- Langkah terakhir ini kamu bisa menambahkan sebuah gambar ke dalam Figma dan membuat menu bar atau header ini ya Guys. Caranya cuma klik pada bagian button atas kiri pada layar lalu tambahkan komponen header ini.
Pada tahap ini, ada baiknya untuk memastikan bahwa header dan bagian ditampilkan dengan konten sebenarnya yang dimaksudkan untuk disimpan. Ini akan memungkinkan pemilihan warna dan gambar yang lebih baik pada tahap desain selanjutnya.
Jadi itulah tahap awal untuk pembuatan Desain website sederhana di Figma, selanjutnya kamu tinggal menambahkan konten-konten yang sesuai dengan konsep kamu aja.
Discussion about this post