SCC · Sales Page
Asas Web Design
Membina rangka halaman mudah alih dari salinan sebelum menggilapkan reka bentuk visualnya.
Inti pelajaran
- Pelajaran ini menunjukkan bingkai bergerak yang panjang, draf salinan rujukan berdekatan dan tempat letak gambar.
- Ia menganjurkan rangka → draf pertama → reka bentuk akhir, sementara meninggalkan kerja desktop dan beberapa ciri penyuntingan imej yang tidak diselesaikan.
Peta idea ringkas
Asas Web Design
Reka bentuk dalam peringkat dan memilih bingkai
Sumber membandingkan kerangka kasar dengan reka bentuk yang lebih maju.
Lihat penerangan dan slaid
Memindahkan salinan dan mencipta tempat penahan
Salin Google Doc sebelumnya di sebelah bingkai dan kurangkannya sebagai rujukan.
Lihat penerangan dan slaid
Gambar dan langkah penyuntingan yang belum diselesaikan
Rakaman mencari gambar kanak-kanak, menyimpannya dan menyeretnya ke Figma.
Lihat penerangan dan slaid
Periksa kerangka sebelum menggilap
Arahan utama adalah draf aliran bebas: letakkan kandungan yang diperlukan terlebih dahulu, walaupun ia kelihatan kasar.
Lihat penerangan dan slaid
Terus buatBuat bingkai mudah alih kasar dari draf bukan klinikal yang sebenarnya, label setiap slot imej, kemudian tiru untuk lulus reka bentuk visual.
Istilah kunci
- Skeleton
- Rencana kandungan dan susun atur kasar.
- Low fidelity
- Sebuah draf awal dengan butiran visual yang terhad.
- High fidelity
- Reka bentuk visual yang lebih selesai; tidak bersamaan dengan tapak yang digunakan.
Buka nota lengkap, transkrip dan slaid →
Berasaskan draf BM; semakan bahasa dan maksud penuh masih belum selesai. Ringkasan ini tidak menambah pengesahan audio. Angka contoh dan pendapat pengajar perlu dibaca bersama konteks asal.