Skip to content

emka.web.id

Menu
  • Home
  • Indeks Artikel
  • Tutorial
  • Tentang Kami
Menu

Cara Mengubah Warna Latar Belakang di Figma

Posted on July 11, 2022 by Syauqi Wiryahasana

Color adalah bagian penting dari desain web yang menghidupkan halaman dan aplikasi seluler Anda. Figma adalah alat kreatif yang hebat tetapi skema warna default meninggalkan banyak hal yang diinginkan. Untungnya, ada banyak cara untuk memaksimalkan warna di Figma. Anda dapat menyesuaikan hampir semua hal, bahkan warna latar belakang.

Dalam artikel ini, kami akan menunjukkan cara mengubah warna latar belakang untuk kanvas, tombol, dan komponen lainnya di Figma. Kami juga akan menunjukkan cara membuat warna Anda sendiri. Mari kita masuk ke dalamnya.

Cara Mengubah Warna Latar Belakang

Tergantung pada apakah Anda memilih tema "terang" atau "gelap", warna latar belakang ruang kerja Anda akan abu-abu terang atau hitam pekat. Mengubah warna latar belakang untuk ruang kerja Anda tidak akan mengubah tema, tetapi akan mengubah skema warna halaman saat ini. Setiap halaman baru akan menjadi warna halaman saat ini, bukan tema.

Dengan mengingat hal itu, mari kita lihat cara mengubah warna latar belakang ruang kerja Anda.
Buka ruang kerja baru.Pada bilah alat di sebelah kanan, pilih "Latar Belakang ” bagian.Gunakan pemilih warna untuk mengubah warna latar belakang Anda.Jika Anda ingin menambahkan penggaris ke latar belakang Anda, tekan “Shift+R” untuk mengaktifkannya.
Cara Mengubah Warna Latar Belakang Menggunakan Prototipe

Prototipe memungkinkan Anda untuk mempratinjau bagaimana proyek Anda saat ini akan lihat pada perangkat di penampil Presentasi. Beberapa pengaturan model perangkat dilengkapi dengan skala warna yang berbeda. Oleh karena itu, penting untuk memilih model yang tepat untuk kebutuhan Anda.

Untuk memilih perangkat dan mengubah warna latar belakang pada Prototipe, lakukan hal berikut:
Hapus pilihan Anda di kanvas.Buka menu “Prototipe” di bilah sisi kanan.Pilih perangkat dan model yang disukai. Kotak pratinjau akan menunjukkan kepada Anda bagaimana tampilannya di kanvas. Di bagian "Latar Belakang", pilih warna latar belakang yang Anda inginkan. Warna latar belakang akan muncul di belakang perangkat di kotak pratinjau.
Cara Membuat Set Warna Kustom di Figma

Ketika Anda sedang mengerjakan sebuah proyek, hal terakhir yang ingin Anda lakukan adalah membuang waktu. Figma memiliki fitur praktis yang memungkinkan Anda membuat set warna khusus. Warna-warna ini juga dapat diterapkan pada warna latar belakang, sehingga Anda dapat dengan cepat mengubah warna tanpa harus melalui roda warna. Ini menghemat waktu Anda untuk mengatur ulang warna setiap kali.

Berikut ini cara membuat kumpulan warna khusus di Figma:
Buat bentuk baru di kanvas Anda. Sorot bentuknya, lalu di bilah sisi, buka bagian "Isi". Klik pada kotak warna, lalu buat warna yang ingin Anda gunakan di jendela pop up. Di sebelah kanan bagian "Isi", ada simbol dengan empat titik. Klik untuk mengaktifkan modal "Gaya Warna". Di sudut kanan modal, klik simbol "+". Ulangi langkah ini untuk warna lain yang ingin Anda buat. Untuk menambahkan warna kustom Anda, pilih layer yang ingin Anda warnai dan buka bagian "Isi". Klik pada empat titik di sebelah kanan.
A Kanvas Berwarna

Dengan begitu banyak opsi penyesuaian yang tersedia , Figma memiliki semua kombinasi warna yang Anda butuhkan untuk membuat desain web yang menarik. Anda bahkan dapat membuat warna Anda sendiri, memberi Anda pilihan tanpa akhir yang Anda inginkan. Metode ini menunjukkan kepada Anda cara mendapatkan hasil maksimal dari palet warna dan aplikasi Figma yang luas. Anda akan membuat proyek pertunjukan seni yang layak di Figma dalam waktu singkat.

Pernahkah Anda mencoba mengubah warna latar belakang di Figma? Apakah Anda menggunakan salah satu metode yang ditampilkan dalam artikel ini? Beri tahu kami di bagian komentar di bawah.
Seedbacklink

Recent Posts

TENTANG EMKA.WEB>ID

EMKA.WEB.ID adalah blog seputar teknologi informasi, edukasi dan ke-NU-an yang hadir sejak tahun 2011. Kontak: kontak@emka.web.id.

©2024 emka.web.id Proudly powered by wpStatically