Текст, эс тэгвээс үсгийн төрөл нь вэб дизайны салшгүй хэсэг гэдгийг бид анзаардаггүй. Үнэн хэрэгтээ үсгийн хэв маягийг сонгох нь бүхэл бүтэн вэбсайтын амжилт эсвэл бүтэлгүйтлийг тодорхойлдог элемент байж болно. Хэрэв зочдод түүний агуулгыг уншихад хүндрэлтэй байвал таны сайт хэр сонирхол татахуйц харагдах эсвэл удирдахад хялбар байх нь тийм ч чухал биш юм.
Ийм учраас вэб дизайны төсөлдөө ихэнх текстийн уншихад хялбар фонтуудын аль нэгийг сонгох нь ухаалаг хэрэг юм.
Вэб дизайн нь зөвхөн гоо зүйн асуудал биш бөгөөд энэ нь хэрэглэгчийн туршлага, түүний үр дүнтэй байдалд ихээхэн нөлөөлдөг үйл явц юм. Вэб сайтын амжилт нь олон хүчин зүйлээс шалтгаалдаг ч хамгийн чухал зүйл бол ашигласан фонт юм. Сайтын агуулгад тохирох фонтыг сонгох нь таны агуулгыг судлахад удаан хугацаа зарцуулж байгаа хэрэглэгч болон уншихад бэрхшээлтэй тул сайтыг хурдан орхих хоёрын ялгаа байж болно.
Та янз бүрийн фонтуудын хоорондох давуу байдлын талаар эргэлзэж байсан уу? Компьютер эсвэл ухаалаг гар утасны дэлгэц дээр текстийг уншихад хялбар, ойлгомжтой болгодог ямар фонтыг та бодож байсан уу? Энэ нийтлэлд бид вэб дизайн хийхэд фонтыг зөв сонгохын ач холбогдол, фонтууд нь таны онлайн унших туршлагад хэрхэн нөлөөлж болох талаар авч үзэх болно.
Мөн бид дизайнерууд болон вэбсайт эзэмшигчдэд зориулсан хамгийн сайн сонголт болох уншихад хялбар фонтуудыг авч үзэх болно. Та вэб дээр унших маш сайн туршлага олж авахын тулд эдгээр фонтуудыг хэрхэн зөв ашиглах талаар сурах болно.
Ямар хүчин зүйл нь фонтыг уншихад хялбар болгодог вэ?
Фонтыг уншихад хэр хялбар болохыг тодорхойлохдоо олон хүчин зүйлийг анхаарч үзэх хэрэгтэй. Гурван гол асуудал нь:
- Serifs: Эдгээр нь зарим төрлийн үсгийн үсгийн үсэг бүрийн үндсэн зурааснаас салаалсан жижиг хэлбэр эсвэл хөл юм. Ер нь серифгүй фонтууд (таны одоо уншиж байгаа гэх мэт сериф агуулаагүй фонтууд) дэлгэц дээр уншихад хялбар байдаг гэж үздэг. Гэхдээ энэ дүрэмд үл хамаарах зүйлүүд байдаг бөгөөд та доорх жагсаалтаас харах болно.
- Зай: Ялангуяа kerning, tracking, lead зэрэг. Эдгээр нэр томъёо нь үсгийн фонт дахь бие даасан үсэг, үг, мөрүүд хоорондоо хэр ойрхон байгааг илэрхийлдэг. Хэрэв хоорондын зай хэт нарийсвал үсэг нь ялгагдахгүй болно. Хэрэв тэдгээр нь бие биенээсээ хэт хол байвал үг үүсгэхийн тулд зөв үсэг үүсгэхэд хэцүү байж болно.
- үсгийн хэмжээ: Таны текстийн хэмжээ нь уншихад нөлөөлдөг. Нэмж дурдахад зарим фонтууд жижиг хэмжээтэй, бусадтай харьцуулахад илүү тохиромжтой байдаг.
Эдгээр чиглүүлэгч хүчин зүйлсээс гадна таны санаж байх ёстой хэд хэдэн зарчмууд байдаг. Зөвхөн гарчиг эсвэл тусгай бичвэрт зориулагдаагүй тохиолдолд гоёл чимэглэлийн болон скрипт фонтоос ерөнхийдөө зайлсхийх хэрэгтэй. Эдгээр үсгийн хэв маягийн хэмжээг багасгах эсвэл урт текстэнд ашиглах үед амархан унших боломжгүй. Цаашилбал, өнгөт харалган болон өнгөт хэрэглэгчдэд уншихад хялбар болгохын тулд фонтын өнгөний дэвсгэрийн ялгаатай байдлыг харгалзан үзэх шаардлагатай. Гэсэн хэдий ч урвуу текст (харанхуй дэвсгэр дээр цайвар өнгөтэй текст) уншихад хамгийн хэцүү гэж үздэг.
Уншихад хамгийн хялбар фонт юу вэ? (шилдэг 10 сонголт)
Вэб дизайн дахь фонтыг зөв сонгох нь хамгийн оновчтой унших туршлагад хүргэнэ гэдэгт эргэлзэхгүй байна, учир нь манай жагсаалтад вэб дизайн дахь янз бүрийн тохиолдлуудад тохиромжтой олон төрлийн хэв маяг багтсан болно. Эдгээр мөрүүдийн зарим нь олон жилийн турш алдартай байсан тул танд шууд танил болсон байж магадгүй юм. Бусад сонголтууд нь нэлээд орчин үеийн, орчин үеийн дижитал уншигчдын хэрэгцээг хангах үүднээс сайтар сонгосон. Удаан хугацаанд ашиглагдаж байсан миний дуртай зүйлсээс эхэлье.
Энэ нийтлэлд бид үсгийн хэв маягийг уншихад хялбар болгодог сэдвийг хөндөж, дараагийн вэб сайт дээрээ ашиглахад анхаарах 10 алдартай сонголтыг танилцуулах болно.
1. Arial
Энэ нь Microsoft Word, Google Docs гэх мэт олон текст боловсруулах програмын стандарт фонт юм. Arial нь цэвэр, орчин үеийн серифгүй фонт бөгөөд үндсэн текстэд тохиромжтой. Ариал нь алдартай, өргөн хүрээний ачаар ямар ч хэв маягт амархан дасан зохицож чаддаг бөгөөд тогтвортой сонголт гэж тооцогддог. Мөн таны загварт ашиглахад хялбар байдаг.
2. Helvetica
Serif бус үсгийн ангилалд багтах өөр нэг сонголт бол Arial-тай төстэй юм. Helvetica нь таны сайтын дизайны элементүүдээс анхаарлыг татдаггүй, уншихад хялбар текстүүдийг өгдөг. Энэ нь хувийн шинж чанараас ангид байхаар санаатайгаар бүтээгдсэн бөгөөд өргөн тархсан хэдий ч дизайнеруудын дунд маш их маргаантай байдаг.
3. Гүрж
Манай жагсаалтад багтсан сериф фонтуудын нэг болох Жоржиа нь гоёмсог, сонгодог чимэг төрхтэй бөгөөд энэ нь вэбсайтын дизайндаа хувийн шинж чанарыг нэмэхийг хүсдэг хүмүүст тохиромжтой. Жоржиа нь гарчиг, гарчиг дахь олон серифгүй фонтуудтай сайн ажиллах боломжтой.
Хэрэв та serif фонтууд дуртай бөгөөд жижиг текстийг цэвэрхэн, уншихад хялбар байлгахыг хүсч байвал энэ нь маш сайн сонголт юм. Жоржиа мужийг бүх хэмжээтэй дэлгэцэн дээр унших чадварыг нэмэгдүүлэхийн тулд оновчтой болгосон.
4. Мерривезер
Merriweather бол серифгүй фонтыг илүүд үздэггүй дизайнеруудын өөр нэг сонголт юм. Google-ийн энэхүү фонт нь бага зэрэг шахагдсан тэмдэгтүүдээрээ тодорхойлогддог бөгөөд тэмдэгтүүдийн хоорондох том зай нь дэлгэц дээрх текстийг унших чадварыг нэмэгдүүлэх боломжийг олгодог. Энэ нь ажлаа маш сайн гүйцэтгэдэг тул WordPress платформыг ашигладаг хэрэглэгчид үүнийг өмнөх загваруудад ашиглаж байсныг санах болно. Merriweather нь жагсаалтын бусад фонтуудтай сайн тохирдог тул гарчигны үндсэн фонт болгон ашиглахад тохиромжтой.
5. Монтсеррат
Монцеррат нь хотын тэмдэглэгээнээс гаралтай бөгөөд урт бичвэрт ашиглахад уншихад хялбар болгох үүднээс 2017 онд илүү хөнгөн жинтэйгээр дахин зурсан. Хэрэв та Arial, Helvetica гэх мэт серифгүй фонтуудад дуртай бол илүү их сэтгэл хөдөлгөхийг хүсч байвал Монцерратыг үзэх нь зүйтэй юм. Энэ нь унших ая тухыг алдагдуулахгүйгээр хувийн зан чанарыг нэмэхийг хүсдэг блогуудад төгс төгөлдөр юм.
6. Ирээдүй
Helvetica-ийн алдартай хувилбар бол Футура бөгөөд таны бичвэрт шинэлэг, орчин үеийн өнгө аяс нэмдэг. Нэмэлт чимэглэл шаардлагагүйгээр олон мэдрэмжийг илэрхийлэх нарийн геометрийн загвартай. Футура бол шинэлэг, шинэлэг байх хүсэлтэй стартапууд болон брэндүүдэд төгс төгөлдөр юм.
Энэ нь анхаарал татахуйц гарчиг үүсгэхийн тулд серифгүй фонтоор гоё форматлаж эсвэл үндсэн текстэнд энгийн хэлбэрээр ашиглаж болно. Энэ нь мөн лого дизайнд түгээмэл хэрэглэгддэг.
7. Нээхгүйгээр
Үг"НээлттэйЭнэ үсгийн нэрэнд дугуй хэлбэртэй сөрөг зайг заана. Гэсэн хэдий ч олон хүмүүс үүнийг текстэнд найрсаг, найрсаг мэдрэмж төрүүлдэг онцлог шинж чанар гэж үздэг бөгөөд үүнийг үндсэн текстүүдэд тохиромжтой болгодог. Open Sans нь жагсаалтад байгаа бусад олон фонттой сайн тохирдог бөгөөд хэрэв та маш олон урт хэлбэрийн агуулгыг хүлээж, гар утасны хэрэглэгчдийг үл тоомсорлож байвал сайн сонголт болно.
8. Lato
Анх арилжааны үйлчлүүлэгчдэд зориулан бүтээгдсэн Lato нь хөнгөн, ноцтой үсгийн фонтыг хэтрүүлэхгүйгээр мэргэжлийн харагдахыг хүсвэл хамгийн тохиромжтой сонголт юм. Лато нь вэб сайтын үндсэн бичвэрт ашиглагдаж болох бөгөөд гарчиг болон гарчгийн сэриф фонттой сайн уялдаж болно. Энэ нь блогын нийтлэл эсвэл бүтээгдэхүүний тайлбарыг брендийн таних тэмдгийг бууруулахгүйгээр ойлгомжтой бөгөөд хялбар унших боломжийг олгоно.
9. Тиса
Энэ бол график дизайнерууд болон вэб дизайнеруудын дунд маш их алдартай орчин үеийн фонт юм. Үзэсгэлэнт серифүүд байгаа хэдий ч тэмдэгтийн нарийн зай нь текстийг жижиг дэлгэц дээр ч унших боломжтой болгодог. Энэ нь маш уян хатан бөгөөд ямар ч нөхцөл байдалд тохирсон байх болно. Хэрэв та Georgia эсвэл Merriweather шиг анхаарал татдаггүй сериф фонт хайж байгаа бол энэ нь хамгийн тохиромжтой сонголт юм.
10. Хурдан сэнд
Энэ сүүлчийн сонголтыг түүний өвөрмөц зан чанар, гар утасны оновчлолын улмаас сонгосон. Quicksand нь анх 2008 онд гар утасны төхөөрөмжүүдийн дэлгэцийн фонтоор бүтээгдсэн боловч бусад олон тохиолдлуудад түгээмэл болсон.
Тодорхой тэмдэгт хоорондын зай, геометрийн хэлбэрүүд нь Quicksand-г жижиг хэмжээтэй байсан ч унших боломжтой болгодог. Энэ нь Merriweather гэх мэт тод сериф фонтууд болон Futura гэх мэт хатуу бус сериф фонтуудтай сайн зохицож, бусад фонтуудтай загварчлахад маш уян хатан байдлыг өгдөг.
Дүгнэлт
Вэб дизайны төсөлдөө тохирох фонтыг сонгох нь хамгийн чухал зүйл юм. Аль фонтыг уншихад хамгийн хялбар болохыг ойлгох нь танд энэ тал дээр давуу тал болж, таны вэбсайтын агуулгыг ирээдүйн хэрэглэгчдэд ойлгомжтойгоор уншихад тусална. Энэ нийтлэлд бид вэб контентыг уншихад хамгийн хялбар 10 фонтыг авч үзсэн.
Merriweather болон Futura нь гарчиг болон гарчгийн сонголтуудыг илүүд үздэг бол Quicksand эсвэл Open Sans нь үндсэн текстийн хувьд илүү тохиромжтой сонголт байж болно. Хэрэв танд вэбсайтынхаа агуулгыг уншихад тохиромжтой фонт сонгох талаар асуух зүйл байвал? Үүнийг коммент хэсэгт бичээрэй!
Уншихад хамгийн хялбар фонтыг мэдэхэд энэ нийтлэл танд тус болно гэж найдаж байна. Сэтгэгдэл дээр бидэнтэй санал бодол, туршлагаа хуваалцаарай. Мөн нийтлэл танд тусалсан бол найзуудтайгаа хуваалцахаа мартуузай.
