Rekabentuk UI/UX Web dan Mudah Alih: Dari Figma ke HTML dan CSS

Bijak menggunakan antaramuka pengguna dan pelajari prinsip rekabentuk untuk membina bentangan yang menakjubkan dalam Figma, kemudian belajar bagaimana untuk menterjemah rekabentuk anda ke dalam HTML dan CSS yang bersih dan responsif.

4.4 (1,407) ⏱ 47 min 📚 4 pelajaran 🎧 Versi audio

Tentang kursus ini

Produk digital yang hebat bermula dengan pengalaman pengguna dan rekabentuk antaramuka yang luar biasa. Memahami bagaimana untuk memindahkan rekabentuk tersebut ke dalam rekabentuk web yang berfungsi merapatkan jurang antara visi kreatif dan realiti teknikal. Kursus ini memandu anda melalui prinsip asas rekabentuk UI/UX, menyediakan anda untuk mencipta bentangan profesional untuk web dan peranti mudah alih. Anda akan belajar mekanik Figma, menguasai proses rekabentuk dari bingkai wayar awal hingga bentangan yang digilap, dan memperoleh kemahiran HTML dan CSS asas yang diperlukan untuk berkomunikasi dengan berkesan dengan pemaju atau membina laman web responsif anda sendiri. Apa yang anda akan belajar: - Mengerti prinsip teras pengalaman pengguna (UX) dan rekabentuk antaramuka pengguna (UI), termasuk hierarki visual, tipografi, dan teori warna. - Menguasai asas Figma, termasuk bingkai, susunatur automatik, komponen boleh digunakan semula, dan batasan reka bentuk responsif. - Cipta aliran pengguna, bingkai wayar rendah-kesetiaan, dan rekabentuk rekabentuk tinggi-kesetiaan yang digilap. - Gunakan piawaian aksesibilitas modern untuk memastikan reka bentuk digital anda inklusif dan sangat boleh digunakan. - Tukar rekabentuk rekabentuk ke dalam struktur HTML semantik yang bersih dan rekabentuk CSS responsif. Anda akan mula dengan belajar terminologi rekabentuk teras dan psikologi pengguna sebelum maju ke teknik Figma yang praktikal. Akhirnya, anda akan meneroka penterjemahan rekabentuk ke kod, belajar bagaimana untuk strukturkan bentangan dengan CSS dan HTML moden. Kursus ini direka untuk pemula yang ingin memasuki bidang rekabentuk, dan juga pemaju yang ingin meningkatkan kemahiran rekabentuk visual mereka, tanpa rekabentuk atau pengalaman penyusunan kod yang diperlukan. Mula membaca hari ini dan ambil langkah pertama ke arah merancang pengalaman digital yang cantik dan berfungsi.

Apa yang anda dapat

  • 📜 Sijil tamat
    Tambah ke profil LinkedIn anda
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • 🎧 Termasuk versi audio
    Belajar sambil bergerak — tanpa skrin
  • ♾️ Akses seumur hidup
    Kembali bila-bila masa, tiada tamat tempoh
  • 📱 Telefon atau komputer
    Berfungsi di mana-mana, mana-mana peranti
  • 💸 Pulangan 30 hari
    Tanpa soalan
  • Pendek dan fokus
    47 min kandungan praktikal

Ulasan (7)

Mia Hall AU
★ 5 · 2025-12-09T14:09:51+00:00

Inilah yang saya cari. suka contoh praktikal, mereka benar-benar membantu mengukuhkan konsep.

วิชัย เกษมสุข TH
★ 4 · 2025-09-19T01:05:51+00:00

Sangat menikmati pengalaman pembelajaran. Bahan yang disediakan adalah kelas atasan dan mudah diikuti.

سهام DZ Pelajar disahkan
★ 5 · 2025-08-01T01:26:51+00:00

Kursus ini melebihi jangkaan saya. Aplikasi dunia sebenar yang dibincangkan sangat berguna. Kerja yang bagus!

Camila Sánchez CO
★ 4 · 2025-04-16T19:35:51+00:00

Pengenalan yang baik. Strukturnya jelas, tapi saya harap ada beberapa contoh dunia sebenar. Masih, belajar banyak.

Elżbieta Szymańska PL
★ 5 · 2025-04-12T05:37:51+00:00

Rekabentuk kursus yang cemerlang, cara konsep dibina satu sama lain adalah seragam, sangat praktikal dan dijelaskan dengan baik.

Марія Лисенко UA Pelajar disahkan
★ 5 · 2025-04-04T10:49:51+00:00

Wow, saya kagum. aplikasi dunia nyata yang ditunjukkan sangat membantu. membuat idea abstrak terasa nyata. nilai yang hebat!

سعاد DZ
★ 3 · 2025-02-27T17:47:51+00:00

Ia pengenalan yang baik. Boleh mendapat manfaat daripada contoh yang lebih pelbagai dan aliran yang sedikit lebih baik antara modul.

Tulis ulasan

Selepas hantar kami akan meminta anda log masuk — draf disimpan.

Pelajar lain juga mengambil

Soalan lazim

Apa yang saya perlukan untuk mengikuti kursus ini? +

Hanya telefon atau komputer dengan internet. Tiada pemasangan, tiada perkakasan khas.

Bagaimana untuk membayar? +

Dengan kad melalui Stripe, atau kripto. Kami tidak menyimpan butiran kad — Stripe menguruskannya dengan selamat.

Bolehkah saya dapatkan bayaran balik? +

Ya — pulangan penuh dalam 30 hari, tanpa soalan.

Berapa lama saya akan mempunyai akses? +

Selamanya. Setelah membeli, kursus adalah milik anda — boleh lawat semula bila-bila masa.

Adakah saya akan mendapat sijil? +

Ya. Setelah tamat, anda akan menerima sijil yang boleh ditambah ke profil LinkedIn anda.

Direka untuk pelajar dalam
Teknologi Reka bentuk Kewangan Pemasaran Kesihatan Pendidikan Hospitaliti Pembuatan