Web at Mobile UI / UX Design: Mula Figma sa HTML at CSS

Master user interface at karanasan disenyo prinsipyo upang bumuo ng mga nakamamanghang layout sa Figma, pagkatapos ay matuto kung paano isalin ang iyong mga disenyo sa malinis, tumutugon HTML at CSS.

4.4 (1,407) ⏱ 47 min 📚 4 aralin 🎧 Audio version

Tungkol sa kursong ito

Ang mahusay na mga digital na produkto ay nagsisimula sa natatanging karanasan ng gumagamit at disenyo ng interface. Ang pag-unawa kung paano ilipat ang mga disenyo sa gumaganang mga layout ng web ay nagtataglay ng agwat sa pagitan ng creative na pangitain at teknikal na katotohanan. Ang kursong ito ay gagabay sa iyo sa pamamagitan ng mga prinsipyo ng pundasyon ng disenyo ng UI / UX, na nagbibigay-daan sa iyo upang lumikha ng mga propesyonal na layout para sa web at mobile device. Matututunan mo ang mekanika ng Figma, master ang proseso ng disenyo mula sa mga unang wireframes sa makintab na layout, at makuha ang mga pangunahing kasanayan sa HTML at CSS na kinakailangan upang makipag-ugnayan nang epektibo sa mga developer o bumuo ng iyong sariling mga tumutugon na mga pahina ng web. Ano ang matututunan mo: - Maunawaan ang mga pangunahing prinsipyo ng user experience (UX) at user interface (UI) disenyo, kabilang ang mga visual hierarchy, typography, at kulay teorya. - Master Figma pundamental na mga prinsipyo, kabilang ang mga frame, auto-layout, reusable mga bahagi, at tumutugon disenyo paghihigpit. - Lumikha ng mga daloy ng user, mababang-pananampalataya wireframes, at pinakintab na layout ng disenyo ng mataas na-pananampalataya. - Ilapat ang mga modernong pamantayan sa accessibility upang matiyak na ang iyong mga digital na disenyo ay kasama at napaka-magagamit. - Isalin disenyo layout sa malinis, semantiko HTML istraktura at tumutugon CSS layout. Magsimula ka sa pamamagitan ng pag-aaral core disenyo terminolohiya at sikolohiya ng user bago pag-unlad sa mga kamay-on Figma pamamaraan. Sa wakas, ikaw ay galugarin ang pagsasalin ng disenyo sa code, pag-aaral kung paano istraktura layout na may modernong CSS at HTML. Ang kursong ito ay dinisenyo para sa absolute nagsisimula na nais na masira sa larangan ng disenyo, pati na rin ang mga developer na naghahanap upang mapabuti ang kanilang mga kasanayan sa visual na disenyo, na walang naunang disenyo o coding karanasan na kinakailangan. Magsimulang magbasa ngayon at gawin ang iyong unang hakbang patungo sa pagdidisenyo ng magagandang, functional na digital na karanasan.

Ang makukuha mo

  • 📜 Certificate ng pagtatapos
    Idagdag sa LinkedIn profile mo
  • 🎧 Kasama ang audio version
    Mag-aral kahit saan — hindi kailangan ng screen
  • ♾️ Lifetime access
    Bumalik anumang oras, walang expiry
  • 📱 Telepono o computer
    Gumagana saanman, kahit anong device
  • 💸 30-day refund
    Walang tanong
  • Maikli at focused
    47 min ng practical content

Mga review (7)

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

This is exactly what I was looking for. Loved the practical examples, they really helped solidify the concepts.

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

Really enjoyed the learning experience. The materials provided were top-notch and easy to follow.

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

This course exceeded my expectations. The real-world applications discussed are incredibly useful. Great job!

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

A good introduction. The structure was mostly clear, but I wish there were a few more real-world examples. Still, learned a lot.

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

Brilliant course design. The way concepts build on each other is seamless. Very practical and well-explained.

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

Wow, I'm impressed. The real-world applications shown were super helpful. Made abstract ideas feel tangible. Great value!

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

It's a decent introduction. Could benefit from more diverse examples and a slightly better flow between modules.

Magsulat ng review

Hihilingin naming mag-sign in ka pagkatapos — ligtas ang draft mo.

Kinuha rin ng iba

Mga madalas itanong

Ano ang kailangan ko para sa kursong ito? +

Telepono o computer na may internet lang. Walang install, walang special hardware.

Paano ako magbabayad? +

Sa pamamagitan ng card via Stripe, o cryptocurrency. Hindi namin iniimbak ang detalye ng card — secure na hinahawakan ng Stripe.

Pwede ba akong mag-refund? +

Oo — full refund sa loob ng 30 araw, walang tanong.

Hanggang kailan ang access ko? +

Habang buhay. Sa pagbili, sa iyo na ang course — balikan mo kahit kailan.

Makakakuha ba ako ng certificate? +

Oo. Pagkatapos, makakatanggap ka ng certificate na maidadagdag sa LinkedIn profile mo.

Para sa mga learner sa
Tech Design Finance Marketing Healthcare Edukasyon Hospitality Manufacturing