តើអ្វីទៅជា​ឋានានុក្រម​នៃ​អក្សរពុម្ព (Typographic Hierarchy)? និយមន័យ និង​ឧទាហរណ៍

What is Typographic Hierarchy? Definition & Examples
ស្ទូឌីយោរចនា (Design Studio)
រយៈពេលអាន៖ 12 នាទី
បានធ្វើបច្ចុប្បន្នភាព៖ 11 កុម្ភៈ 2025
បានចេញផ្សាយ៖ 08 មករា 2024

និយមន័យឋានានុក្រមនៃអក្សរពុម្ព (Typographic Hierarchy Definition)

ឋានានុក្រមនៃអក្សរពុម្ព គឺជាដំណើរការជាយុទ្ធសាស្ត្រនៃការរចនាខ្លឹមសារជាលាយលក្ខណ៍អក្សរ តាមរបៀបដែលធ្វើឲ្យអត្ថបទងាយស្រួលក្នុងការ훑ិមើល ងាយយល់ និងទាក់ទាញភ្នែក។ វាគឺជាដំណើរការនៃការណែនាំអ្នកអានដោយប្រើរូបភាព (visually guiding) តាមរយៈអត្ថបទ ដោយមានសញ្ញាណដែលមើលឃើញ (visual cues) ដោយសង្កត់ធ្ងន់លើធាតុសំខាន់ៗបំផុតនៃខ្លឹមសារ។

និយាយឲ្យងាយយល់ ឋានានុក្រមនៃអក្សរពុម្ព គឺជាដំណើរការជាយុទ្ធសាស្ត្រនៃការប្រែក្លាយជញ្ជាំងអក្សរធម្មតា ទៅជាផ្ទៃដែលអាចរុករកបាន ដែលមានទួល (ចំណងជើងធំ - headers) ខ្ពស់ឡើង មានជ្រលង (កថាខណ្ឌ - paragraphs) ចុះទាប និងមានផ្លាកសញ្ញាច្បាស់លាស់ (ចំណងជើងរង - subheadings) នាំផ្លូវការរុករករបស់អ្នកបានយ៉ាងងាយស្រួល។

ស្រមៃថាអ្នកកំពុងអានប្លុក (blog) មួយដែលគ្មានចំណងជើងធំ ចំណងជើង ឬចំណងជើងរូបភាព - មានតែប្លុកអក្សរក្រាស់ៗ ជាប់គ្នា ដោយគ្មានចន្លោះទំនេរ (white space) ឬធាតុរចនាណាមួយដើម្បីបំបែកវាឡើយ។ វាពិតជាមិនអាចអានបានមែនទេ? នេះគឺជាអ្វីដែលគេហៅថា បញ្ហា "ជញ្ជាំងអក្សរ" (wall of text) ដែលអាចធ្វើឲ្យភ្នែកអ្នកអានខ្លាំង និងធ្វើឲ្យអត្ថបទពិបាកយល់។

នេះគឺជាកន្លែងដែលមន្តអាគមនៃឋានានុក្រមនៃអក្សរពុម្ពចូលមកជួយសង្គ្រោះ៖

• តាមរយៈការរក្សាឋានានុក្រមនៃអក្សរពុម្ពឲ្យបានច្បាស់លាស់ អ្នករចនាអាចបំប្លែងជញ្ជាំងអក្សរធម្មតា ទៅជាខ្លឹមសារដែលគួរឲ្យចាប់អារម្មណ៍ និងងាយស្រួលយល់។
• ចំណងជើងធំ (Headings) ក្លាយជាបដាដ៏ធំ ចំណងជើងរង (subheadings) បម្រើជាព្រួញចង្អុលទិស ហើយកថាខណ្ឌដែលមានចន្លោះល្អ (well-spaced paragraphs) ក្លាយជា 'តូបអត្ថបទ' ដែលរៀបចំយ៉ាងមានរបៀបរៀបរយ។
• ធាតុអត្ថបទនីមួយៗដើរតួនាទីក្នុងការបង្កើតលំហូរព័ត៌មានដែលមានលក្ខណៈធម្មជាតិ ណែនាំអ្នកអានតាមរយៈខ្លឹមសារដោយភាពងាយស្រួល និងធ្វើឲ្យវាកាន់តែងាយស្រួលចូលមើល និងទាក់ទាញភ្នែក។
• ការធ្វើតាមនិន្នាការពុម្ពអក្សរ (typography font trends) ក៏ដើរតួយ៉ាងសំខាន់ផងដែរ ដោយសារការជ្រើសរើសពុម្ពអក្សរដែលត្រឹមត្រូវអាចបំពេញបន្ថែមឋានានុក្រម និងបង្កើនភាពងាយស្រួលអាន និងការរចនាទាំងមូលបន្ថែមទៀត។

សម្រាប់អ្នករចនាដែលធ្វើការច្រើនជាមួយខ្លឹមសារផ្អែកលើអត្ថបទ ការបង្កើតឋានានុក្រមនៃអក្សរពុម្ពដែលទាក់ទាញភ្នែក និងងាយស្រួលអាន គឺជាជំនាញដ៏សំខាន់ដែលត្រូវចេះឲ្យស្ទាត់។ ការអនុវត្ត និងការពិសោធន៍ជាមួយរចនាប័ទ្ម និងបច្ចេកទេសឋានានុក្រមផ្សេងៗគ្នា គឺជាវិធីល្អបំផុតដើម្បីរៀនជំនាញនេះ។ ប៉ុន្តែ មានគោលការណ៍ណែនាំមួយចំនួនដែលអ្នករចនាគួររៀនមុនពេលពួកគេចាប់ផ្តើមអនុវត្ត។

នៅក្នុងអត្ថបទនេះ យើងនឹងស្វែងយល់ពីគោលការណ៍ណែនាំទាំងនេះ និងផ្តល់នូវគន្លឹះជាក់ស្តែងសម្រាប់ការបង្កើតឋានានុក្រមនៃអក្សរពុម្ពដែលមានប្រសិទ្ធភាពក្នុងការរចនាឌីជីថល។ តាមរយៈការយល់ដឹង និងការអនុវត្តគោលការណ៍ណែនាំទាំងនេះ អ្នករចនាแอป (app) ឬគេហទំព័រ (web) អាចធ្វើឲ្យការរចនាផ្អែកលើអត្ថបទរបស់ពួកគេកាន់តែងាយស្រួលចូលមើល និងទាក់ទាញភ្នែក។

ការយល់ដឹងអំពីឋានានុក្រមនៃអក្សរពុម្ព (Understanding Typographic Hierarchy)

ពាក្យថា 'typographic' (ទាក់ទងនឹងអក្សរពុម្ព) និង 'hierarchy' (ឋានានុក្រម) មិនមែនជាពាក្យចម្លែកសម្រាប់អ្នកនៅក្នុងវិស័យរចនានោះទេ៖

• ពាក្យ 'typographic' សំដៅលើបញ្ហាទាំងអស់ដែលទាក់ទងនឹងអក្សរពុម្ព (typography) ឧទាហរណ៍៖ ការជ្រើសរើសពុម្ពអក្សរ (font choice), ទំហំពុម្ពអក្សរ (font size), ចម្ងាយដែលយើងដាក់តួអក្សរពីគ្នា ។ល។
• ពាក្យ 'hierarchy' សំដៅលើកម្រិតនៃសារៈសំខាន់ ឬអាទិភាពនៅក្នុងសំណុំនៃធាតុផ្អែកលើអត្ថបទ។ (ឧទាហរណ៍៖ អ្វីដែលអ្នកអានគួរយកចិត្តទុកដាក់មុនគេ ទីពីរ និងទីបី)។
• នៅពេលអ្នកផ្សំពាក្យទាំងពីរនេះ អ្នកនឹងទទួលបាន ឋានានុក្រមនៃអក្សរពុម្ព (typographic hierarchy)៖ ដំណើរការជាយុទ្ធសាស្ត្រនៃការរចនា និងរៀបចំអត្ថបទ ដើម្បីណែនាំការយកចិត្តទុកដាក់របស់អ្នកអានដោយប្រើរូបភាព (visually guide)។

ឧទាហរណ៍នៃឋានានុក្រមនៃអក្សរពុម្ព (Typography Hierarchy Example)

នេះគឺជាឧទាហរណ៍ដែលបង្ហាញពីរបៀបដែលការអនុវត្តឋានានុក្រមនៃអក្សរពុម្ពដែលបានកំណត់ច្បាស់លាស់ អាចបង្កើនភាពងាយស្រួលអានអត្ថបទបានយ៉ាងខ្លាំង បើប្រៀបធៀបទៅនឹងខ្លឹមសារផ្អែកលើអត្ថបទដែលខ្វះការរៀបចំបែបនេះ៖

(រូបភាពឧទាហរណ៍ត្រូវបានយោងនៅទីនេះក្នុងអត្ថបទដើម)

ការយល់ដឹងអំពីឋានានុក្រមនៃអក្សរពុម្ព (Understanding Typographic Hierarchy)

ដូចដែលអ្នកបានឃើញនៅក្នុងឧទាហរណ៍ខាងលើ ភាពខុសគ្នារវាងភាពច្របូកច្របល់នៃអក្សរពុម្ព និងភាពច្បាស់លាស់ គឺគួរឲ្យកត់សម្គាល់។ ដោយគ្មានឋានានុក្រមណាមួយ តួអក្សរ/ពាក្យ/ប្រយោគនីមួយៗនៅក្នុងអត្ថបទ និងការរចនានឹងមើលទៅដូចគ្នា។ ពីឧទាហរណ៍នេះ យើងអាចសន្និដ្ឋានបានថា គោលបំណងចម្បងនៃឋានានុក្រមនៃអក្សរពុម្ព គឺដើម្បីធ្វើឲ្យធាតុផ្អែកលើអត្ថបទក្នុងការរចនាកាន់តែងាយស្រួលអាន។

គោលបំណងបន្ទាប់បន្សំ គឺដើម្បីបង្ហាញអ្នកអានដោយមើលឃើញ (visually show) ថាតើព័ត៌មានមួយណាដែលពួកគេគួរផ្តោតលើ។ ឧទាហរណ៍ នៅក្នុងឧទាហរណ៍ខាងលើ ចំណងជើងធំ "On the Moon" គឺជាព័ត៌មានដែលអ្នកអានគួរផ្តោតលើ។ អត្ថបទដែលនៅសល់ (ចំណងជើងរង, តួអត្ថបទ ។ល។) គ្រាន់តែគាំទ្រចំណងជើងធំតែប៉ុណ្ណោះ។

ហេតុអ្វីបានជាឋានានុក្រមនៃអក្សរពុម្ពមានសារៈសំខាន់ក្នុងការរចនាគេហទំព័រ (Why Typographic Hierarchy is Crucial in Web design)

អត្ថប្រយោជន៍ (Benefit)	ហេតុអ្វីបានជាឋានានុក្រមនៃអក្សរពុម្ពមានសារៈសំខាន់ (Why Typographic Hierarchy Matters)
ការយល់ដឹងកាន់តែច្បាស់ និងលឿនជាងមុន (Clearer, Faster Insights)	– ណែនាំភ្នែកអ្នកអានទៅកាន់ព័ត៌មានសំខាន់ៗ; – បង្កើនភាពងាយស្រួលអាន និងការយល់ដឹង
ការសង្កត់ធ្ងន់ដែលមើលឃើញ (Emphasis Made Visual)	បន្លិចចំណុចសំខាន់ៗនៅក្នុងអត្ថបទតាមរយៈការកែសម្រួលទំហំ ទម្ងន់ និងពណ៌
លំហូរដែលបានរៀបចំ (Organized Flow)	បង្កើតរចនាសម្ព័ន្ធដែលមើលឃើញច្បាស់លាស់ជាមួយចំណងជើងធំ ចំណងជើងរង ។ល។ ធ្វើឲ្យការរុករកមានភាពងាយស្រួល
ភាពចុះសម្រុងផ្នែកសោភ័ណភាព (Aesthetic Harmony)	បង្កើនភាពទាក់ទាញភ្នែក និងឥទ្ធិពលនៃការរចនាទាំងមូល។
ពង្រឹងការទទួលស្គាល់ម៉ាក (Brand Recognition Reinforce)	ពង្រឹងអត្តសញ្ញាណម៉ាកនៅក្នុងចិត្តរបស់អ្នកប្រើប្រាស់តាមរយៈជម្រើសរចនាអត្ថបទជាប់លាប់ (ឧទាហរណ៍៖ ការជ្រើសរើសពុម្ពអក្សរជាក់លាក់ដើម្បីតំណាងឲ្យម៉ាក)
ការចូលប្រើប្រាស់រួម (Inclusive Access)	វាធ្វើឲ្យខ្លឹមសារអាចចូលប្រើប្រាស់បានសម្រាប់អ្នកអានកាន់តែច្រើន រួមទាំងអ្នកដែលមានបញ្ហាចក្ខុវិញ្ញាណ
ភាពល្អិតល្អន់ប្រកបដោយវិជ្ជាជីវៈ (Professional Polish)	បង្ហាញពីការយកចិត្តទុកដាក់ និងភាពល្អិតល្អន់របស់អ្នករចនា

ការបង្កើតឋានានុក្រមនៃអក្សរពុម្ពដែលមានប្រសិទ្ធភាព៖ កត្តាដែលត្រូវពិចារណា (Creating an Effective Typographic Hierarchy: Factors to Consider)

មុនពេលបង្កើតឋានានុក្រមនៃអក្សរពុម្ព អ្នករចនាត្រូវតែស្វែងយល់ឲ្យស៊ីជម្រៅអំពីព័ត៌មាននោះផ្ទាល់។ ពួកគេត្រូវតែយល់ពីគោលបំណងស្នូល និងគោលដៅនៃខ្លឹមសារ។ ការយល់ដឹងនេះនឹងដាក់មូលដ្ឋានគ្រឹះសម្រាប់ឋានានុក្រមនៃអក្សរពុម្ពដែលមានរចនាសម្ព័ន្ធល្អ ដែលជោគជ័យទាំងក្នុងការទាក់ទាញអារម្មណ៍ទស្សនិកជន និងណែនាំពួកគេឆ្ពោះទៅរកចំណុចសំខាន់ៗដែលបានគ្រោងទុក ដែលបង្កើតជាស្នូលនៃខ្លឹមសារ។

• អ្នករចនាត្រូវតែសួរខ្លួនឯងថា "តើសារអ្វីដែលយើងកំពុងព្យាយាមបញ្ជូន?" "តើអ្នកប្រើប្រាស់ត្រូវដឹងអ្វីមុនគេ? តើធាតុណាខ្លះដែលសមនឹងទទួលបានការយកចិត្តទុកដាក់បំផុត?"
• បន្ទាប់មក ពួកគេត្រូវតែដាក់ខ្លួនជាអ្នកអាន។ ពិចារណាពីគំរូនៃការអាន និងការ훑ិមើលព័ត៌មានរបស់ពួកគេ។ និងយល់ពីរបៀបដែលពួកគេនឹង훑ិមើល រុករក និងបកស្រាយអត្ថបទ។

នៅពេលដែលអ្នករចនាមានភាពច្បាស់លាស់ក្នុងបរិបទនេះ ពួកគេអាចបង្កើតឋានានុក្រមឡូជីខលនៃអត្ថបទដែលហូរទៅមុខដោយធម្មជាតិ ខណៈពេលដែលផ្តល់អាទិភាពដល់ព័ត៌មានសំខាន់ៗ។ បន្ទាប់មក ពួកគេអាចចាប់ផ្តើមចាត់ទុកអត្ថបទជាធាតុដែលមើលឃើញ (visual element) ហើយបញ្ចូលសញ្ញាណដែលមើលឃើញ (visual cues) និងធាតុអក្សរពុម្ព (typography elements) ដែលសមស្រប (ដូចជា ទំហំពុម្ពអក្សរ, ទម្ងន់, ពណ៌ ។ល។) ទៅក្នុងរចនាសម្ព័ន្ធនៃខ្លឹមសារ។

ធាតុសំខាន់ៗនៃឋានានុក្រមនៃអក្សរពុម្ព (Key Elements of Typographic Hierarchy)

នេះគឺជាធាតុសំខាន់ៗនៃអក្សរពុម្ពដែលអ្នករចនាត្រូវពិចារណា ដើម្បីបង្កើតឋានានុក្រមនៃអត្ថបទដែលផ្នែកនីមួយៗលេចធ្លោខុសពីផ្នែកផ្សេងទៀត៖

ទំហំ (Size):

ចំណុចដំបូងដែលអ្នករចនាត្រូវពិចារណាគឺទំហំ ហើយវាមានហេតុផលល្អ។ ទំហំនិយាយបានច្រើន – តាមន័យត្រង់។ ពុម្ពអក្សរធំជាងស្រែកប្រាប់ពីសារៈសំខាន់ ហើយត្រូវបានប្រើសម្រាប់អ្វីៗដូចជា ចំណងជើងធំ (titles) និងចំណងជើង (headlines)។ ពុម្ពអក្សរតូចជាង បង្ហាញពីព័ត៌មានលម្អិតបន្ទាប់បន្សំ ហើយពួកវាត្រូវបានប្រើដើម្បីបង្ហាញតួអត្ថបទ (body copy), ចំណងជើងរូបភាព (captions), ព័ត៌មានមេតា (meta info) ។ល។

ការប្រើអក្សរធំ (Case Capitalization):

ការប្រើអក្សរធំអាចជាឧបករណ៍ដ៏មានឥទ្ធិពលនៅក្នុងឋានានុក្រមនៃអក្សរពុម្ព។ ការប្រើតួអក្សរធំទាំងអស់ (uppercase) នៅក្នុងចំណងជើងធំ/ចំណងជើងរង គឺជាមធ្យោបាយងាយស្រួលក្នុងការបែងចែកផ្នែកអត្ថបទផ្សេងៗ។ ឧទាហរណ៍ ប្រសិនបើអ្នកបង្ហាញចំណងជើងធំនៃគេហទំព័រជា អក្សរធំទាំងអស់ (ALL-CAPS) និង អក្សរដិត ទ្រេត (BOLD, ITALIC FONT) វានឹងលេចធ្លោភ្លាមៗនៅក្នុងក្រសែភ្នែកអ្នកអាន។ ប៉ុន្តែ អ្នករចនាត្រូវតែប្រុងប្រយ័ត្ន។ ការស្រែក "អក្សរធំទាំងអស់" នៅក្នុងតួអត្ថបទនឹងធ្វើឲ្យអ្នកអាននឿយហត់ និងខកចិត្ត។

ពណ៌ (Color):

ការប្រើប្រាស់ពណ៌ (chromatic manipulation) ឧ. ការកែសម្រួលពណ៌នៃអត្ថបទ គឺជាឧបករណ៍ដ៏មានឥទ្ធិពល ប៉ុន្តែមិនសូវត្រូវបានប្រើប្រាស់ សម្រាប់បង្កើតឋានានុក្រមនៃអក្សរពុម្ព។ ការប្រែប្រួលស្រមោលពណ៌បន្តិចបន្តួចនៅក្នុងក្ដារលាយពណ៌ (color palette) (ឧទាហរណ៍៖ ការប្រើល្បាយនៃស្រមោលស្រាលជាង/ងងឹតជាងនៃពណ៌ជាក់លាក់ណាមួយ) អាចជួយអ្នករចនាបែងចែកស្រទាប់ព័ត៌មាន និងទាញចំណាប់អារម្មណ៍របស់អ្នកប្រើប្រាស់បានយ៉ាងមានប្រសិទ្ធភាព។

ទម្ងន់ (Weight):

ការធ្វើឲ្យពុម្ពអក្សរដិតជាង/ស្តើងជាង (bolder/thinner) គឺជាមធ្យោបាយងាយស្រួលក្នុងការបង្កើតឋានានុក្រមដែលមើលឃើញ (visual hierarchy) ដែលអាចសម្គាល់បានភ្លាមៗ សូម្បីតែសម្រាប់អ្នកដែលមិនមែនជាអ្នករចនាក៏ដោយ។ តាមរយៈការប្រើពុម្ពអក្សរដិតជាង/ស្តើងជាង អ្នករចនាអាចណែនាំអ្នកអានតាមរយៈអត្ថបទ ដោយធានាថាពួកគេចាប់បាននូវព័ត៌មានសំខាន់ៗបំផុត។

រចនាប័ទ្ម (Style):

នៅក្នុងអក្សរពុម្ព "រចនាប័ទ្ម" សំដៅលើការប្រែប្រួលដែលមើលឃើញផ្សេងៗគ្នា ដែលអាចត្រូវបានអនុវត្តនៅក្នុងប្រភេទពុម្ពអក្សរ (typeface) មួយ។ ពួកវារួមមាន អក្សរទ្រេត (italics), ដិត (bold), ខ្លាំង (strong), ឬធម្មតា (regular)។ វាជាឧបករណ៍មានប្រយោជន៍សម្រាប់សង្កត់ធ្ងន់លើធាតុមួយចំនួន ឬបង្កើតសម្លេងដែលមើលឃើញខុសប្លែក។

ចន្លោះ (Spacing):

ចន្លោះទំនេរដោយចេតនា (intentional white space) ទាំងរវាងពាក្យ (inter-word) និងរវាងបន្ទាត់ (inter-line) ដើរតួយ៉ាងសំខាន់ក្នុងការបង្កើនភាពច្បាស់លាស់នៃអត្ថបទ និងការកសាងឋានានុក្រមនៃអក្សរពុម្ពប្រកបដោយប្រសិទ្ធភាព។ ចន្លោះធំទូលាយជុំវិញធាតុសំខាន់ៗ (ឧទាហរណ៍៖ ការបង្កើនរឹមចន្លោះកថាខណ្ឌ ឬកម្ពស់បន្ទាត់) ជួយឲ្យមានភាពច្បាស់លាស់ និងការសង្កត់ធ្ងន់។ តាមរបៀបនេះ ចន្លោះជួយណែនាំអ្នកប្រើប្រាស់តាមរយៈព័ត៌មានប្រកបដោយប្រសិទ្ធភាព។ ការកំណត់ចន្លោះតួអក្សរ (Tracking) ក្នុងអក្សរពុម្ព សំដៅលើការកែសម្រួលចន្លោះរវាងតួអក្សរ លេខ និងនិមិត្តសញ្ញាផ្សេងទៀតនៅក្នុងពាក្យ ឃ្លា បន្ទាត់ ឬកថាខណ្ឌទាំងមូល។ ការអនុវត្តការដាក់ចន្លោះតួអក្សរ (letter spacing) នេះក៏ជាធាតុរងដ៏សំខាន់នៃការបង្កើតឋានានុក្រមនៃអក្សរពុម្ពដែលមានរចនាសម្ព័ន្ធល្អផងដែរ។

ភាពផ្ទុយគ្នា (Contrast):

ឋានានុក្រមនៃអក្សរពុម្ពដែលមានប្រសិទ្ធភាព ពឹងផ្អែកមិនត្រឹមតែលើភាពផ្ទុយគ្នានៃពណ៌ប៉ុណ្ណោះទេ ប៉ុន្តែថែមទាំងលើទំហំ ទម្ងន់ និងរចនាប័ទ្មអក្សរដែលផ្ទុយគ្នាផងដែរ។ អ្នករចនាអាចប្រើទំហំ ទម្ងន់ និងរចនាប័ទ្មពុម្ពអក្សរដែលផ្ទុយគ្នាបានយ៉ាងងាយស្រួល ដើម្បីធ្វើឲ្យផ្នែកផ្សេងៗនៃអត្ថបទ ដូចជា ចំណងជើងធំ ឬតួអត្ថបទ លេចធ្លោ។ ឧទាហរណ៍ ភាពខុសគ្នាតែ 5 ឬ 6 ពិន្ទុ (points) ក្នុងទំហំអក្សរ ឬកម្ពស់បន្ទាត់ គឺគ្រប់គ្រាន់ដើម្បីធ្វើឲ្យឋានានុក្រមនៃអក្សរពុម្ពនៃទំព័រគេហទំព័រ/แอป (web/app) អាចមើលឃើញច្បាស់សម្រាប់អ្នកប្រើប្រាស់ភាគច្រើន។

ទីតាំង (Position):

ទីតាំងនៃចំណងជើងធំ ចំណងជើងរង និងអត្ថបទលេចធ្លោផ្សេងទៀត មានឥទ្ធិពលយ៉ាងខ្លាំងទៅលើឋានានុក្រមនៃអក្សរពុម្ព។ គិតពីទីតាំងអត្ថបទដូចជាការរៀបចំក្បាច់រាំ។ កន្លែងដែលអ្នកដាក់ធាតុអត្ថបទរបស់អ្នកនៅលើឆាក កំណត់តួនាទី និងភាពលេចធ្លោរបស់វានៅក្នុងឋានានុក្រមព័ត៌មាន។ ការដាក់អត្ថបទនៅកណ្តាល ដូចជាចំណងជើងធំដិត ទាក់ទាញការចាប់អារម្មណ៍ភ្លាមៗ ហើយនិយាយថា "សំខាន់!"។ ការដាក់អត្ថបទនៅខាងក្រៅរឹមធម្មតា ដូចជាសម្រង់សម្ដីប្លែកៗនៅជ្រុង ក៏អាចលេចធ្លោ និងទទួលបានការក្រឡេកមើលជាលើកទីពីរពីអ្នកអានផងដែរ។ ល្បិចកំណត់ទីតាំងទាំងនេះ គឺជាឧបករណ៍សំខាន់នៅក្នុងប្រអប់ឧបករណ៍ឋានានុក្រមរបស់អ្នករចនាគ្រប់រូប។ វាជួយពួកគេសង្កត់ធ្ងន់លើអ្វីដែលសំខាន់បំផុតនៅក្នុងឋានានុក្រមនៃទំព័រ។

ទាំងនេះគឺជាធាតុសំខាន់ៗសម្រាប់ការបង្កើតឋានានុក្រមនៃអក្សរពុម្ព។ ធាតុនីមួយៗមានអត្ថន័យនិមិត្តសញ្ញាជាក់លាក់ដែលប៉ះពាល់ដល់ចិត្តវិទ្យារបស់អ្នកអាន។ ប៉ុន្តែ តើពួកវាធ្វើការរួមគ្នាដោយរបៀបណា ដើម្បីបង្កើតជាបទភ្លេងព័ត៌មានដែលមានភាពស៊ីសង្វាក់គ្នា? នោះគឺជាកន្លែងដែលកម្រិតផ្សេងៗគ្នានៃឋានានុក្រមនៃអក្សរពុម្ពចូលមកពាក់ព័ន្ធ។

កម្រិតនៃឋានានុក្រមនៃអក្សរពុម្ព (Levels of Typography Hierarchy)

មូលដ្ឋានគ្រឹះនៃឋានានុក្រមនៃអក្សរពុម្ពដែលគួរឲ្យចាប់អារម្មណ៍ ស្ថិតនៅក្នុងការកំណត់ចំនួនស្រទាប់ព័ត៌មានដាច់ដោយឡែកដែលវាគួរតែមាន។ តើអ្នកគួរកសាងកម្រិតព័ត៌មានប៉ុន្មាន? អ្នករចនាអាជីពណែនាំឲ្យបង្កើតយ៉ាងហោចណាស់នូវគ្រឹះបីជាន់ដ៏រឹងមាំ៖

ចំណងជើងធំ (Headline):

ចំណងជើងធំគួរតែធំ ដិត និងទាក់ទាញចំណាប់អារម្មណ៍។ វាគួរតែជំរុញឲ្យអ្នកអានស្វែងយល់កាន់តែស៊ីជម្រៅ។ ទំហំអត្ថបទគួរតែធំជាងទំហំពុម្ពអក្សរតួអត្ថបទយ៉ាងហោចណាស់ 2 ដង។ គម្លាតបន្ទាត់ (Leading ឬ line spacing) គួរតែត្រូវបានប្រើដើម្បីបង្កើនភាពងាយស្រួលក្នុងការដកឃ្លានៃចំណងជើងធំ។ ជ្រើសរើសប្រភេទពុម្ពអក្សរ (typeface) ដែលច្បាស់លាស់ និងមានឥទ្ធិពល ហើយរក្សាចំណងជើងឲ្យខ្លី និងទាក់ទាញ។

ចំណងជើងរង (Subheadings):

ជាស្ពានរវាងចំណងជើងធំ និងតួអត្ថបទ ចំណងជើងរងគួរតែផ្តល់នូវបរិបទ និងព័ត៌មានលម្អិតបន្ថែម។ ពួកវាគួរតែរក្សាភាពខុសគ្នាដែលមើលឃើញរវាងចំណងជើងធំ និងតួអត្ថបទ។ ទំហំអត្ថបទគួរតែធំជាងទំហំពុម្ពអក្សរតួអត្ថបទយ៉ាងហោចណាស់ 1.5 ដង។ ទម្ងន់អត្ថបទអាចដិតជាងតួអត្ថបទ ប៉ុន្តែវាគួរតែស្ថិតនៅកម្រិតទាបជាងទម្ងន់របស់ចំណងជើងធំ។

តួអត្ថបទ (Body):

ជាផ្នែកធ្វើការសំខាន់នៃឋានានុក្រមព័ត៌មាន តួអត្ថបទនឹងផ្ទុកអត្ថបទភាគច្រើន ដូច្នេះការផ្តល់អាទិភាពដល់ភាពងាយស្រួលអាន គឺជាកត្តាចាំបាច់។ តួអត្ថបទគួរតែធំល្មម (អប្បបរមា 14px សម្រាប់ភាពងាយស្រួលអានល្អបំផុតនៅលើអេក្រង់/ឧបករណ៍ទាំងអស់) ដើម្បីឲ្យមនុស្សគ្រប់គ្នាអាចអានខ្លឹមសារបានយ៉ាងងាយស្រួល។ ការប្រើប្រភេទពុម្ពអក្សរ (typefaces) ស្អាត និងជាប់លាប់ និងពុម្ពអក្សរ (fonts) ស្អាត អាចអានបាន ជាមួយនឹងចន្លោះតួអក្សរ/ការគង (letter spacing/kerning) ល្អ ក៏សំខាន់ផងដែរ។ ភាពផ្ទុយគ្នានៃពណ៌ខ្ពស់រវាងអត្ថបទ និងផ្ទៃខាងក្រោយ ក៏សំខាន់ផងដែរសម្រាប់ភាពងាយស្រួលប្រើប្រាស់ (accessibility)។ អ្នករចនាគួរតែធ្វើតាមគោលការណ៍ណែនាំ WCAG ដើម្បីបង្កើនសមាមាត្រភាពផ្ទុយគ្នារវាងអត្ថបទ និងផ្ទៃខាងក្រោយរបស់ពួកគេ។

ចាប់ពីនោះមក វាអាស្រ័យលើអ្នករចនាក្នុងការបន្ថែមស្រទាប់បន្ថែមទៀតទៅក្នុងឋានានុក្រម។ ស្រទាប់ទាំងនេះអាចរួមបញ្ចូល៖

• ចំណងជើងរូបភាព (Captions) បង្ហាញជាពុម្ពអក្សរតូចជាងនៅជាប់នឹងរូបភាព។
• ចំណងជើងរងដែលត្រួតគ្នា (Nested subheadings) ដើម្បីបង្កើតផ្នែកបន្ថែមទៀតនៅក្នុងផ្នែករងដែលមានស្រាប់។
• បំណែកសម្រង់ (Pull quotes) ឧ. បំណែកពីតួអត្ថបទដែលទាក់ទាញការយកចិត្តទុកដាក់ទៅកាន់ចំណុចសំខាន់ៗនៃអត្ថបទ។
• ឈ្មោះអ្នកនិពន្ធ កាលបរិច្ឆេទ និងព័ត៌មានមេតាផ្សេងទៀត (Author names, dates, and other meta information) បង្ហាញជាពុម្ពអក្សរតូចជាង ជាមួយនឹងរចនាប័ទ្មខុសប្លែក។

កម្រិតនីមួយៗដើរតួនាទីយ៉ាងសំខាន់នៅក្នុងឋានានុក្រមនៃអក្សរពុម្ពទាំងមូល និងការណែនាំដំណើររបស់អ្នកអាន។ តាមរយៈការបង្កើតស្រទាប់ព័ត៌មានផ្សេងៗគ្នា អ្នករចនាអាចបង្កើនភាពច្បាស់លាស់ និងភាពងាយស្រួលអានអត្ថបទ។ ប៉ុន្តែ នៅក្នុងគម្រោងឌីជីថល ការបង្កើតឋានានុក្រមនៃអក្សរពុម្ពច្បាស់លាស់ ទាមទារច្រើនជាងនេះ។

ច្បាប់អក្សរពុម្ពក្នុងគម្រោងឌីជីថល (Typography Rules in Digital Projects)

នៅក្នុងគម្រោងឌីជីថល ការបង្កើតឋានានុក្រមនៃអក្សរពុម្ពពាក់ព័ន្ធនឹងធាតុដែលមើលឃើញដែលបានរៀបរាប់ខាងលើ (ទំហំ រចនាប័ទ្ម ចន្លោះ ។ល។) និងធាតុរចនាសម្ព័ន្ធមួយចំនួនដែលបានកំណត់ជាមុននៅក្នុងកូដ HTML។ នេះជាអត្ថន័យ៖

• HTML (Hypertext Markup Language) គឺជាភាសាមូលដ្ឋានគ្រឹះនៃទំព័រគេហទំព័រ។
• វារួមបញ្ចូលស្លាក (tags) សម្រាប់ធាតុអត្ថបទទាំងអស់៖ ចំណងជើង (H1, H2, H3 ។ល។), បញ្ជី (UL, OL) ។ល។
• ស្លាកទាំងនេះបង្កើតឋានានុក្រមនៃសារៈសំខាន់ដែលម៉ាស៊ីនស្វែងរក (search engines) ប្រើដើម្បីយល់ពីខ្លឹមសារស្នូលនៅលើទំព័រ។

អ្នករចនាគេហទំព័រត្រូវតែប្រើស្លាក HTML ជាយុទ្ធសាស្ត្រដើម្បីបង្កើនចំណាត់ថ្នាក់លទ្ធផលស្វែងរករបស់ពួកគេ។ បន្ទាប់មក ពួកគេអាចកែសម្រួលទំហំពុម្ពអក្សរ ពណ៌ ចន្លោះ ។ល។ ដើម្បីធ្វើឲ្យឋានានុក្រមនៃអក្សរពុម្ពកាន់តែទាក់ទាញភ្នែក។ នេះគឺជាគោលការណ៍ណែនាំជាក់លាក់មួយចំនួនអំពីរបៀបកែសម្រួលធាតុដែលមើលឃើញនៃឋានានុក្រមនៃអក្សរពុម្ពសម្រាប់គម្រោងឌីជីថល៖

ភាពជិតគ្នា ឬចន្លោះ (Proximity or Space)

ក្នុងការរចនាឌីជីថល ភាពជិតគ្នា និងចន្លោះ គឺមានទំនាក់ទំនងយ៉ាងជិតស្និទ្ធទៅនឹងក្រឡាចត្រង្គ (grid)៖ រចនាសម្ព័ន្ធឌីជីថលមូលដ្ឋានដែលចន្លោះត្រូវបានបែងចែកទៅជាឯកតាម៉ូឌុល។ ដូចជាបំណែកនៅក្នុងរូបផ្គុំ ឯកតាទាំងនេះរួមបញ្ចូលគ្នាដើម្បីបង្កើតជាការរចនាដែលមានភាពស៊ីសង្វាក់គ្នានៅក្នុងរចនាសម្ព័ន្ធមូលដ្ឋាននេះ។ គឺនៅក្នុងក្រឡាចត្រង្គនេះហើយ ដែលធាតុរចនាទាំងអស់ (រួមទាំងអត្ថបទ) រកឃើញទីកន្លែងសមស្របរបស់វា។

ការយល់ដឹងពីរបៀបប្រើប្រាស់ក្រឡាចត្រង្គប្រកបដោយប្រសិទ្ធភាព គឺចាំបាច់សម្រាប់ការបង្កើតប្លង់ (layouts) ដែលទាក់ទាញភ្នែក និងមានមុខងារ។ មានវិធីសាស្រ្តពេញនិយមពីរក្នុងការអនុវត្តក្រឡាចត្រង្គនៅក្នុងឋានានុក្រមនៃអក្សរពុម្ពឌីជីថល៖

កំណត់ទុកជាមុន (Predetermined):

នៅក្នុងក្រឡាចត្រង្គដែលកំណត់ទុកជាមុន ចន្លោះត្រូវបានបែងចែកទៅជាជួរឈរ (columns) ជាមួយនឹងជម្រើសចាប់ពីប្លង់ជួរឈរតែមួយ (manuscript) ដល់ប្លង់ពហុជួរឈរ (multi-column)។ ឧបករណ៍រចនាដូចជា Adobe InDesign អនុញ្ញាតឲ្យជ្រើសរើសប្រភេទក្រឡាចត្រង្គបានយ៉ាងងាយស្រួល ហើយការអនុវត្តរបស់វាត្រូវបានបង្ហាញយ៉ាងច្បាស់នៅក្នុងការរចនាគេហទំព័រដែលមាន 2, 3, ឬ 4 ជួរឈរ។ គេហទំព័រ និងแอปគេហទំព័រទំនើប (modern websites and web apps) ជាញឹកញាប់ប្រើប្រាស់ក្រឡាចត្រង្គដែលអាចបត់បែនបាន (fluid grids) ដែលសម្របទៅតាមឧបករណ៍ផ្សេងៗ ដោយធានានូវភាពបត់បែននៅទូទាំងវេទិកាបោះពុម្ព និងឌីជីថល។

ក្រឡាចត្រង្គបែបច្នៃប្រឌិត (Improvisational Grid):

នៅក្នុងវិធីសាស្រ្តនេះ អ្នករចនាទទួលយកដំណើរការដែលមានលក្ខណៈវិចារណញាណ និងសរីរាង្គ (intuitive and organic) ជាងមុន ក្នុងការរៀបចំធាតុរចនា និងអត្ថបទ។ ជំនួសឲ្យការប្រកាន់ខ្ជាប់យ៉ាងតឹងរ៉ឹងទៅនឹងរចនាសម្ព័ន្ធក្រឡាចត្រង្គដែលបានកំណត់ទុកជាមុន ពួកគេផ្តល់អាទិភាពដល់ចង្វាក់ដែលមើលឃើញ (visual rhythm) តុល្យភាព (balance) និងធាតុសោភ័ណភាពផ្សេងទៀត ខណៈពេលដែលនៅតែរក្សាបាននូវភាពស៊ីសង្វាក់គ្នា និងសណ្តាប់ធ្នាប់ដែលមើលឃើញ។

ការយល់ដឹងពីគោលការណ៍នៃក្រឡាចត្រង្គទាំងដែលកំណត់ទុកជាមុន និងបែបច្នៃប្រឌិត អាចឲ្យអ្នករចនាឌីជីថលបង្កើតប្លង់រចនាដែលមានមុខងារ ទាក់ទាញសោភ័ណភាព និងងាយស្រួល훑ិមើល។

ទម្ងន់ និងទំហំ (Weight and Size)

អ្នករចនាត្រូវតែប្រើទាំងទម្ងន់ និងទំហំ ដើម្បីបង្កើតឋានានុក្រមដែលមើលឃើញ និងអក្សរពុម្ព ខណៈពេលដែលរក្សាតុល្យភាព។ ពួកគេអាចប្រើធាតុធំ ដិត ជាចំណុចយុថ្កាសម្រាប់ការតម្រឹមដែលមើលឃើញ (visual alignment) និងបង្កើតចំណុចបង្គោល (focal points) តាមរយៈការប្រែប្រួលទម្ងន់ និងទំហំជាយុទ្ធសាស្ត្រ។

នេះគឺជាការណែនាំជាក់លាក់បន្ថែមទៀតអំពីរបៀបប្រើទម្ងន់ និងទំហំនៅពេលបង្កើតឋានានុក្រមនៃអក្សរពុម្ព៖

ទម្ងន់ (Weight):

ជ្រើសរើសប្រភេទពុម្ពអក្សរ (typefaces) ដែលមានជម្រើសទម្ងន់ច្រើន។ ព្យាយាមសង្កត់ធ្ងន់លើពាក្យជានិច្ច ដោយមិនផ្លាស់ប្តូរទំហំរបស់វា (ដោយប្រើទម្ងន់ធ្ងន់ មធ្យម និងទម្ងន់ពុម្ពអក្សរផ្សេងទៀត)។ ប្រើទម្ងន់ដើម្បីបន្លិចគំនិតសំខាន់ៗ។

ទំហំ (Size):

ព្យាយាមកំណត់ត្រឹម 3-4 ទំហំ ដើម្បីភាពច្បាស់លាស់៖ តួអត្ថបទ (8-12 ពិន្ទុ), ចំណងជើងធំ (ធំជាង 2 ដងសម្រាប់ឥទ្ធិពល), និងចំណងជើងរងនៅចន្លោះ (1.5 ដងនៃទំហំតួអត្ថបទ)។ ប្រើការប្រែប្រួលទំហំដើម្បីបង្កើតការសង្កត់ធ្ងន់ និងដឹកនាំលំហូររបស់អ្នកអាន។

ការពិសោធន៍ជាមួយទម្ងន់/ទំហំ ដើម្បីបង្កើតក្រឡាចត្រង្គបែបច្នៃប្រឌិត ត្រូវបានណែនាំយ៉ាងខ្លាំង!

ពណ៌ (Color)

ពណ៌ដើរតួយ៉ាងសំខាន់ក្នុងការបង្កើនឋានានុក្រម និងជួយក្នុងការរុករកដែលមើលឃើញ។ ហេតុដូច្នេះ ការប្រើប្រាស់ពណ៌មិនគួរជាដំណើរការចៃដន្យឡើយ។ ការសម្រេចចិត្តនីមួយៗគួរតែផ្អែកលើព័ត៌មានពីខ្លឹមសារ ទស្សនិកជនគោលដៅ និងបរិបទ។

ការសន្និដ្ឋានចុងក្រោយ (Final Take)

នេះគឺជាអ្វីគ្រប់យ៉ាងដែលអ្នកត្រូវដឹងអំពីឋានានុក្រមនៃអក្សរពុម្ព ដើម្បីឲ្យអ្នកអាចចាប់ផ្តើមពិសោធន៍ដោយខ្លួនឯងបាន។ មិនដូចនិន្នាការរចនា UI UX ផ្សេងៗគ្នាដែលបន្តផ្លាស់ប្តូរជារៀងរាល់ឆ្នាំ សារៈសំខាន់នៃការរក្សាឋានានុក្រមនៃអក្សរពុម្ពច្បាស់លាស់មិនដែលបាត់បង់ឡើយ៕