Skip to content
HOWFHOWF
07

Founga Fakatataa UI/UX Māʻolunga mo e ʻUlungaanga

Fakatataa ko ha ngaohi fakapotopoto

Founga Fakatataa UI/UX Māʻolunga mo e ʻUlungaanga

Fakanounou

Ngaahi founga fakatataa fakaʻulungaanga, ʻoku maʻu ʻe he kotoa, ʻoku ne liliu ʻa e ifo ki he liliu (conversion), ngaahi token, component mo e ngaue kuo ngaohi fakapotopoto ʻoku puke honau lelei ʻi he tuʻunga lahi.

Vakaiʻanga Fakalūkufua

ʻOku lava ʻo lau ʻa e ifo. ʻOku lau ʻe ha tokotaha fakatau fakatekinikale ʻa e ako ʻo hoʻo mataʻitohi, ʻa e molemole ʻo ha liliu mo e faʻa taʻofi ʻo ha fokotuʻutuʻu ko ha fakamoʻoni ʻo e poto, ki muʻa fuʻu lahi ʻi heʻenau lau hoʻo ngaahi lekooti ngāue.

ʻOku mau langa ʻa e ngaahi founga fakatataa fakaʻulungaanga ʻoku ne liliu ʻa e ifo ko ia ki he liliu: ngaahi token kuo ngaohi fakapotopoto, ngaahi component ʻoku maʻu ʻe he kotoa mo e ngaue ʻoku ʻi ai hono ʻuhinga, ʻoku tefito ʻi he founga ʻoku faʻa fai moʻoni ʻe he kakai kae ʻikai ʻi he ʻasi ʻo ha mockup tokotaha.

Pea ʻoku puke ia ʻi he tuʻunga lahi. Ko ha founga fakatataa moʻoni ʻoku ʻuhinga ia ʻoku fakakaukauʻi ʻa e faʻahinga sikini fika teau ʻo hangē ko e ʻuluaki, pea ko e faingamālie ki he kotoa, fakahoko ki he WCAG, poupou ki he ngaue-fakasiʻisiʻi, ngaahi hala kipoate, kuo langa ʻi loto, ʻo ʻikai fakahū ki tuʻa.

Ki hai ia

  • Ngaahi timi ʻoku heʻe ʻa e lelei ʻo ʻenau ngaahi meʻa ʻi hono fakalahi
  • Ngaahi pisinisi ʻoku hoko ai ʻa e fakatataa ko ha fakaʻilonga fefakatauʻaki mo e falala
  • Ngaahi kautaha ʻoku fie maʻu ke fai totonu ʻa e faingamālie ki he kotoa

Ngaahi ola

  • Ngaahi fale meʻangaue ʻoku fakatataa ʻaki ʻa e token, ʻoku maʻu ʻe he kotoa
  • Fakatataa fakaʻulungaanga ʻoku tefito ʻi he fakamatala liliu
  • Fakahoko ki he WCAG, teuteu ki he ngaue-fakasiʻisiʻi

Founga ʻo ʻemau ngāue

01

Sivi mo e ngaahi tefitoʻi moʻoni

ʻOku mau vakaiʻi ʻa e aʻusia lolotonga pea fakapapauʻi ʻa e ngaahi tefitoʻi moʻoni fakaʻulungaanga mo e pisinisi.

02

Token mo e component

Ha fale meʻangaue kuo ngaohi fakapotopoto, fakatataa ʻaki ʻa e token, ʻoku fakalahi tatau.

03

Ngaue mo e faingamālie

Ngaue ʻoku ʻi ai hono ʻuhinga mo e ngaahi fetuʻutaki fakahoko ki he WCAG, teuteu ki he ngaue-fakasiʻisiʻi.

04

Ngāueʻaki

Ngaahi lekooti mo e liliu koeʻuhi ke ngāueʻaki moʻoni ʻa e founga, kae ʻikai ke tuku.

Meʻa te ke maʻu

  • Ha founga fakatataa fakatataa ʻaki ʻa e token, kuo fakamatalaʻi
  • Ha fale meʻangaue ʻoku maʻu ʻe he kotoa, fakahoko ki he WCAG
  • Ha founga ngaue mo e poupou ki he ngaue-fakasiʻisiʻi
  • Ngaahi sīpinga fakatataa ʻoku tefito ʻi he liliu

Ngaahi Fehuʻi

Ko ha faile Figma pē ʻeni?

ʻIkai. Ko ha founga kuo ngaohi fakapotopoto, ngaahi token mo e component koote ʻoku aʻu ki he fakahoko, ko ia ai ʻoku ʻikai ʻaupito ke heʻe mavahe ʻa e fakatataa mo e langa.

ʻOku uesia fēfē ʻe he fakatataa ʻa e liliu?

ʻOku mau tefito ʻa e ngaahi fili ʻi he ʻulungaanga mo e fakamatala, ʻo ʻikai ko e ifo pē, pea fua ʻa e uesia ʻo e ngaahi sīpinga ʻi he ngaahi ola ʻoku ke tokanga ki ai.

Te mou puleʻi ʻa e faingamālie ki he kotoa?

ʻIo, kuo langa ʻa e fakahoko ki he WCAG, fenoa kipoate mo e poupou ki he ngaue-fakasiʻisiʻi ʻi loto ʻi he founga mei he kamataʻanga.

Ngaahi ngāue kehe