kandungan
1. Gambaran keseluruhan Figma
2. Kajian Figma
3. Tutorial Figma: Bagaimana Menggunakannya?
4. Alternatif dan Perbandingan Figma
5. Soalan Lazim tentang Kajian Figma

Menyemak Setiap Ciri Figma untuk Pengalaman Reka Bentuk Web yang Luar Biasa

Skylar ReidSkylar ReidDikemas kini pada 28 Feb 2023Edit gambar

Mereka bentuk antara muka pengguna untuk tapak web dan apl mudah alih dengan pasukan anda adalah mudah: menggunakan Figma, alat prototaip percuma yang mujarab. Sesiapa sahaja boleh mengambil bahagian dalam proses reka bentuk terima kasih kepada penekanan pada kerjasama dalam talian dan antara muka berasaskan pelayar tambahan. Had pada edisi percuma alat adalah satu-satunya kelemahannya. Itu boleh menjadi perkara paling asas yang kita tahu tentang Figma. Siaran ini membolehkan kami mengetahui lebih lanjut mengenainya dengan membaca butiran penuh ini ulasan Figma.

Kajian Figma

Isi kandungan

1. Gambaran keseluruhan Figma 2. Kajian Figma 3. Tutorial Figma: Bagaimana Menggunakannya? 4. Alternatif dan Perbandingan Figma 5. Soalan Lazim tentang Kajian Figma

1. Gambaran keseluruhan Figma

Apakah Figma?

Mereka bentuk antara muka pengguna untuk tapak web dan apl mudah alih dengan pasukan anda adalah mudah: menggunakan Figma, alat prototaip percuma yang mujarab. Sesiapa sahaja boleh mengambil bahagian dalam proses reka bentuk terima kasih kepada penekanan pada kerjasama dalam talian dan antara muka berasaskan pelayar tambahan. Had pada edisi percuma alat adalah satu-satunya kelemahannya.

Tambahan pula, program berasaskan web yang dibuat secara eksklusif untuk mencipta antara muka pengguna dipanggil Figma (UI). Ia telah dibangunkan pada tahun 2015 oleh sekumpulan kecil pembangun Google yang berhasrat untuk mencipta pendekatan yang lebih berkesan untuk bekerjasama dalam projek UI. Mereka berpendapat alatan semasa seperti Photoshop dan Sketch tidak cukup serba boleh, yang menimbulkan kemarahan mereka. Oleh itu, mereka mula membangunkan sesuatu yang baru untuk membolehkan orang ramai menyelesaikan lebih banyak tugasan dengan lebih cepat.

Lebih-lebih lagi, Figma, yang merupakan hasilnya, diumumkan pada 2016. Sejak itu, ia telah digunakan oleh beribu-ribu pereka pakar dan dimuat turun berjuta-juta kali. Kerana ia menyediakan pelanggan dengan gabungan fungsi istimewa yang tidak dimiliki oleh perisian lain, popularitinya telah meningkat dengan cepat.

Kebaikan
Pengalaman dan antara muka yang mudah.
Alat untuk kerjasama dalam talian.
Boleh diakses dan berdasarkan web.
Ia tersedia untuk PC dan peranti mudah alih.
Reka bentuknya sangat responsif.
Berkongsi fail anda adalah mudah dan tersedia dalam apl ini.
Templat yang boleh disesuaikan ditawarkan.
Keburukan
Projek terpilih hanya pada pelan percuma.
Alat ini hanya berfungsi dalam talian.
Keupayaan kerjasama tidak mencukupi.
Ia menjalani proses prototaip.
Sesetengah alat sukar digunakan dan ditemui.
Pilihan paparan perlu dibangunkan.
Tidak sesuai untuk pengguna baru.

Mengapa Menggunakan Figma berbanding Photoshop?

Program penyuntingan foto profesional Photoshop telah wujud sejak sekian lama. Pereka bentuk dan jurugambar mengedit foto menggunakan Photoshop untuk mengubah suai perkara seperti Pangkas, ubah saiz dan warna. Aplikasi web serba baharu yang dipanggil Figma telah diperkenalkan pada tahun 2016. Ia dibuat untuk membantu pengguna dalam menghasilkan wireframe, prototaip dan mockup untuk tapak web dan barangan digital lain. Berikut ialah tiga sebab hebat mengapa anda menggunakan Figma berbanding Photoshop.

Mudah Digunakan. Kemudahan penggunaan Figma adalah salah satu kelebihan utamanya. Tiada sebarang bar alat atau menu yang mengelirukan untuk disesatkan. Sebaliknya, apa yang anda perlu lakukan ialah memilih daripada menu utama bahagian atas skrin.

Tiada Pengalaman Diperlukan. Tidak seperti Photoshop, Figma tidak memerlukan pengetahuan terdahulu untuk dipelajari. Sesiapa sahaja boleh segera mengambilnya dan mula bekerja.

Figma sangat baik untuk pereka kerana ia tidak bertujuan untuk menggantikan Photoshop. Ia adalah aplikasi pendamping untuk membantu pereka laman web dalam meningkatkan kerja mereka.

2. Kajian Figma

Harga Figma

Figma ialah alat percuma dengan langganan bulanan dan tahunan harga berpatutan. Keahlian bulanan dan tahunan premium untuk Figma, program reka bentuk antara muka percuma, adalah untuk pengguna berkuasa. Sudah tentu, versi percuma mempunyai sekatan. Pengguna boleh membuat tiga fail FigJam dan tiga fail Figma. Bagi pengguna kasual, pasukan yang agak kecil dan pereka bebas, itu tidak mengerikan.

Bagi pengguna yang telah membayar, terdapat dua peningkatan yang tersedia. Pustaka pasukan, ceramah audio dan penambahan fail dalam Profesional adalah tidak terhad. Berguna jika anda perlu memastikan penjenamaan anda konsisten. Yuran bulanan ialah $15, £14 atau AUD 24 bagi setiap editor. Kadar bulanan untuk editor ialah $12, £11 atau AUD 19 untuk langganan tahunan.

Organisasi berharga $45 / £41 / AUD 71 setiap editor sebulan pada langganan tahunan dan termasuk semua yang Profesional lakukan, serta perpustakaan seluruh organisasi, analitik dan pengurusan fail terpusat.

Angka Figma

Anda boleh mempamerkan watak kegemaran anda dalam pose yang anda suka dengan bantuan tokoh aksi PVC yang sangat jelas namun masih menarik dalam siri Figma. Di samping itu, Rajah dalam siri Figma, diperbuat daripada ABS dan PVC, dinyatakan. Setiap angka dilengkapi dengan pendirian yang fleksibel. Ketinggian angka berkisar antara 13 hingga 16 cm, bergantung pada ketinggian watak.

Angka Figma

Templat Figma

Cari 300+ templat yang dibuat oleh kakitangan kami untuk membantu anda memulakan idea atau membentuknya menjadi sesuatu yang baharu. Sila mulakan dengan navigasi di atas, atau tatal ke bawah untuk menyemak imbas beberapa kategori kegemaran kami untuk mendapatkan idea. Beberapa templat Figma yang paling disukai oleh pengguna adalah yang berikut:

Kit untuk Wireframe. Kit wireframe berasaskan komponen kami membolehkan anda mengesahkan idea anda dengan cepat dan mempercepatkan proses reka bentuk tapak web.

Gunakan templat pembangunan produk kami untuk merancang binaan anda yang akan datang. Templat FigJam menawarkan peta jalan yang boleh dipercayai dari permulaan perjalanan produk anda hingga produk siap itu sendiri, membolehkan anda meraih roda dengan yakin.

FigJam boleh memeriahkan perancangan produk. Prosedur perancangan yang menghasilkan konsensus dan bukannya huru-hara adalah langkah pertama dalam mencipta produk yang luar biasa. Ketahui cara FigJam, papan putih pasukan dalam talian, menjadikan perancangan lebih inklusif, berkesan dan menyeronokkan.

Templat Figma

Pemalam dan Ikon Figma

Pemalam Figma membolehkan anda: Membawa masuk ikon. Selain itu, anda boleh menyeret dan melepaskan fail ikon pemalam ke dalam Figma. Tukar ikon yang dipilih dengan pantas. Untuk pembangun, lihat kod untuk ikon yang diimport. Masukkan kod untuk mengimport SVG unik. Ia menyahkod data: URI juga. Ia tidak dikenakan bayaran! Iconify sentiasa mengimport ikon sebagai SVG, tidak seperti pemalam lain yang memberikan lebih banyak ikon tetapi menuntut wang untuk menggunakan SVG. Projek Iconify sumber terbuka secara eksklusif menyediakan set ikon sumber terbuka.

Tambahan pula, Plugin menjejaki halaman terakhir yang anda lawati, menjadikannya mudah untuk menyemak imbas atau mencari simbol. Dari halaman pilihan, anda sentiasa boleh menetapkan semula pemalam. Mod padat juga tersedia dalam pemalam untuk pengguna dengan monitor kecil. Dayakan pilihan lebar kecil dengan mengklik pautan menu (3 baris).

Ikon Figma

Reka Letak Auto Figma

Salah satu ciri Figma yang paling penting ialah Auto Layout, yang menonjol daripada fungsi serupa dalam program reka bentuk lain berkat kebolehsuaiannya. Pada dasarnya, ia membolehkan anda membina bingkai dan komponen supaya ia boleh berkembang secara automatik, sama ada menyebabkan bekas menyesuaikan dengan saiz kandungannya atau sebaliknya.

Reka Letak Auto Figma

3. Tutorial Figma: Bagaimana Menggunakannya?

1.

Buat akaun Figma

Lawati www.figma.com, klik Daftar, dan isi borang untuk bermula dengan Figma. Apabila anda telah menyelesaikannya, Figma akan dilancarkan dengan skrin permulaan yang kelihatan seperti ini. Untuk bermula, pilih 'Fail Baharu' dan kemudian mari pergi!

Figma Buat Akaun
2.

Terokai Antara Muka Figma

Antara muka Figma mempunyai penampilan dan rasa yang sangat mudah tetapi menyembunyikan beberapa keupayaan yang kuat.

alat. Alat yang mungkin anda paling banyak gunakan—bingkai, bentuk, teks, dll—boleh diakses dengan mudah di sini. (Kami akan membincangkan alatan ini dalam beberapa hari akan datang.)

Pilihan. Pilihan tambahan untuk alat yang telah anda pilih dipaparkan dalam bahagian ini. Figma menunjukkan nama fail apabila tiada item dipilih (seperti dalam contoh di atas). Pilihan kontekstual dipaparkan di sini apabila objek dipilih.

Lapisan. Setiap komponen fail disenaraikan dan dikategorikan ke dalam Bingkai dan Kumpulan.

Kanvas. Anda melengkapkan dan menilai semua kerja anda di sini.

Inspektor. Untuk mana-mana objek yang dipilih, Inspektor memaparkan maklumat dan tetapan kontekstual. Kita boleh melihat pilihan untuk Kanvas itu sendiri dalam imej di atas. Kami akan membincangkan perkara ini kemudian dalam minggu ini. Sila ambil perhatian bahawa Figma menyediakan tab yang berbeza dalam Inspektor (Reka Bentuk, Prototaip dan Kod).

3.

Mencipta Bingkai

Untuk memilih Alat Bingkai, tekan F. Ikon Alat Bingkai terletak di bawah Pilihan cat bahagian atas tetingkap, di mana anda juga boleh memilihnya sebagai alternatif. Selain itu, anda boleh menekan A untuk Artboard jika anda sudah biasa menggunakan Sketch.

Bingkai Mencipta Figma
4.

Wujudkan lapisan Teks

Sekarang mari kita menulis beberapa kandungan. Untuk menambah a Teks lapisan, klik di mana-mana dalam bingkai iPhone anda selepas memilih Teks alat dengan menekan T. Jom taip Log Masuk kerana itu akan menjadi komponen reka bentuk butang. Untuk meninggalkan alat Teks, tekan Melarikan diri.

Figma Tambah Teks
5.

Lapisan hendaklah Disusun dalam Segi Empat

Untuk memilih alat Rectangle, tekan R. Lukiskan segi empat tepat dalam bentuk butang di sekeliling teks yang baru dibuat.

Teks Penjajaran Figma dan Segitiga
6.

Menjajarkan Teks dan Segi Empat

Dengan menekan Melarikan diri atau V, pastikan alat Move dipilih sebelum menyeret a marquee di sekeliling teks dan segi empat tepat.

Segitiga Penjajaran Figma
7.

Ubah suai Fon

Anda boleh melawati tetapan Inspektor semasa lapisan teks dipilih untuk mengubah fon dan saiz, berat dan warnanya. Roboto masih digunakan, tetapi tulisannya kini tebal dan besar. Cuba lihat pilihan anda!

Teks Ubah Suai Figma
8.

Menyimpan dan Menamakan Fail

Memberi nama fail kami ialah tugas terakhir untuk hari ini; untuk melakukan ini, pilih semua objek menggunakan Melarikan diri akan berfungsi dan klik di mana ia berbunyi Tidak bertajuk di bahagian atas tingkap. Kemudian masukkan Kemudian tekan Jimat untuk menamatkan.

4. Alternatif dan Perbandingan Figma

Pelan & Harga Antara Muka dan Pengalaman Reka bentuk Kerjasama Dalam Talian
4.0 4.5 4.5 4.0
4.0 4.0 4.5 4.0
4.0 4.0 4.0 4.0
4.5 4.0 4.0 4.0
4.0 4.5 4.5 4.5
4.0 4.0 4.0 4.0
4.0 4.0 4.0 4.0

5. Soalan Lazim tentang Kajian Figma

Adakah Figma turun?

Fail Figma anda mungkin ranap kerana beberapa sebab. Memulakan semula komputer anda adalah penyelesaian yang paling kerap. Cuba muat semula fail atau bukanya dalam penyemak imbas lain jika itu tidak berjaya.

Bagaimana untuk memangkas bentuk dalam Figma?

Apabila anda memilih Pangkas daripada menu lungsur turun mod Isi di penjuru kiri sebelah atas skrin, Figma akan menambah lapan pemegang biru pada tepi imej. Kemudian, anda boleh memutuskan berapa banyak imej untuk ditunjukkan dengan mengklik dan menyeret pemegang biru ke mana-mana arah.

Adakah Figma mudah dipelajari?

Figma ialah program yang agak mudah untuk dipelajari oleh pereka Web baharu. Hal ini demikian kerana Figma menyediakan pengguna dengan edisi percuma yang terhad bagi perisian tanpa had masa terbina dalam, dan alatan itu mudah digunakan.

Kesimpulan

Anda akan memahami FIGMA dengan baik daripada siaran ini, bersama dengan faedah dan kelemahan utamanya. Platform pembangunan perisian berasaskan pasukan sumber terbuka untuk mencipta aplikasi web ialah FIGMA. Ia mempunyai editor kod, alat ujian dan editor teks kaya. Model-View-Controller (MVC) ialah asas FIGMA. Walaupun ia mempunyai kelemahan tertentu, anda boleh mempelajari Figma dengan mudah dengan mengikuti beberapa langkah mudah yang dinyatakan di atas berkat faedahnya. Kami berharap siaran ini memberi anda setiap butiran.

Adakah anda mendapati ini membantu?

329 Undi

yaYATerima kasih kerana memberitahu kami!TidakTidakTerima kasih kerana memberitahu kami!
AnyMP4 Video Converter Ultimate

Penukar, editor, penambah video semua-dalam-satu dipertingkatkan dengan AI.

AnyMP4 Video Converter Ultimate