SCC / Sales Page / Pelajaran 10
Install Figma Free Software
Memahami asas Figma yang direkodkan dan perbezaan antara pratonton reka bentuk dan laman web yang berfungsi.
Nota belajar dalam BM · Kandungan daripada pelajaran Coach Adib
Walaupun tajuk pemasangan, demonstrasi menggunakan Figma dalam penyemak imbas. Ia merangkumi pendaftaran, bingkai, teks, bentuk, penskalaan, lapisan dan pratonton prototaip; beberapa tetapan pratonton tidak berjaya dan penggunaan lanjutan ditangguhkan.
Berasaskan draf BM; semakan bahasa dan maksud penuh masih belum selesai.
Lihat hubungan topik dahulu
Install Figma Free Software
Peta ini menunjukkan susunan konsep dalam pelajaran. Klik topik untuk huraian serta bingkai sumbernya.
Fahami satu konsep pada satu masa
Setiap bingkai dikekalkan daripada rakaman asal. Klik imej untuk membukanya pada saiz asal.
Pendaftaran penyemak imbas dan ruang kerja
Coach Adib mencari Figma, membuka laman webnya, memilih Mulakan secara percuma, log masuk dengan Google, menjawab / melangkau soalan kemasukan dan memilih Starter. Dia menyebut had tiga fail dalam rakaman; ini adalah contoh antara muka sejarah, bukan hak semasa yang disahkan.
Tiada pemasangan desktop ditunjukkan. Sumber menggambarkan Figma sebagai ruang kerja reka bentuk untuk mockup laman web / aplikasi mudah alih dan kerja visual lain. Keutamaan beliau ke atas Canva untuk susun atur dan perbandingan berterusan adalah pendapat, bukan audit ciri semasa.
Sampel awal Figma Basics digunakan untuk meneroka penyuntingan dan pratonton. Sumber mencuba arahan dan isyarat zum; tingkah laku yang tepat bergantung pada platform dan konteks alat.
PERKARA YANG PERLU DIINGAT
- Membezakan tuntutan pelan yang direkodkan dari syarat akaun semasa.
- Memahami ruang kerja sebelum mengedit templat.
Buat fail dan belajar alat
Buat fail reka bentuk dan menamakannya, digambarkan sebagai Sales Page 01. Pans tangan kanvas, Pindah memilih / objek reposisi dan Skala mengubah saiz kandungan yang dipilih secara proporsional. Hanya menyeret kotak teks boleh mengubah bekasnya daripada membesarkan teksnya.
Demonstrasi menggunakan segi empat, anak panah / garis dan teks, dengan membatalkan melalui pintasan papan kekunci biasa. Skala boleh mengubah saiz beberapa elemen terpilih bersama-sama. Frame menentukan bekas reka bentuk; peranti menetapkan preset lebar / ketinggian contoh dan bingkai panjang menyokong kandungan halaman menegak.
Contoh memilih bingkai telefon, menambah tajuk, menyesuaikan saiz fon / penjajaran, menyeret imej dan menggerakkan segi empat tepat berwarna di belakang kandungan lain dengan Hantar ke belakang. Menggandakan teks menyediakan satu lagi blok.
Perkataan keterlambatan ucapan adalah kandungan halaman ilustrasi, bukan tuntutan yang disokong secara klinikal. Pelajaran ini adalah tentang memanipulasi objek reka bentuk.
PERKARA YANG PERLU DIINGAT
- Gunakan Frame untuk bekas halaman.
- Periksa sama ada anda mengubah saiz kandungan atau hanya kotaknya.
Penampakan dan kegagalan yang direkodkan
Play/Present digunakan untuk mengalami reka bentuk sebagai skrin yang boleh digulung. Coach Adib membezakan mockup dari laman web langsung yang siap; pautan dan pergerakan boleh dibuat tanpa melaksanakan perkhidmatan atau pembayaran sebenar.
Dalam sampel kemudian dia cuba peranti dan tetapan menggulir menegak, lupa untuk memilih bingkai dan mendapati pratonton off-center. Dia tidak menyelesaikan setiap tetapan dalam rakaman ini, sebaliknya menyebut kemungkinan video tambahan dan gulungan manual sebagai cara untuk memeriksa aliran.
Contoh sewa kereta, kursus dan desktop menggambarkan susun atur yang berterusan dan perbandingan bersebelahan. Penampilan mereka tidak membuktikan bahawa halaman yang digunakan atau laluan pembayaran berfungsi.
PERKARA YANG PERLU DIINGAT
- Pilih bingkai yang dimaksudkan sebelum melihat pratinjau.
- Perlakukan tetapan yang belum diselesaikan sebagai belum diselesaikan.
Bentuk, lapisan, halaman dan pembelajaran lanjut
Sumber menunjukkan bentuk pena / bentuk bebas, isi dan pukulan, bekas teks dan alat asas yang lain. Ia mengenal pasti panel kanan sebagai sifat / tetapan dan panel kiri sebagai lapisan dan halaman; mengubah urutan lapisan mengubah objek yang meliputi yang lain.
Halaman tambahan mengatur kerja dalam fail. Autosave digambarkan sebagai kemudahan aliran kerja penyemak imbas, bukan jaminan pemulihan yang diuji secara bebas.
Coach Adib mengesyorkan mencari tutorial pemula yang lebih lama kerana rakaman ini adalah pengenalan. Pernyataan yang merendahkan berdasarkan identiti mengenai presenter tutorial tidak berkaitan dengan kualiti teknikal dan tidak diterima sebagai kriteria pemilihan.
Tahap-tahap yang dicadangkan seterusnya adalah rangka, draf pertama/keikhlasan rendah dan akhir/keikhlasan tinggi. Kesetiaan tinggi bermaksud reka bentuk yang lebih terperinci, bukan jaminan penukaran atau pelaksanaan yang berfungsi.
PERKARA YANG PERLU DIINGAT
- Menyusun lapisan dan versi dengan jelas.
- Latih alat asas sebelum reka bentuk terperinci.
Gunakan istilah dengan tepat
| Istilah asal | Maksud dalam pelajaran |
|---|---|
| Frame | Container reka bentuk yang digunakan untuk susun atur halaman atau peranti. |
| Scale | Alat yang ditunjukkan untuk mengubah saiz kandungan yang dipilih bersama. |
| Prototype | Satu simulasi persembahan / interaksi, berasingan dari laman web yang diterbitkan yang berfungsi. |
Terangkan dahulu, kemudian semak
Terangkan setiap topik dengan ayat sendiri sebelum membuka isi semakan.
1. Pendaftaran penyemak imbas dan ruang kerja
Buka isi semakan
- Membezakan tuntutan pelan yang direkodkan dari syarat akaun semasa.
- Memahami ruang kerja sebelum mengedit templat.
2. Buat fail dan belajar alat
Buka isi semakan
- Gunakan Frame untuk bekas halaman.
- Periksa sama ada anda mengubah saiz kandungan atau hanya kotaknya.
3. Penampakan dan kegagalan yang direkodkan
Buka isi semakan
- Pilih bingkai yang dimaksudkan sebelum melihat pratinjau.
- Perlakukan tetapan yang belum diselesaikan sebagai belum diselesaikan.
4. Bentuk, lapisan, halaman dan pembelajaran lanjut
Buka isi semakan
- Menyusun lapisan dan versi dengan jelas.
- Latih alat asas sebelum reka bentuk terperinci.
Soalan semak kefahaman
- Adakah ini reka bentuk, prototaip atau laman web yang digunakan?
- Tetapan pratinjau mana yang masih belum diselesaikan?
- Adakah susunan lapisan dan pilihan bingkai betul?
Isi semakan datang daripada nota sumber. Ini bukan skema peperiksaan rasmi atau pengesahan setiap perkataan audio.
Tukar kefahaman kepada tindakan
- Buat bingkai sekali pakai, tambah lapisan teks / imej / bentuk, duplikat bahagian dan memeriksa pratontonnya.
Latihan sendiri disimpan pada pelayar ini jika storan tersedia. Jawapan tidak dihantar kepada akaun atau perkhidmatan lain.
Semakan kendiri
Tanda ini merekodkan pembelajaran sendiri, bukan ketepatan kandungan.
Kembali kepada konteks asal
Rakaman audio dan bingkai mengikut masa
Transkrip bergambar
Semua bingkai rakaman yang disimpan
Transkrip Bahasa Melayu asal
Rekod semakan ketepatan
Tonton video asal dalam portal kursus →
Video dibuka dalam portal menggunakan sesi keahlian anda. Rujuk masa pada kapsyen bingkai untuk mencari bahagian yang diterangkan. Fail video belum dilampirkan di sini.
Audio penuh pelajaran
Pemain ini menggunakan rakaman audio sedia ada. Kehadiran rakaman tidak bermaksud setiap perkataan transkrip telah disahkan.
Status semakan kandungan
Seluruh transkrip automatik dan bingkai rakaman asal yang dipilih telah dikaji semula. Nota ini menerangkan antara muka yang dirakam, bukan peraturan perisian semasa yang disahkan. Kegagalan demonstrasi dan salinan kesihatan yang tidak disokong dikekalkan sebagai batasan. Pengesahan audio kata demi kata masih belum selesai.
Format ini menyusun nota sedia ada; ia tidak menambah pengesahan terhadap pertuturan, angka contoh atau dakwaan pengajar. Bingkai diambil daripada rakaman melalui pensampelan; peralihan singkat mungkin terlepas.