విషయము
ప్రతిస్పందించే వెబ్ డిజైన్ మరియు వెబ్ ప్రాప్యత వయస్సు వచ్చింది మరియు ఆన్లైన్ వినియోగదారులకు వచనాన్ని అందించే కొత్త రీతులు వెలువడ్డాయి. ఫలితంగా, ప్రాప్యత రకం ఎంపిక గతంలో కంటే చాలా ముఖ్యమైనది.
వెబ్ రకం: శీఘ్ర లింకులు01. టైప్ఫేస్ డిజైన్
02. అప్లికేషన్ టైప్ చేయండి
03. సాంకేతికతలను టైప్ చేయండి
ప్రాప్యత రకం రూపకల్పన, అనువర్తనం మరియు కోడ్ పద్దతికి సంబంధించిన సమాచారం చాలా అద్భుతమైనది, కానీ ఒక విషయం స్పష్టంగా ఉంది: కంటెంట్ యొక్క చదవడం దాదాపు ప్రతి వెబ్సైట్కు ప్రధాన లక్ష్యం.
ఫాంట్ స్మిత్ వికలాంగుల కోసం ప్రాప్యత చేయగల టైప్ఫేస్లను పరిశోధించడానికి, పరీక్షించడానికి మరియు రూపొందించడానికి మెన్క్యాప్తో కలిసి పనిచేశారు. మా పరిశోధనలు ఇక్కడ ఉన్నాయి.
01. టైప్ఫేస్ డిజైన్
స్పష్టత vs చదవడానికి
వంటి ప్రశ్నలతో స్పష్టత ఉంది: మీరు ఈ లేఖ లేదా పదాన్ని గుర్తించగలరా? మీరు ఈ పదాన్ని అర్థం చేసుకోగలరా? చదవడానికి సంబంధించినది: పఠన అనుభవం ఎంత సౌకర్యంగా ఉంటుంది? ప్రాప్యత రకం డిజైన్ స్పష్టంగా మరియు చదవగలిగేది.
సెరిఫ్ vs సాన్స్
మెన్క్యాప్తో మా పరిశోధన సాన్స్-సెరిఫ్ ఫాంట్లు అత్యంత ప్రాప్యత చేయగల శైలి అని సూచిస్తుంది, ఎందుకంటే సెరిఫెడ్ అక్షరాలలోని వివరాలను పఠన వైకల్యం ఉన్నవారు సంక్లిష్టంగా భావిస్తారు.
సాన్స్ ఫాంట్లు సరళీకృత నిర్మాణాన్ని కలిగి ఉంటాయి; వారు మా నేర్చుకున్న చేతివ్రాతకు దగ్గరగా కూర్చుంటారు. మోనో-లీనియర్ సాన్స్ రూపాలు స్పష్టంగా మరియు మరింత బలమైన పద్ధతిలో చిన్న పిక్సెల్ పరిమాణాలలో, కఠినమైన రెండరింగ్ పరిసరాలలో కూడా ప్రదర్శించబడతాయి.
అక్షరాల ఆకారాలు
బలమైన అక్షర గుర్తింపు లక్షణాలతో టైప్ఫేస్ను ఎంచుకోవడం స్పష్టతకు సహాయపడుతుంది. దృష్టి లోపాలు ఉన్నవారు కొన్ని అక్షరాలను గందరగోళంగా చూడవచ్చు, కాబట్టి అక్షరాల ఆకారాలు స్పష్టంగా నిర్వచించబడటం ముఖ్యం. సాధారణ నేరస్థులు ‘నేను’ (క్యాపిటల్ ఐ), ‘ఐ’ (లోయర్-ఐ), ‘ఎల్ '(ఎల్) మరియు‘ 1' (ఒకటి). మూసివేసిన ‘సి’ ‘ఓ’ లాగా ఉంటుంది.
ఓపెన్ కౌంటర్ ఆకారాలు సహాయ పఠనం. ‘R’ మరియు ‘n’ కలయిక ‘m’ లాగా చదవగలదు. లాంగ్ ఆరోహణ మరియు అవరోహణలు కూడా ముఖ్యమైనవి. కన్ను స్కాన్ చేయగల మరియు వేగంగా అర్థం చేసుకోగల బాహ్య పద ఆకృతులను నిర్వచించడానికి ఇవి సహాయపడతాయి.
ఫాంట్ నిష్పత్తిలో
పెద్ద x- ఎత్తు మరియు మితమైన నుండి వెడల్పు నిష్పత్తిలో ఎక్కువ ప్రాప్యత ఉంటుంది. పెద్ద x- ఎత్తు తరచుగా అక్షరం లోపల ఎక్కువ తెల్లని స్థలాన్ని inf హించింది, ఇది నిర్వచనం మరియు స్పష్టతకు సహాయపడుతుంది. తరచుగా, ఘనీకృత మరియు సంపీడన వెడల్పు శైలులు ద్రవం మరియు మరింత ప్రతిస్పందించే లేఅవుట్ను ప్రారంభించేలా ప్రచారం చేయబడతాయి, అయితే స్థలం పరిమితం అయిన ఘనీకృత ఫాంట్ను ఉపయోగించడం ద్వారా (ఉదా. మొబైల్లో) మీరు ప్రాప్యతను కూడా తగ్గించవచ్చని గ్రహించడం చాలా ముఖ్యం.
సూచన
ఒక నిర్దిష్ట పిక్సెల్ పరిమాణంలో అక్షరం యొక్క నాణ్యతను మెరుగుపరచడానికి పిక్సెల్లను ఆన్ లేదా ఆఫ్ చేయాల్సిన స్థాయిని సూచనలు వివరిస్తాయి. స్క్రీన్ రిజల్యూషన్లో మెరుగుదలలు ఉన్నప్పటికీ, ఫాంట్ హింటింగ్ ఇప్పటికీ ఒక ముఖ్యమైన రకం డిజైన్ ప్రక్రియ. చాలా ఫౌండరీలు సూచనను ఆటోమేట్ చేస్తాయి మరియు చాలా మంచి ఫలితాలను సాధిస్తాయి, కాని అంచనాలను అదుపులో ఉంచుకోండి: ఎటువంటి సూచనలు 12px వద్ద భారీ బరువును మంచిగా చూడవు.
02. అప్లికేషన్ టైప్ చేయండి
పరిమాణం ముఖ్యం. వాస్తవ పరిమాణాలు ఫాంట్ల మధ్య భారీగా మారవచ్చని గుర్తుంచుకోండి
బరువు
ప్రతి ఫాంట్కు పాత్రలను కేటాయించడం ద్వారా సోపానక్రమం ఏర్పాటు చేయండి. ఒక సోపానక్రమం కంటికి స్పష్టమైన అనుభవంగా సమాచారాన్ని విచ్ఛిన్నం చేయడానికి వీలు కల్పిస్తుంది. ఉపశీర్షికలు మరియు శరీరం కోసం ఓపెన్, మిడ్రేంజ్ బరువులు ఉపయోగించండి. బ్రౌజర్ ప్లాట్ఫారమ్లలో అంచనా వేయడానికి ఒక పరీక్షను సెటప్ చేయండి - బరువు ఒక వాతావరణం నుండి మరొక వాతావరణానికి గణనీయంగా మారుతుంది. కావాలనుకుంటే, ప్రదర్శనను సమతుల్యం చేయడానికి టైప్ రెండరింగ్ మిక్స్ అమలు చేయండి.
పరిమాణం
పరిమాణం ముఖ్యం. ప్రతి ఫాంట్ టైప్-బాడీలో వేరే స్థాయిలో కూర్చుంటుందని గుర్తుంచుకోండి, మరియు వాస్తవ పరిమాణాలు ఫాంట్ల మధ్య భారీగా మారవచ్చు: ఒక ఫాంట్లోని 14 పిక్స్ మరొక ఫాంట్లో 18 పిక్స్కు సమానం. శరీర సగటు పరిమాణం 14px నుండి 16px వరకు ఉంటుంది. సాధారణ నియమం ప్రకారం, 16px- ప్లస్ అత్యంత కలుపుకొని పరిగణించబడుతుంది. ఫాంట్ పరిమాణం రెండరింగ్ నాణ్యతపై కూడా ప్రభావం చూపుతుంది. మీ ప్రాధమిక ప్లాట్ఫారమ్ల కోసం ఉత్తమ రెండరింగ్ ఫలితాలను అందించే తీపి ప్రదేశాలను కనుగొనండి.
లైన్-ఎత్తు మరియు పొడవు
.పిరి పీల్చుకోవడానికి టైప్ రూమ్ ఇవ్వండి. మీ కన్ను ఒక లైన్ నుండి మరొక లైన్ వరకు సులభంగా ట్రాక్ చేయగలగాలి. బాడీ కాపీ కోసం వెబ్ కంటెంట్ ప్రాప్యత మార్గదర్శకాలు (WCAG) 1.5 లైన్ ఎత్తును సిఫార్సు చేస్తుంది. అవసరమైనంతవరకు అంచనా వేయండి, తగ్గించండి లేదా పెంచండి. వచన రేఖలను స్కాన్ చేయడం మీ కళ్ళకు పరీక్షిస్తోంది. సగటు ఆన్లైన్ లైన్ పొడవు 70-80 అక్షరాలు ఉంటుందని పరిశోధన సూచిస్తుంది. పంక్తులను 16 పదాలకు మించకుండా పరిమితం చేయండి.
రంగు
అన్ని దృశ్యమాన అంశాల మాదిరిగా, రకానికి తగిన విరుద్ధంగా ఉండాలి. బూడిదరంగు మరియు ఫాంట్ బరువు చాలా తేలికగా ఉంటే తెలుపు నేపథ్యంలో గ్రే రకం చదవడం కష్టం. ఫాంట్స్మిత్ యొక్క ఎఫ్ఎస్ అన్టైటిల్ వినియోగదారులకు దాని రూపాన్ని సమతుల్యం చేయడంలో సహాయపడటానికి చక్కగా ‘గ్రేడెడ్’ బరువులు కలిగి ఉంది. చీకటి నేపథ్యంలో తెలుపు రకం తెరపై ‘గ్లో’ చేస్తుంది, ఇది కఠినంగా కనిపిస్తుంది మరియు కొన్ని ఫాంట్లకు అక్షర-స్థల సర్దుబాట్లు అవసరం కావచ్చు.
03. సాంకేతికతలను టైప్ చేయండి
ఫాంట్ లోడింగ్ వ్యూహాలు
నెమ్మదిగా కనెక్షన్లు మరియు పెద్ద ఫాంట్ ఫైల్స్ నెమ్మదిగా టెక్స్ట్ లోడ్ సమయాలను చేస్తాయి. పూర్తి యూరోపియన్ అక్షర సమితితో ఒకే WOFF ఫైల్ 36-50KB పరిమాణంలో ఉంటుంది. FOUT (అన్స్టైల్డ్ టెక్స్ట్ యొక్క ఫ్లాష్) లేదా FOIT (అదృశ్య టెక్స్ట్ యొక్క ఫ్లాష్) యొక్క రాష్ట్రాలు పరిగణించాల్సిన అవసరం ఉంది. FOIT అనేది బ్రౌజర్ డిఫాల్ట్ మరియు సౌందర్య పరంగా FOIT కావాల్సినది, కాని ప్రాప్యత పరంగా FOUT ఖచ్చితంగా వెళ్ళడానికి మార్గం.
ఎందుకంటే కంటెంట్ను చూడటం కంటే కొంత కంటెంట్ను చూడటం మంచిది. అన్ని వెబ్ ఫాంట్లు లోడ్ అయ్యే వరకు టెక్స్ట్ను ఫాల్బ్యాక్ ఫాంట్లో చూపించాలని లక్ష్యంగా పెట్టుకోండి, ఇది పేజీలోని బహుళ అంశాల యొక్క నిరంతర తీర్పును నివారిస్తుంది. వెబ్ ఫాంట్ లోడర్తో అమలు చేయండి మరియు కుకీని సెట్ చేయండి, ఎందుకంటే ఇది సైట్లోకి మరింత దూరం చేస్తుంది.
ఫాల్బ్యాక్ ఫాంట్లు
ముఖ్యంగా మొబైల్లో ఎంపిక పరిమితం. జోర్డాన్ మూర్ యొక్క మొబైల్ ఫాల్బ్యాక్ అనుకూలత పట్టిక సమస్యను వివరిస్తుంది.ఫాల్బ్యాక్ను ఎంచుకున్నప్పుడు, సారూప్య బరువులు మరియు నిష్పత్తిలో షూట్ చేయండి. మీరు ఎంచుకున్న ఫాంట్ పరిమాణంతో సరిపోలడానికి ఫాల్బ్యాక్ కొలమానాలను సర్దుబాటు చేయండి. ఫాల్బ్యాక్ మరియు జడ్జిపై ప్రాప్యత చేయగల ఫాంట్ను అతివ్యాప్తి చేయడం ద్వారా మీ ఎంపిక నిర్ణయాన్ని తెలియజేయండి.
టెక్స్ట్-రెండరింగ్
కెర్నింగ్ను ప్రారంభించడానికి మరియు రెండరింగ్ నాణ్యతను మెరుగుపరచడానికి ఆప్టిమైజ్ లెజిబిలిటీని ఉపయోగించండి. ఈ సెట్టింగ్ లిగాచర్లను కూడా అనుమతిస్తుంది, .classname {font-feature-settings: "liga" 0; }.
ఫాంట్లను రక్షించడం
అధిక-నాణ్యత టైప్ఫేస్ను అభివృద్ధి చేయడానికి సంవత్సరాల ప్రయత్నం మరియు పెట్టుబడి అవసరం. అన్ని వెబ్ ప్రాజెక్టులలో ఆ రకమైన ముఖ్యమైన పాత్రను బట్టి, వాటిలో పెట్టుబడులను రక్షించడానికి మీరు చర్యలు తీసుకుంటే ఇది చాలా సరసమైనది. ఫాంట్లను అమర్చడానికి CORS ని ఉపయోగించండి, అనుమతించబడిన సైట్లకు మాత్రమే ఫైల్లకు ప్రాప్యత ఉందని నిర్ధారిస్తుంది.
మేము రకాన్ని సాధ్యమైనంత ప్రాప్యత చేయడమే లక్ష్యంగా పెట్టుకున్నాము. 21 వ శతాబ్దపు వే ఫైండింగ్ టైప్ఫేస్, ఎఫ్ఎస్ మిల్బ్యాంక్ను రూపొందించడానికి మేము సంకేతాలు మరియు పర్యావరణ సమూహాలతో కలిసి పనిచేశాము, ఇది బిజీ వాతావరణంలో నావిగేషన్కు సహాయం చేయడమే. FS పేరులేని వాటితో మేము మరింత చదవగలిగే వెబ్ను సృష్టించాలని లక్ష్యంగా పెట్టుకున్నాము, అందుబాటులో ఉన్న టైపోగ్రఫీ అందరికీ తెరిచి ఉందని నిర్ధారిస్తుంది.
ఈ వ్యాసం మొదట ప్రచురించబడింది నెట్ మ్యాగజైన్ సంచిక 286. ఇక్కడ సభ్యత్వాన్ని పొందండి.
సంబంధిత కథనాలు
- 40 ఉత్తమ ఉచిత వెబ్ ఫాంట్లు
- వెబ్ ప్రాప్యతతో ప్రారంభించండి
- ఫ్రీలాన్స్ UX డిజైనర్లకు 10 అవసరమైన సాధనాలు