ຕົວອັກສອນແລະ, ໂດຍການຂະຫຍາຍ, ການອອກແບບ typographic ແມ່ນຫຍັງ? ການນໍາໃຊ້ຄໍາອະທິບາຍຂັ້ນພື້ນຖານຫຼາຍທີ່ສຸດ, typography ແມ່ນການອອກແບບແລະການນໍາໃຊ້ຮູບແບບທີ່ເປັນເຄື່ອງມືການສື່ສານ. ປະຊາຊົນຈໍານວນຫຼາຍພິຈາລະນາ typography ທີ່ໄດ້ເລີ່ມຕົ້ນກັບ Gutenberg ແລະການພັດທະນາຂອງປະເພດຍ້າຍ, ແຕ່ typography ກັບຄືນໄປບ່ອນຫຼາຍກ່ວານັ້ນ. ສາຂາຂອງການອອກແບບນີ້ກໍ່ມີຮາກຂອງມັນຢູ່ໃນຈົດຫມາຍທີ່ຂຽນດ້ວຍມື. Typography ປະກອບດ້ວຍທຸກສິ່ງທຸກຢ່າງຈາກການຂຽນແບບກາຟິກຜ່ານປະເພດດິຈິຕອນທີ່ພວກເຮົາເຫັນໃນມື້ນີ້ໃນຫນ້າເວັບຕ່າງໆທຸກປະເພດ. ສິລະປະປະເພດຂອງຮູບແບບປະກອບດ້ວຍຜູ້ອອກແບບທີ່ສ້າງຮູບແບບອັກສອນໃຫມ່ເຊິ່ງຫຼັງຈາກນັ້ນໄດ້ກາຍເປັນໄຟລ໌ຕົວອັກສອນທີ່ການອອກແບບອື່ນໆສາມາດນໍາໃຊ້ໃນວຽກງານຂອງເຂົາເຈົ້າ, ຈາກວຽກພິມອອກສູ່ເວັບໄຊທ໌ທີ່ກ່າວມາຂ້າງເທິງ. ໃນຖານະເປັນທີ່ແຕກຕ່າງກັນເຊັ່ນວ່າວຽກງານເຫຼົ່ານັ້ນອາດຈະ, ພື້ນຖານຂອງ typography ສະຫນັບສະຫນູນພວກເຂົາທັງຫມົດ.
ອົງປະກອບຂອງ Typography
ຕົວອັກສອນແລະຕົວອັກສອນ: ຖ້າທ່ານເຄີຍເວົ້າເຖິງການອອກແບບທີ່ໃຊ້ typography ໃນວຽກງານຂອງພວກເຂົາ, ທ່ານອາດຈະໄດ້ຍິນຄໍາວ່າ "font" ແລະ / ຫຼື "font". ປະຊາຊົນຫຼາຍຄົນໃຊ້ຄໍາສັບເຫຼົ່ານີ້ສອງເທື່ອ, ແຕ່ວ່າມີຄວາມແຕກຕ່າງກັນລະຫວ່າງສອງລາຍການ.
"Typeface" ແມ່ນຂໍ້ກໍານົດໃຫ້ກັບ ຄອບຄົວຂອງຕົວອັກສອນ (ເຊັ່ນ Helvetica Regular, Helvetica Italic, Helvetica Black, ແລະ Helvetica Bold ). ທັງຫມົດຂອງສະບັບຕ່າງໆຂອງ Helvetica ເຮັດໃຫ້ປະເພດທີ່ສົມບູນ.
"Font" ແມ່ນຄໍາສັບທີ່ໃຊ້ໃນເວລາທີ່ຜູ້ໃດຜູ້ນຶ່ງອ້າງອີງເຖິງນ້ໍາຫນັກຫລືແບບດຽວທີ່ຢູ່ໃນຄອບຄົວ (ເຊັ່ນ Helvetica Bold). ຕົວອັກສອນຈໍານວນຫຼາຍແມ່ນປະກອບດ້ວຍຈໍານວນຕົວອັກສອນແຕ່ລະຄົນ, ເຊິ່ງທັງຫມົດນີ້ແມ່ນຄ້າຍຄືກັນແລະມີຄວາມກ່ຽວຂ້ອງແຕ່ແຕກຕ່າງກັນໃນບາງທາງ. ບາງຕົວອັກສອນອາດຈະປະກອບມີຕົວອັກສອນດຽວ, ໃນຂະນະທີ່ຄົນອື່ນສາມາດມີການປ່ຽນແປງຈໍານວນຫລາຍຂອງຕົວອັກສອນທີ່ສ້າງຂຶ້ນໃນຕົວອັກສອນ.
ສຽງນີ້ສັບສົນບໍ່? ຖ້າເປັນດັ່ງນັ້ນ, ຢ່າກັງວົນ. ໃນຄວາມເປັນຈິງ, ຖ້າຜູ້ໃດຜູ້ຫນຶ່ງບໍ່ແມ່ນຜູ້ຊ່ຽວຊານປະເພດພິມ, ພວກເຂົາອາດຈະໃຊ້ຄໍາວ່າ "font" ໂດຍບໍ່ຄໍານຶງເຖິງຄວາມຫມາຍຫນຶ່ງຂອງຂໍ້ກໍານົດເຫຼົ່ານີ້ທີ່ແທ້ຈິງ - ແລະຜູ້ອອກແບບມືອາຊີບຫຼາຍຄົນກໍ່ໃຊ້ຄໍາສັບເຫຼົ່ານີ້ສອງເທື່ອ. ເວັ້ນເສຍແຕ່ວ່າທ່ານກໍາລັງເວົ້າກັບຜູ້ອອກແບບທີ່ບໍລິສຸດກ່ຽວກັບກົນໄກຂອງຫັດຖະກໍາ, ທ່ານອາດຈະມີຄວາມປອດໄພໃນການນໍາໃຊ້ຂໍ້ກໍານົດໃດໆທີ່ທ່ານຕ້ອງການ. ວ່າຖືກເວົ້າວ່າ, ຖ້າທ່ານເຂົ້າໃຈຄວາມແຕກຕ່າງແລະສາມາດນໍາໃຊ້ຂໍ້ກໍານົດທີ່ຖືກຕ້ອງ, ນັ້ນບໍ່ແມ່ນສິ່ງທີ່ບໍ່ດີ!
ປະເພດ ອັກສອນ : ບາງຄັ້ງເອີ້ນວ່າ "ຄອບຄົວຕົວອັກສອນທົ່ວໄປ" , ເຫຼົ່ານີ້ແມ່ນກຸ່ມໃຫຍ່ໆຂອງຕົວອັກສອນທີ່ອີງໃສ່ຈໍານວນປະເພດທົ່ວໄປທີ່ອັກສອນຕ່າງໆແຕກຕ່າງກັນ. ໃນຫນ້າເວັບ ມີ 6 ປະເພດຂອງການຈັດປະເພດແບບອັກສອນທີ່ທ່ານເຫັນ:
- serif
- sans-serif
- monospaced
- cursive
- ປັນຍາ
- script
ນອກຈາກນີ້ຍັງມີຈໍານວນຂອງການຈັດປະເພດແບບອັກສອນອື່ນໆທີ່ເປັນສ່ວນຫນຶ່ງຂອງການເຫຼົ່ານີ້. ຕົວຢ່າງເຊັ່ນ fonts "slab serif" ແມ່ນຄ້າຍຄື serifs, ແຕ່ພວກເຂົາທັງຫມົດມີການອອກແບບທີ່ຮູ້ຈັກທີ່ມີ serifs ຫນາແຫນ້ນ, ຫນາແຫນ້ນຢູ່ໃນຮູບອັກສອນ.
ເວບໄຊທ໌ຫນຶ່ງໃນມື້ນີ້, serif ແລະ sans-serif ແມ່ນສອງປະເພດທີ່ໃຊ້ໃນການໂຕ້ຕອບແບບທົ່ວໄປທີ່ສຸດ.
Anatomy ແບບປະເພດ : ແຕ່ລະປະເພດແມ່ນປະກອບດ້ວຍອົງປະກອບທີ່ແຕກຕ່າງກັນທີ່ແຕກຕ່າງຈາກຮູບແບບອື່ນໆ. ເວັ້ນເສຍແຕ່ວ່າທ່ານກໍາລັງພິເສດຈະເຂົ້າໄປໃນການອອກແບບປະເພດແລະຊອກຫາການສ້າງປ້າຍໂຄສະນາໃຫມ່, ຜູ້ອອກແບບເວັບໂດຍທົ່ວໄປບໍ່ຈໍາເປັນຕ້ອງຮູ້ກ່ຽວກັບສະເພາະຂອງຮ່າງກາຍແບບປະເພດ. ຖ້າທ່ານມີຄວາມສົນໃຈໃນການຮຽນຮູ້ເພີ່ມເຕີມກ່ຽວກັບການສ້າງແບບຟອມຂອງຕົວອັກສອນແລະຕົວອັກສອນ, ມີບົດຄວາມທີ່ດີກ່ຽວກັບການ ວິພາກວິຊາ ໃນ ຮູບແບບທີ່ ກ່ຽວກັບເວັບໄຊທ໌ກ່ຽວກັບຄອມພິວເຕີ້.
ຢູ່ໃນລະດັບຂັ້ນພື້ນຖານ, ອົງປະກອບຂອງການວິພາກວິຊາໃນຮູບແບບທີ່ທ່ານຄວນຮູ້ແມ່ນ:
- ຫລວງແລະ x ຄວາມສູງ: ນີ້ແມ່ນ ຄວາມສູງຂອງຕົວອັກສອນທີ່ ຢູ່ໃນຕົວອັກສອນແລະຄວາມສູງຂອງຕົວອັກສອນ x. ມັນບອກທ່ານວ່າຕົວອັກສອນທີ່ໃຫຍ່ທີ່ສຸດຈະເປັນແນວໃດ, ເຊັ່ນດຽວກັນກັບຕົວອັກສອນຕົວນ້ອຍທີ່ໃຫຍ່ທີ່ສຸດ. ຕົວອັກສອນແມ່ນຂະຫນາດທີ່ອີງໃສ່ສອງລັກສະນະເຫຼົ່ານີ້.
- ຜູ້ຕັດສິນແລະຜູ້ເຖົ້າ: ເຫຼົ່ານີ້ແມ່ນສ່ວນຫນຶ່ງຂອງຈົດຫມາຍທີ່ຢູ່ຂ້າງລຸ່ມແລະຂ້າງເທິງເສັ້ນທາງເສັ້ນ ສູງ x . ເຫຼົ່ານີ້ປົກກະຕິແລ້ວຫມາຍເຖິງຕົວອັກສອນຕົວນ້ອຍ. ຕົວຢ່າງເຊັ່ນ, ຕົວອັກສອນ "b" ມີຕົວຂຶ້ນ (ສ່ວນທີ່ຕິດ "ຂຶ້ນ" ຈາກຈົດຫມາຍ) ໃນຂະນະທີ່ຕົວອັກສອນ "p" ມີລູກຫລານ (ສ່ວນທີ່ລົງ "ລົງ" ຈາກຈົດຫມາຍ).
Spacing Around Letters
ມີການດັດແປງຫຼາຍຢ່າງທີ່ສາມາດເຮັດໄດ້ລະຫວ່າງແລະປະມານຕົວອັກສອນທີ່ມີຜົນຕໍ່ປະເພດພິມ. ຕົວອັກສອນດິຈິຕອນຖືກສ້າງຂຶ້ນໂດຍມີລັກສະນະຕ່າງໆເຫຼົ່ານີ້ຢູ່ໃນສະຖານທີ່ແລະເວັບໄຊທ໌ທີ່ພວກເຮົາມີຄວາມສາມາດຈໍາກັດໃນການປ່ຽນແປງລັກສະນະເຫຼົ່ານີ້ຂອງຕົວອັກສອນ. ນີ້ມັກຈະເປັນສິ່ງທີ່ດີເພາະວ່າວິທີການທໍາອິດທີ່ fonts ຖືກສະແດງແມ່ນມັກຈະດີກວ່າ.
- kerning - ຊ່ອງນອນໃນລະຫວ່າງຕົວອັກສອນບຸກຄົນ
- ການຕິດຕາມ - ຊ່ອງຫວ່າງລະຫວ່າງກຸ່ມຕົວອັກສອນ
- ພື້ນທີ່ຊັ້ນນໍາ - ລະດັບລະຫວ່າງສາຍຂອງປະເພດ (ນີ້ແມ່ນເອີ້ນວ່າຄວາມສູງເສັ້ນໃນເງື່ອນໄຂຂອງເວັບໄຊທ໌)
- ວັດ - ຄວາມຍາວຂອງເສັ້ນຂອງຂໍ້ຄວາມ
- ການຈັດຕໍາແຫນ່ງ - ຕາສະຖານທີ່ວາງໄວ້ທາງຊ້າຍ, ຂວາ, ກາງຫຼືຖືກຕ້ອງ
- ຕົວອັກສອນ - ຕົວອັກສອນຍ້າຍໃກ້ຊິດກັນເພື່ອວ່າປະຕິກິລິຍາຂອງເຂົາເຈົ້າຖືກລວມກັນ, ໂດຍສະເພາະແມ່ນການໄຫຼຈົດຫມາຍຫນຶ່ງໃນອີກ
ເພີ່ມເຕີມ Typography Elements
Typography ແມ່ນຫຼາຍກ່ວາພຽງແຕ່ຕົວອັກສອນທີ່ຖືກນໍາໃຊ້ແລະ whitespace ອ້ອມຂ້າງພວກເຂົາ. ນອກນັ້ນຍັງມີບາງສິ່ງອື່ນໆທີ່ທ່ານຄວນສັງເກດໄວ້ໃນເວລາທີ່ສ້າງລະບົບການພິມທີ່ດີສໍາລັບການອອກແບບໃດກໍ່ຕາມ:
ການຜູກມັດ: ການ ຜູກມັດແມ່ນການເພີ່ມຍັບຍັ້ງ (-) ຢູ່ໃນຕອນທ້າຍຂອງສາຍເພື່ອຊ່ວຍປ້ອງກັນບັນຫາໃນການ readability ຫຼືເຮັດໃຫ້ມີເຫດຜົນດີຂຶ້ນ. ໃນຂະນະທີ່ພົບເຫັນທົ່ວໄປໃນເອກະສານທີ່ພິມ, ຜູ້ອອກແບບເວັບສ່ວນໃຫຍ່ບໍ່ສົນໃຈການຕີຄວາມຫມາຍແລະບໍ່ໃຊ້ມັນໃນວຽກງານຂອງພວກເຂົາເພາະວ່າມັນບໍ່ແມ່ນສິ່ງທີ່ຈັດການໄດ້ດີໂດຍອັດຕະໂນມັດໂດຍຕົວທ່ອງເວັບ.
Rag: ຂອບແນວຕັ້ງບໍ່ຖືກຕ້ອງຂອງບລັອກທີ່ເອີ້ນວ່າ rag. ເມື່ອເອົາໃຈໃສ່ກັບປະເພດພິມ, ທ່ານຄວນເບິ່ງຂອບເຂດຂໍ້ຄວາມຂອງທ່ານທັງຫມົດເພື່ອໃຫ້ແນ່ໃຈວ່າຜ້າຫົ່ມບໍ່ມີຜົນກະທົບຕໍ່ການອອກແບບ. ຖ້າ rag ເກີນໄປຫລືບໍ່ສົມເຫດສົມຜົນ, ມັນສາມາດສົ່ງຜົນກະທົບຕໍ່ການອ່ານຂອງບລັອກຂໍ້ຄວາມແລະເຮັດໃຫ້ມັນເປັນທີ່ຫນ້າສົນໃຈ. ນີ້ແມ່ນບາງສິ່ງບາງຢ່າງທີ່ຖືກຈັດການໂດຍອັດຕະໂນມັດໂດຍຕົວທ່ອງເວັບໃນແງ່ຂອງວິທີການມັນ raps ປະເພດຈາກເສັ້ນໄປຫາເສັ້ນ.
ແມ່ຫມ້າຍແລະ orphans: ຄໍາດຽວຢູ່ໃນຕອນທ້າຍຂອງຄໍລໍາແມ່ນແມ່ຫມ້າຍແລະຖ້າມັນຢູ່ເທິງສຸດຂອງຄໍລໍາໃຫມ່ມັນເປັນເດັກກໍາພ້າ. ແມ່ຫມ້າຍແລະເດັກກໍາພ້າເບິ່ງບໍ່ດີແລະສາມາດອ່ານຍາກ.
ການໄດ້ຮັບຂໍ້ຄວາມຂອງທ່ານເພື່ອສະແດງຂໍ້ມູນທີ່ດີເລີດໃນເບົາເຊີເວັບແມ່ນຂໍ້ສະເຫນີທີ່ຮຸນແຮງໂດຍສະເພາະໃນເວລາທີ່ທ່ານມີເວັບໄຊທ໌ຕອບສະຫນອງແລະການສະແດງຕ່າງໆສໍາລັບຂະຫນາດຫນ້າຈໍທີ່ແຕກຕ່າງກັນ. ເປົ້າຫມາຍຂອງທ່ານຄວນຈະທົບທວນເວັບໄຊທີ່ມີຂະຫນາດທີ່ແຕກຕ່າງກັນເພື່ອພະຍາຍາມສ້າງເບິ່ງທີ່ດີທີ່ສຸດ ເປັນໄປໄດ້, ໃນເວລາທີ່ຍອມຮັບວ່າໃນບາງກໍລະນີເນື້ອຫາຂອງທ່ານຈະມີປ່ອງຢ້ຽມ, ເດັກກໍາພ້າ, ຫຼືການສະແດງຫນ້ອຍທີ່ເຫມາະສົມ. ເປົ້າຫມາຍຂອງທ່ານຄວນຈະຊ່ວຍຫຼຸດຜ່ອນຄວາມສໍາຄັນຂອງການອອກແບບຂອງປະເພດເຫຼົ່ານີ້, ໃນຂະນະທີ່ຍັງເປັນຈິງໃນຄວາມຈິງທີ່ວ່າທ່ານບໍ່ສາມາດບັນລຸເລີດສໍາລັບທຸກຂະຫນາດຫນ້າຈໍແລະຈໍສະແດງຜົນ.
ຂັ້ນຕອນໃນການກວດສອບປະເພດພິມຂອງທ່ານ
- ເລືອກຮູບແບບອັກສອນຢ່າງລະມັດລະວັງ, ຊອກຫາຮູບຮ່າງຂອງປະເພດເຊັ່ນດຽວກັນກັບສິ່ງທີ່ ຄອບຄົວຂອງປະເພດ ມັນຢູ່.
- ຖ້າທ່ານສ້າງການອອກແບບທີ່ນໍາໃຊ້ ຂໍ້ຄວາມສະຖານທີ່ , ຢ່າອະນຸມັດການອອກແບບຂັ້ນສຸດທ້າຍຈົນກວ່າທ່ານຈະເຫັນຂໍ້ຄວາມທີ່ແທ້ຈິງໃນການອອກແບບ.
- ຈ່າຍເອົາໃຈໃສ່ກັບ ລາຍລະອຽດນ້ອຍໆຂອງ typography .
- ຊອກຫາຢູ່ໃນແຕ່ລະບລັອກຂອງຂໍ້ຄວາມວ່າມັນບໍ່ມີຄໍາສັບໃນມັນ. ຮູບຮ່າງໃດທີ່ເຮັດໃຫ້ຂໍ້ຄວາມເຮັດໃນຫນ້າເວັບ? ໃຫ້ແນ່ໃຈວ່າຮູບເຫຼົ່ານັ້ນປະຕິບັດຫນ້າອອກແບບທັງຫມົດຕໍ່ຫນ້າ.
ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. ແກ້ໄຂໂດຍ Jeremy Girard ວັນທີ 7/5/17