Digyital kwan a wɔfa so nya nokware amammerɛ a wɔbɛkyekyere wɔ adwumakuw bi mu no yɛ asɛmpatrɛw a ɛfa ahoɔden a wɔde gyina ano ne boasetɔ ho. Ɛnyɛ den sɛ ɔkasa a ɛfa accessibility ho no bɛhwe ase wɔ clichés a wɔtaa yɛ no mu. Nneɛma a wobetumi anya no ho hia yiye ma nkurɔfo. Digitals nneɛma ne nnwuma a wobetumi anya no hyɛ nnipa a wɔde wɔn ho hyɛ mu no ho nkuran. Anaasɛ mpo, ɛsɛ sɛ adwumayɛfo a wɔwɔ akuw ahorow no mu nyinaa de wɔn ho hyɛ adwuma a ɛfa akwan a wɔfa so nya nneɛma ho mu. Ampa ara. Obiara nni hɔ a ɔwɔ n’adwene a ɛteɛ mu a obegye saa nsɛm yi mu biara ho akyinnye (mewɔ anidaso). Nanso, nkɔmmɔbɔ yi fã a ɛto so abien a nnwumakuw kakraa bi pɛ na wodu ho no ne “ɔkwan bɛn so?” Yɛbɛyɛ dɛn ama eyi abam wɔ dijitaal nsakrae akuw a wɔyɛ no da biara da adwuma no mfinimfini, a sɛnea yɛn nyinaa nim no, wɔde wɔn ho ahyɛ nkyerɛwee a ɛyɛ den mu, a mpɛn pii no nnipa kakraa bi na wɔwɔ hɔ? Mpɛn pii no, nea wɔpaw no ba awiei sɛ “yɛyɛ eyi” ne “ɛno” ntam. Na ɛnsɛ sɛ ɛyɛ, efisɛ, wɔ saa nsɛm yi mu no, manhu da sɛ accessibility redi nkonim wɔ saa equation yi mu. Ɛnsɛ sɛ ɛyɛ saa. Ɛho nhia sɛ woyɛ saa. Nea edi kan koraa no, efisɛ sɛ wopaw nea wobetumi anya ne biribi foforo biara a, ɛnyɛ nea ɛfata. Accessibility nyɛ ade foforo a wɔde bɛka afoforo no ho ara kwa bio. Ɛyɛ mfasoɔ a wɔde aka ho ma adwuma no na, mprempren, ɛyɛ mmara kwan so asɛdeɛ a ɛbɛtumi de nsunsuansoɔ a ɛyɛ hu aba ama nnwumakuo. Ɔkwan foforo so no, akwan a nyansa wom, ɛyɛ papa, na ɛwɔ nkɛntɛnso wɔ hɔ a wɔfa so de nnyinasosɛm ahorow a ɛfa nneɛma a wobetumi anya ho ahyɛ akuw ahorow abɔde mu nkɔso mu. Ɛyɛ yie sɛ wobɛyɛ adwuma wɔ accessibility ho a worendan team operations no animtiaa. Ne titiriw no, ɛno ne nea AccessibilityOps yɛ. Nnipa a wɔbɛma wɔn tumi na wɔde akwan a ɛnyɛ den ama akuo sɛdeɛ ɛbɛyɛ a wɔbɛtumi de adwuma a ɛfa akwan a wɔfa so nya nneɛma ho aka wɔn da biara da dwumadie ho a wɔremmɔ mmɔden a ɛnsɛ. Nneɛma a Wɔde Kɔ Ne Nsusuwii Digitals accessibility ho adwuma a wɔbɛyɛ wɔ design mu no betumi ahwehwɛ nneyɛe pii. Ɛda adi pefee sɛ ɛsɛ sɛ yɛde yɛn adwene si kɔla ne sɛnea wɔde di dwuma de kyerɛ ntease so titiriw. Nokwarem no, ɛsɛ sɛ nneɛma akɛse a ɛne wɔn ho wɔn ho di nkitaho no yɛ nea ahotɔ wom. Nanso, nea ɛho hia sen biara no, ɛsɛ sɛ yesusuw adwini ho fi adwene a ɛyɛ adwuma pii mu. Interface bi nnyɛ poster. Yebetumi adi saa nhyehyɛe no afã horow pii so, nanso sɛnea wɔn a wɔde di dwuma no ne interface no di nkitaho no gyina nsakrae dodow a enni awiei ase. The type of device, context, purpose, network quality, etc. Eyi nyinaa ka onipa biara suahu ne ne nkitahodi kɛse. Eyi nyinaa ka ho no, sɛ wɔde dijitaal akwannya ho haw ahorow ba nhyehyɛe no mu a, ɛde nsakrae pii mpo ka ho.
Nkurɔfo taa de nea wɔfrɛ no mfiridwuma ne akwan horow a ɛboa di dwuma. Ne titiriw no, eyinom yɛ mfiridwuma mu nnwinnade anaasɛ anyɛ yiye koraa no, “nfiri” a nkurɔfo de wɔn ho hyɛ mu na ama wɔanya akwan a wɔfa so de di dwuma a ɛyɛ ahotɔ kɛse. Sɛ nhwɛso no, screen readers a agye din a wɔtaa de bata anifuraefo a wɔde di dwuma ho (nanso ɛnyɛ nea mfaso wɔ so ma wɔn nko) no yɛ mfiridwuma a ɛboa. Kɔla ahorow a wɔsakra anaa kɔla ahorow a ɛsono emu biara wɔ nneɛma ahorow ntam nso yɛ mfiridwuma a ɛboa. Nkyerɛwde no kɛse a yɛbɛma akɔ soro (a yɛkaa ho asɛm wɔ saa nkyerɛwee yi mu) yɛ nhwɛso foforo. Mfiridwuma ne akwan horow a wɔfa so boa a wontumi nkan wɔ hɔ. Ɛkame ayɛ sɛ dodow te sɛ nsɛm a ɛfa ho a ɛsono sɛnea wɔde di dwuma ma onipa biara no. Yɛnnni Biribiara So Ɔkwan foforo so no (na eyi ne “asɛmmɔne” ma yɛn a yɛyɛ adwumfo), “yɛn adwini” no gyina, wɔ wɔn a wɔde di dwuma no adwene mu, nsakrae a yennni so. Ɔde di dwuma no “bɛsakra” no, ahwɛ ahu sɛ wobetumi ne application no ne biribiara a ɛde ma no adi nkitaho wɔ ɔkwan a ɛyɛ ahotɔ sen biara so. Na ɛno yɛ ade pa. Sɛ eyi ba na biribiara kɔ yiye a, akyinnye biara nni ho sɛ yɛayɛ yɛn adwuma a ɛfa akwan a wɔfa so nya nneɛma ho no yiye paa, na yɛn nyinaa fata sɛ wɔma yɛn akwaaba. Sɛ ɔdefoɔ no de saa mmoa mfiridwuma ne akwan yi mu biara di dwuma na ɔda so ara ntumi mfa digyital dwumadie no nni dwuma a, ɛyɛ sɛnkyerɛnne a ɛkyerɛ sɛ biribi nnyɛ adwuma sɛdeɛ ɛsɛ sɛ ɛyɛ. Oh, na yɛreka ho asɛm a. Mma nnsusuw ho mpo sɛ wubesiw saa mfiridwuma anaa mmoa akwan horow yi a wɔde bedi dwuma no ano. Ebia wɔresɛe” wo adwini fɛfɛ no, nanso wɔrema nnipa pii kwan ma wɔde app no adi dwuma ankasa. Awiei koraa no, so ɛnyɛ saa pɛpɛɛpɛ na yɛhyɛɛ bɔ sɛ yɛpɛ sɛ yɛyɛ? Nsusuwii a wɔayɛ ama (nnipa nyinaa). Sɛ ɛnyɛ nea ɛyɛ soronko? Ma Font Size no nkɔ soro Mpɛn ahe na yɛate sɛ obi — nnamfo, abusuafo, anaa mpo mfɛfo adwumayɛfo — nwiinwii sɛ saa nkyerɛwee yi anaa saa nkyerɛwee no sua dodo? Nsɛm a wɔakyerɛw di dwuma titiriw wɔ dijitaal osuahu no mu. Wɔnam nkyerɛwee so de nsɛm pii ma:akwankyerɛ a ɛfa sɛnea wɔde bedi dwuma ho, button captions, anaa interactive elements. Eyi nyinaa de nsɛm di dwuma sɛ nkitahodi adwinnade. Sɛ saa nneɛma yi nyinaa akenkan yɛ den a, sɛnea ɛte no, osuahu no sɛe kɛse. Nsɛm a wɔkenkan a ahotɔ wom, ɛmfa ho sɛnea ɛyɛ adwuma no, yɛ nnyinasosɛm a wontumi nsusuw ho. Wobetumi ama akenkan yi ayɛ mmerɛw denam akɛse a ɛyɛ fɛ a wɔde bedi dwuma wɔ nhyehyɛe no mu no so. Nanso, mfiridwuma ne akwan horow a wɔbɛboa, denam dwumadie a ɛma nkyerɛwde kɛseɛ kɔ soro no so nso bɛtumi aboa ama akenkan atu mpɔn. Sɛnea APPT data kyerɛ no, 26% a wɔde Android ne iOS mobile device di dwuma no ma font kɛse a wɔahyɛ da ayɛ no kɔ soro (data a efi February 2026). Wɔn a wɔde di dwuma baanan biara mu biako ma nkyerɛwde kɛse a ɛwɔ wɔn smartphone so no yɛ kɛse. Eyi yɛ nnipa nhwɛso a ɛho hia yiye, na ɛma saa dwumadi yi yɛ nea wontumi nkwati wɔ nhyehyɛe ahorow mu.
Akwankyerɛ a Wodi So Font kɛse a ɛkɔ soro wɔ interfaces mu no betumi agyina hɔ ama design asɛnnennen kɛse. Ɛho hia sɛ yɛte aseɛ sɛ, mpofirim ara, nsɛm bi, ɛnam ɔdefoɔ nneyɛeɛ nti, tumi mmɔho mmienu firi ne kɛseɛ a ɛdi kan no so. “Sɛ ɛnyɛ nsɛm a wɔakyerɛw ne mfonini a wɔakyerɛw so a, wobetumi asesa nsɛm no kɛse a wɔmfa mfiridwuma a ɛboa nka ho akodu 200% a emu nsɛm anaa dwumadi biara nhwere.”— Success criterion 1.4.4, “Resizing Text” of the Web Content Accessibility Guidelines (WCAG), version 2.2
Saa nkonimdi gyinapɛn yi wɔ AA mmara sodi gyinabea, a ɛkyerɛ sɛ eyi yɛ ade a ɛyɛ ahyɛde koraa sɛnea mmara nhyehyɛe biara kyerɛ. Ɛnyɛ den sɛ wobɛte 200% a ɛwɔ saa nkonimdi gyinapɛn yi mu ase. Sɛ yɛfa no sɛ yɛyɛ interfaces no wɔ 100% scale so, a ɛkyerɛ sɛ element kɛseɛ no yɛ mfitiaseɛ kɛseɛ a, ɛnde sɛ yɛma nkyerɛwee no kɔ soro kɔsi 200% a, ɛne mfitiaseɛ kɛseɛ no mmɔho mmienu bɛyɛ pɛ. Wobetumi de nsenia afoforo a wɔde trɛw nneɛma nso adi dwuma, te sɛ 120%, 140%, ne nea ɛkeka ho. Ɔkwan foforo so no, ɛsɛ sɛ yɛhwɛ sɛ wɔn a wɔde di dwuma no betumi ama nkyerɛwee no ayɛ kɛse mmɔho abien denam mfiridwuma anaa akwan horow a ɛboa so (na eyi nyɛ asɛm ketewaa bi). Sɛ yɛbɛdi saa gyinapɛn yi so a, enhia sɛ yɛde nnwinnadeɛ a ɛma nkyerɛwee kɛseɛ kɔ soro ma wɔ interfaces no mu. Wɔ nneyɛe mu no, saa nneɛma yi nyɛ hwee sɛ redundancy. Mfiri ahorow ma kwan dedaw sɛ wɔyɛ eyi wɔ ɔkwan a wɔahyɛ da ayɛ so. Wɔn a wɔde di dwuma a wohia nhyehyɛe yi ankasa nim (efisɛ, sɛ ɛnyɛ saa a, anka wɔn asetra bɛyɛ den kɛse). Wiɛ, wɔwɔ nhyehyɛe yi a wɔde adi dwuma wɔ wɔn mfiri no nyinaa so dedaw. Na ɛno kyerɛ sɛ yebetumi ayi saa interface elements foforo yi afi hɔ, na ama osuahu no ayɛ mmerɛw.
Nkɔsoɔ a Wɔayɛ no Standardized Adwene a ɛho hia a ɛsɛ sɛ yɛkae wɔ mfiridwuma a ɛboa ho, titiriw wɔ eyi mu a ɛfa font kɛse a ɛkɔ soro ho ne sɛ mfiri dodow no ara wɔ saa nnwinnade yi pii a wɔde ahyɛ mu dedaw. Ɔkwan foforo so no, wɔ nsɛm pii mu no, enhia sɛ wɔn a wɔde di dwuma no tɔ wɔn ankasa softwea anaasɛ wɔtɔ mfiri pɔtee bi sɛnea ɛbɛyɛ a wobenya saa dwumadi yi ara kwa. Sɛ́ ɛyɛ mobile mfiri anaa wɛb brawsa mpo so no, wɔ nsɛm dodow no ara mu no, ɛnyɛ den sɛ wubenya nneɛma a wɔde ahyɛ mu a ɛma wutumi ma font kɛse a yɛde redi dwuma wɔ interface no nyinaa mu no yɛ kɛse. Wobetumi de saa nnyinasosɛm a ɛne sɛ font kɛse kɔ soro yi adi dwuma wɔ dijitaal nneɛma te sɛ apps, anaa mpo wɔ wɛbsaet biara a ɛyɛ adwuma wɔ wɛb brawsa ahorow a wɔde di dwuma nnɛ no so. iPhone ahorow a wɔde di dwuma Wɔ iPhone mfiri so no, wɔde font size increase feature no abɔ mu default. Sɛ wode saa ade yi bedi dwuma a, kɔ “Settings” panel no so kɛkɛ, paw “Accessibility,” na wɔ “Vision” options kuw no mu no, kɔ “Text Size and Display” feature no mu na hyehyɛ font size a wopɛ sɛ ɛkɔ soro wɔ saa screen no so.
Google Chrome na ɛwɔ hɔ Wɛb brawsa nso de, sɛnea wɔahyɛ da ayɛ no, dwumadie a ɛbɛma font kɛseɛ akɔ soro ma. Sɛ nhwɛso no, wɔ Google Chrome mu no, saa ade yi wɔ “Options” panel no mu, titiriw wɔ “Appearance” beae no. Wɔ nneɛma a wobɛpaw a epue wɔ kuw yi mu no mu no, paw “Font size” option no ara kwa. Mpɛn pii no, wɔbɛpaw “Medium — Recommended” a wobɛpaw no. Wubetumi asesa nhyehyɛe yi akɔ font kɛse foforo biara a ɛwɔ hɔ so. Sɛ nhwɛso no, sɔ “kɛse paa” a wobɛpaw no hwɛ.
Sɔhwɛ Wɔ Figma Mu Sɛnea ɛbɛyɛ a dijitaal kwan a wɔfa so nya adwuma no bɛyɛ nea etu mpɔn wɔ akuw ahorow da biara da asetra mu no, ɛho hia sɛ wɔhwehwɛ adwumayɛ nhyehyɛe a ɛnyɛ den. Nneyɛe anaa nnwuma a wobetumi de ahyɛ kuw no dwumadi mu, a ɛfa akwan a wobetumi anya ho wɔ ɔkwan a wɔaka abom so, na enhia nsakrae kɛse wɔ mprempren nokwasɛm no mu. Ogye di sɛ sɛ ɛho hia saa a, anka ɛrensi mmere dodow no ara. Enti, adwumayɛ nhyehyɛe a ɛnyɛ den a wɔbɛhyehyɛ no yɛ ɔko a ɛbɛma wɔanya kwan akɔ so ankasa no fã, wɔ eyi muasɛm no, nso wɔ kuw bi a wɔyɛ nhyehyɛe mu. Ɛdefa font size nkɔanim a wɔsɔ hwɛ wɔ design mu ho no, yɛwɔ nnwinnade soronko a yɛde di dwuma nnɛ. Wɔn a wɔkae nna a wɔde yɛɛ interface a ɛyɛ den wɔ Adobe Photoshop mu no behu nsonsonoe a ɛwɔ nnwinnade a yɛwɔ nnɛ no mu (na aseda mu no, ɛte saa). Seesei ɛyɛ yie, ɛnam nnwinnadeɛ te sɛ Figma so, sɛ wɔbɛbɔ ahoɔden a ɛte saa wɔ adwini mu araa ma ɛkame ayɛ sɛ sɛ wɔbɛsɔ font kɛseɛ akɔ soro ahwɛ ama wɔatumi anya bi abɛyɛ nea wontumi nkwati mma ekuo no.
Hyɛ no nsow: Sɛ wopɛ sɛ woyɛ sɔhwɛ yi a, ɛsɛ sɛ wunya Figma’s text styles, auto layouts, ne variables ho ntease a emu yɛ den. Saa abiɛsa yi yɛ nnwinnade atitiriw a ɛbɛma asi yiye a yɛmmɔ mmɔden kɛse. Sɛ wunnya nyɛɛ saa nneɛma yi yiye a, wɔkamfo kyerɛ kɛse sɛ wufi ase wɔ hɔ. Mma nntwa anammɔn so. Adesua yɛ adeyɛ a ɛkɔ so nkakrankakra a ɛsɛ sɛ wodi akyi wɔ ɔkwan a wɔahyehyɛ, anammɔn biara so. Ɛhe na Yɛpɛ sɛ Yɛkɔ? Font size nkɔanim sɔhwɛ a ɛwɔ Figma mu a yɛpɛ sɛ yɛyɛ no yɛ mmerɛw. Yɛpɛ sɛ yɛnya nsakraeɛ ahodoɔ bi a ɛwɔ hɔ ma nkyerɛwee ahodoɔ a yɛde di dwuma wɔ ntamgyinafoɔ no mu nyinaa, na ɛma yɛtumi paw sɛ yɛpɛ sɛ yɛhunu nkitahodiɛ no ne nkyerɛwee no wɔ nsenia a ɛyɛ 100%, 120%, 140%, 160%, 180%, anaa 200%. Bere a yɛde saa nsakrae ahorow yi di dwuma (te sɛ nea yɛde nsakrae ahorow di dwuma ma hann ne sum tebea) no, yɛhwɛ nsakrae a ɛba nkyerɛwee no mu wɔ ntamgyinafo no mu na yɛte baabi a nsakrae ho hia wɔ nkitahodi no nkyerɛase biara a ɛwɔ nkyerɛwee nsenia ahorow mu no ase.
Yɛbɛyɛ Dɛn Ma Eyi Asisi? Sɛ sɔhwɛ yi bɛkɔ so yiye saa a, ɛsɛ sɛ woyɛ nnyinasosɛm bi. Nhyehyɛe ahorow a wɔde yɛ nneɛma betumi aboa kɛse ma wɔayɛ adwuma a edi kan yi fã kɛse no ara yiye. Nanso merenni atoro nkyerɛ wo. Sɛ sɔhwɛ no bɛyɛ adwuma yiye a, ɛsɛ sɛ wo nhyehyɛe no nya nhyehyɛe ne nhyehyɛe a anibere wom yiye. Eyi nyɛ akwankyerɛ ankasa, efisɛ kuw biara benya n’ankasa adwuma nhwɛso, na wobetumi de nyansahyɛ ahorow yi adi dwuma wɔ akwan horow so (na ɛnyɛ hwee). Nanso, sɛ sɔhwɛ yi bɛyɛ adwuma a, ɛho hia sɛ wohwɛ hu sɛ nsusuwii ahorow bi wɔ nhyehyɛe no mu. Sɛnea ɛbɛyɛ a ɛbɛboa wo ma wode sɔhwɛ nhwɛso yi adi dwuma nkakrankakra no, anammɔn bi a ɛsɛ sɛ wudi akyi ni. Akwankyerɛ a ɛkɔ anammɔn anammɔn a ɛbɛkyerɛ wo kwan wɔ wo fael ahorow a wobɛhyehyɛ mu na woahwɛ ahu sɛ wubetumi ayɛ sɔhwɛ yi koraa wɔ ɔkwan a ɛyɛ mmerɛw na mfaso wɔ so sen biara so. 1. Nkitahodi ahorow no ho nhyehyɛe Ne nyinaa fi ase wɔ sɛnea wɔayɛ no no so. Ansa na yɛbɛyɛ sɔhwɛ biara no, ɛsɛ sɛ wɔde adwene si so, sɛnea ɛsɛ sɛ ɛyɛ, wɔ sɛnea wɔayɛ interface biara a yɛbɛpɛ sɛ yɛsɔ hwɛ akyiri yi no so. Saa bere yi de, ɛda so ara yɛ dadwen pɔtee biara wɔ font size increase test a yɛbɛyɛ akyiri yi no ho. Sɛnea ɛte no, ɛsɛ sɛ interface nhyehyɛe nyinaa, fi mfiase no, di akwankyerɛ a ɛho hia sen biara a ɛfa akwan a wɔfa so nya nneɛma a wɔde di dwuma wɔ nhyehyɛe mu no akyi.
2. Fa Auto Layouts Di Dwuma Wɔ Elements Nyinaa So Wɔ screen design biara a wobɛyɛ mu no, ɛho behia sɛ wohwɛ hu sɛ wode auto layouts bedi dwuma pɛpɛɛpɛ. Eyi yɛ anammɔn a ɛho hia paa. Ɛyɛ saa auto layouts a wɔde di dwuma daa yi wɔ structure ne design elements no nyinaa mu na akyiri yi ɛbɛma scalability a ɛwɔ interface no mu bere a yɛafi ase asɔ font size a ɛkɔ soro ahwɛ no. Ankasa wuntumi mmu anammɔn yi adewa. Sɛ woamfa w’adwene ansi so sɛnea ɛfata a, wubehu bere a yɛsɔ typographic scaling hwɛ wɔ interfaces no mu no, biribiara resɛe te sɛ asono wɔ china sotɔɔ mu.
3. Nkyekyɛm a Wɔde Di Dwuma Na Wɔde Di Dwuma Sɛ yɛbɛyɛ yɛn font size increase test a, yɛbɛhia nso sɛ wode text styles adi dwuma wɔ interface design biara mu. Ebia wufii ase mpo bɔɔ wɔn bere a na woreyɛ mfonini no. Kɛseɛ. Sɛ woannyɛ saa a, ɛho hia sɛ woyɛ no seesei. Sɛ sɔhwɛ no bɛyɛ adwuma pɛpɛɛpɛ a, yehia eyi ankasa. Mma nnyaw text element biara wɔ design no mu a wɔmfa text style nni dwuma.
4. Kyerɛkyerɛ Set Of Variables 100% . Saa sɔhwɛ yi hyɛ optimization a ɛkorɔn koraa. Wɔ nneyɛe mu no, eyi kyerɛ sɛ ɛsɛ sɛ yɛde Figma variables di dwuma ma nkyerɛwee ahorow a yɛwɔ wɔ interface no mu no su nyinaa. Saa mmerɛ yi, ɛsɛ sɛ wokyerɛkyerɛ Figma “nɔma” nsakraeɛ mu ma anyɛ yie koraa no, nkyerɛwee ahodoɔ a wode dii dwuma wɔ mfonini no mu no font-size ne line-height. Saa anammɔn yi, worekyerɛkyerɛ font size nkɔanim scale values mu ama 100% visualization model, kyerɛ sɛ, mfitiaseɛ ne reference version a ɛwɔ mfonini no mu. Ɛho hia sɛ wobɛhyehyɛ saa nsakraeɛ yi ama nkyerɛwee kwan biara a ɛwɔ mfonini no mu ɛfiri sɛ, akyiri yi, ɛbɛhia sɛ yɛsusu nkyerɛwee mu nneɛma yi mu biara ntrɛmu nsenia ho.
5. Fa Variables no Di Dwuma Wɔ Text Styles no Mu Bere a woakyerɛkyerɛ nsakrae ahorow no mu ama 100% scale text styles no, afei ɛsɛ sɛ wode di dwumakɔ element ahorow a ɛwɔ nkyerɛwee ahorow a wɔayɛ dedaw no so. Mma wo werɛ mmfi sɛ wode variables bedi dwuma anyɛ yiye koraa no wɔ font-size ne line-height su ahorow no ho. Sɛ wowɔ typographical variables pii a, ɛyɛ papa. Nanso anyɛ yiye koraa no ɛsɛ sɛ wonya nsakrae ahorow a wɔde di dwuma wɔ font-size ne line-height ho. Eyi ho hia yiye ankasa.
6. Kyerɛkyerɛ Nsakraeɛ a Ɛbɛma Nkyerɛwee no Kɛseɛ Seesei a woanya variables a wɔde adi dwuma wɔ 100% scale text styles no so no, anammɔn a edi hɔ ne sɛ wobɛbɔ variables no ama font size increase scales afoforo no. Wɔ nnwuma mu no, ɛsɛ sɛ wobɔ nsakraeɛ a ɛbɛkyerɛ nhyehyɛeɛ no font kɛseɛ a nkyerɛwee kwan biara bɛnyin akɔ berɛ a nkɔanim nsenia no yɛ 120%, 140%, 160%, ne nea ɛkeka ho. Sɛ wopɛ sɛ wokyerɛkyerɛ font-size ne line-height values mu a, fa mfitiaseɛ value no bɔ scale percentage no ho ara kwa. Sɛ nhwɛsoɔ no, sɛ nkyerɛwee kwan bi wɔ font-size a ɛyɛ 16px a, size a ɛwɔ 120% scale no bɛyɛ 16 a wɔde 1.2 abɔ ho, a ɛma aba 19.2. Tia saa akontabuo yi mu ma font-size ne line-height values nyinaa a font size nkɔanim scale percentages a wopaw no. Wubetumi nso apaw sɛ wode rounding bedi dwuma wɔ gyinapɛn ahorow a etwa to no so anaasɛ woremfa nni dwuma. Eyi yɛ sɔhwɛ a wɔde bɛyɛ, na enti nsonsonoe biara a ebetumi afi kurukuruwa mu aba no rennya adwene a etwa to wɔ sɔhwɛ no mu aba ho no so nkɛntɛnso.
7. Fa Variables Di Dwuma Wɔ Scale Versions Ahorow Mu Nokware bere no adu. Anamɔn a edi hɔ ne sɛ yɛbɛte ase sɛ yɛwɔ biribiara a ɛreyɛ adwuma sɛnea ɛbɛyɛ a sɔhwɛ no bɛkɔ so pɛpɛɛpɛ anaa. Enti, ɛsɛ sɛ wo kɔpi mfitiaseɛ interface no na wode variables set no di dwuma ma font size nkɔanim rates a nteaseɛ wom ma wo no mu biara. Tia saa adeyɛ yi mu ma font size nkɔanim ɔha biara mu nkyem a woakyerɛkyerɛ mu nyinaa. Sɛ nyansahyɛ no, wobɛtumi de 120%, 140%, 160%, 180%, ne 200% nkɔanim ɔha mu nkyekyɛmu no adi dwuma sɛ nhwɛsoɔ. Sɛ wopɛ sɛ woma ɛyɛ mmerɛw a, wubetumi atew scaling percentage dodow a wode reyɛ adwuma no so. Ɛmfa ho ɔha biara mu nkyekyɛmu dodoɔ a wode reyɛ adwuma no, ɛsɛ sɛ wode nsenia a ɛsua koraa 100% ne 200% yɛ adwuma berɛ biara.
8. Kyerɛ Mmeae a Ɛsɛ sɛ Wonya Nkɔso Ɛdenam font size nkɔanim nsenia ahorow a wode bedi dwuma wɔ screen koro no ara so no, ɛnyɛ den sɛ wobɛte baabi a ebia ɛho behia sɛ wɔyɛ nkɔso no ase. Eyi ne baabi a sɔhwɛ ankasa a ɛfa font kɛse a ɛkɔ soro wɔ interface design ne accessibility adwuma a ɛyɛ anigye sen biara no fi ase. Wɔ wo nhwehwɛmu a woyɛ wɔ screen ahorow no mu no, ma nneɛma bi a ɛho hia ntra w’adwenem:
Nokwasɛm a ɛyɛ sɛ nkyerɛwee no da adi kɛse no nyɛ ɔhaw na “ɛnsɛe” adwini no. Kae sɛ eyi betumi akyerɛ nsonsonoe a ɛda obi a obetumi de ade anaa adwuma pɔtee bi adi dwuma anaasɛ ɔmfa nni dwuma no ntam. Ɔhaw bi wɔ hɔ a ɛfa akwan a wɔfa so kɔ hɔ ho bere a font no kɛse a wɔma ɛkɔ soro no ma ɛnyɛ yiye sɛ nea ɔde di dwuma no nkenkan nsɛm bi anaasɛ ɔmfa control ahorow bi nyɛ adwuma no. Wɔ nkyerɛwee nneɛma a ɛsõ yiye dedaw fam no, ebia ntease nnim sɛ wobɛma nkyerɛwde no kɛse akɔ soro. Saa a wɔbɛyɛ no betumi ama saa nneɛma no ayɛ nea ɛnsɛ, a ɛremma akenkan ntu mpɔn (esiane sɛ ɛyɛ kɛse pa dedaw nti) na ebegye baabi a ɛho nhia koraa. Sɛ nneɛma bi wɔ hɔ a ɛte sɛ nea ɛrepue afi screen no so a, ade a edi kan ne sɛ wubesi sɛnea wode auto layout redi dwuma no so dua. Wobetumi adi adwini afã horow pii ho dwuma ntɛm denam auto layout a wɔde di dwuma yiye so. Ɛmfa ho sɛnea nkyerɛwde kɛse a ɛkɔ soro no kɛse te no, ɛho hia sɛ wɔkɔ so kura sɛnea wɔkyerɛw nsɛm no mu a wɔde aniwa hu no mu, efisɛ saa akenkan yi ho hia na ama wɔahu nsɛm ahorow a ɛwɔ screen no so no. Saa sɔhwɛ yi betumi aboa ma wɔahu nneɛma a ebia ebehia nsakrae tẽẽ wɔ mmara no mu na ama ayɛ adwuma yiye wɔ nkɔanim nsenia bi a wɔde ama mu. Ɛnyɛ biribiara na wobetumi afa adwini nkutoo so adi ho dwuma, na ɛno ye koraa. Nneɛma a wobetumi anya no yɛ kuw mmɔdenbɔ titiriw.
9. Yɛ Nteɛso Ne Nsakrae Wɔ Nsusuwii no Mu Awiei koraa no, wubetumi agyina screen ahorow a wɔde nsɛm a wɔde trɛw mu nsenia ahorow adi dwuma no so ayɛ nsakrae a ntease wom wɔ adwini no mu. Ebia nsakrae yi bi ho behia wɔ mmara mu nkutoo. Wɔ saa nsɛm yi mu no, wokyerɛw saa nyansahyɛ ahorow yi nyinaa na wode kɔma nkɔso kuw no. Ɛho hia nso sɛ wohyɛ mu den (bio) sɛ wobetumi asiesie ɔhaw ahorow bi a ebia wubehyia wɔ nhyehyɛe no mu no ntɛm wɔ nhyehyɛe no mu, denam auto-layout properties a wɔde di dwuma a ɛnyɛ den na ɛteɛ so.
10. San Kɔ Mfiase Na San Yɛ Adeyɛ no Eyi yɛ ɔkwan a wɔfa so di kyinhyia. Wei kyerɛ sɛ ɛsɛ sɛ wosan yɛ saa anammɔn yi, anaa ne nsakraeɛ, mpɛn dodoɔ a ɛho hia wɔ adwuma no nyinaa mu. Ɛyɛ awosu sɛ, bere kɔ so ne process optimization, ebinomwɔ anammɔn ahorow yi mu a ntease nnim bio. Ɛno nyɛ ɔhaw koraa. Nanso adeɛ a ɛho hia paa sɛ yɛhunu wɔ ha ne sɛ ɛnsɛ sɛ wɔyɛ accessibility ne saa nhyehyɛeɛ yi a wɔde sɔ font size nkɔanim hwɛ pɛnkoro pɛ, na ɛno ara ne no. Ɛyɛ sɔhwɛ a ɛsɛ sɛ wɔyɛ no mpɛn pii, mpɛn pii wɔ da biara da adwuma a adwuma ne kuw biara yɛ nyinaa mu.
Dwuma a Design Systems Di Sɛ wohwɛ a, ebia anammɔn a wɔabobɔ din yi bɛyɛ te sɛ apɔw-mu-teɛteɛ a emu yɛ den. Nanso ɛnte saa. Eyi te saa efisɛ ɛnyɛ den sɛ wobedi anammɔn yi mu dodow no ara, sɛ ɛnyɛ ne nyinaa mpo a, wɔ tebea biara a nhyehyɛe bi a wɔde yɛ nhyehyɛe wɔ hɔ mu. Nokwarem no, nhyehyɛe ahorow a wɔde yɛ nneɛma abɛyɛ gyinapɛn a wontumi nkwati wɔ Product Design adwuma no mu. Yebetumi asusuw nea kuw biara frɛ no nhyehyɛe nhyehyɛe ho, nanso nokwasɛm ne sɛ ɛyɛ den yiye nnɛ sɛ yebenya Product Design kuw a wonni, anyɛ yiye koraa no, nhomakorabea a wɔahyehyɛ no ketewaa bi a ɛfa nneɛma ne akwan horow ho.
Saa fapem yi, sɛ́ ɛyɛ nea wɔakyerɛw no kɛse anaa kakraa bi no, ɛyɛ mmerɛw yiye sɛ wode saa font size increase test yi bedi dwuma denam Figma variables so. Bio nso, sɛ wo design system no wɔ, sɛ nhwɛso no, structured variables dedaw ma hann ne sum mode a, ɛkyerɛ sɛ wode nnyinasosɛm koro no ara pɛpɛɛpɛ a yɛde yɛɛ sɔhwɛ yi redi dwuma dedaw. Enti, biribi foforo biara nni hɔ. Adwuma a wɔde yɛ nhyehyɛe nhyehyɛe ahorow no hwehwɛ sɛ wɔyɛ nhyehyɛe ne nhyehyɛe bi a ɛho wɔ mfaso kɛse nso ma sɔhwɛ a ɛte sɛɛ a wɔbɛbɔ. There’s a myth sɛ design systems to adebɔ ano hye. Eyi nyɛ nokware. Nneɛma a wɔyɛ no boa ma wodi adwini no fã a ɛyɛ “adwumayɛfo” no ho dwuma, enti yebetumi anya bere pii ankasa ama nea ɛho hia: wɔ eyi mu no, yɛbɛsɔ sɛnea wobetumi anya no ahwɛ na yɛasi nneɛma ne nnwuma pii a nnipa dodow no ara betumi anya bi ankasa. Nhwɛso Fael Ɛyɛ mmerɛw bere nyinaa sɛ wubehu nhwɛso bi sen sɛ wobɛkenkan adeyɛ bi ho nkyerɛkyerɛmu kɛkɛ. Sɛ eyi yɛ nokware wɔ nimdeɛ ho nteɛso pii mu a, wɔ nhyehyɛe mu a, ntease wɔ saa nsusuwii yi mu kɛse mpo. Enti, wɔ Figma fael yi mu, a wɔatintim no kwa na ɔmanfoɔ betumi anya bi pefee no, wobɛhunu sɔhwɛ nhyehyɛeɛ a wɔaka ho asɛm wɔ ha no nyinaa ho nhwɛsoɔ a ɛyɛ adwuma. Kae sɛ eyi yɛ nhwɛso ara kwa. Ebia akwan a wontumi nkan wɔ hɔ a wɔfa so yɛ sɔhwɛ a ɛte sɛɛ wɔ Figma fael bi mu.
Hwɛ hu sɛ wode aniwa a ɛyɛ katee bɛhwɛ ɔkwan yi. Ɛyɛ nyansahyɛ a wɔde sɔ font size nkɔanim hwɛ a ɛdi adeyɛ pɔtee bi akyi. Eyi nyinaa akyi no, ɛsɛ sɛ wɔsakra ɔkwan no ma ɛne wo kuw no nokwasɛm pɔtee, akwan horow, ne onyin gyinabea hyia. Nsusuwii ahorow a efi akuw afoforo hɔ a yɛbɛsuasua kɛkɛ a yɛnte ase sɛ ntease wom wɔ yɛn ankasa nsɛm a ɛfa ho no yɛ ɔkwan a ɛyɛ nokware a yɛbɛfa so ama mmɔden a wɔbɔ sɛ wobenya nneɛma no ayɛ nea ɛnsɛ. Tebea biara yɛ soronko. Saa kwan yi bɔ mmɔden sɛ ɛbɛma akwanside adwuma no ayɛ mmerɛw sɛnea ɛbɛyɛ yiye biara wɔ saa tebea pɔtee yi mu. Na kae: sɛ biribi si, ɛmfa ho sɛnea ɛyɛ ketewaa biara no, ɛyɛ anammɔn a ɛkɔ anim, ɛnyɛ anammɔn a ɛkɔ akyi. Na ɛsɛ sɛ obiara a ɔwɔ kuw no mu di ɛno ho afahyɛ.
