Траффори гэж юу вэ? Хамгийн энгийн тайлбарыг ашиглахын тулд typography гэдэг нь хэвлэмэл хэлбэрийг ашиглан харилцааны хэрэгсэл болж өгдөг. Олон хүн Gutenberg-тэй эхэлж, хөдлөх төрөл хэлбэрийг хөгжүүлж эхэлсэн гэж үздэг бол хэвлэмэл нь үүнээс хамаагүй илүү юм. Энэ загварын салбар нь гараар бичсэн захидал хэлбэрээр үндэслэгддэг. Хэвлэмэл зүй нь бүх төрлийн веб хуудсан дээр өнөөдөр бидний харж буй тоон төрлөөр уран бичлэгийн бүхий л зүйлийг хамардаг. Товчлолын урлаг нь шинэ загвар үүсгэх дизайныг агуулдаг бөгөөд дараа нь бусад загвар дизайныг ашиглаж болох фонт файл болгон хувиргасан дизайнерууд багтдаг. Эдгээр ажил нь өөр өөр байдаг тул хэвлэлийн үндсэн ойлголт нь бүгдийг нь хамгаалдаг.
Хэвлэлийн элементүүд
Хэв маяг ба фонтууд: Хэрэв та хэвлэмэл зургууддаа ашигладаг дизайнтай ярилцаж байсан бол "үсгийн маяг" ба / эсвэл "фонт" гэсэн нэр томъёог сонссон байх. Олон хүмүүс эдгээр хоёр нэр томъёог харилцан орлуулж хэрэглэдэг боловч эдгээр хоёр зүйлийн хооронд зарим нэг ялгаа байдаг.
"Typeface" гэдэг нь фонтуудын гэр бүлийн нэр томъёо юм (Helvetica Regular, Helvetica Italic, Helvetica Black, Helvetica Bold гэх мэт). Helvetica-ийн янз бүрийн хувилбарууд нь бүрэн үсгийн маягыг бүрдүүлдэг.
"Фонт" гэдэг нь хэн нэг нь тухайн гэр бүлийн дотор нэг жин эсвэл хэв маягийг зааж байгаа үед хэрэглэдэг нэр томъёо (Helvetica Bold гэх мэт). Маш олон төрлийн үсэгнүүд нь олон тооны бие даасан фонтуудаас бүрддэг бөгөөд тэдгээр нь бүгд төстэй бөгөөд холбоотой боловч зарим талаараа өөр өөр байдаг. Зарим үсэг нь зөвхөн ганц фонтыг агуулдаг бол зарим нь фонтыг бүрдүүлдэг үсгийн маягуудын олон янзын хувилбар байж болно.
Энэ нь жаахан төөрөлдөж байна уу? Хэрэв тийм бол санаа зовох хэрэггүй. Бодит байдал дээр хэрэв хэн нэгэн хэвлэлийн мэргэжлийн мэргэжилтэн биш бол эдгээр нэр томъёоны аль нь үнэндээ яг ямар утгатайг үл харгалзан "үсгийн маяг" гэсэн нэр томьёог хэрэглэж болох бөгөөд тэр ч байтугай олон мэргэжлийн дизайнерууд эдгээр хоёр нэр томъёог харилцан адилгүй хэрэглэдэг. Хэрэв та гар урлалын механикын талаар цэвэр төрлийн дизайнертай ярихгүй бол та хүссэн эдгээр хоёр нэр томъёог аль алиных нь аюулгүйгээр хэрэглэж болно. Хэрэв та ялгавартай байдлыг ойлгож, зөв нэр томъёог зөв хэрэглэж чаддаг бол энэ нь хэзээ ч муу зүйл биш юм!
Typeface Classifications: Заримдаа "ердийн фонт гэр бүл" гэж нэрлэдэг бөгөөд тэдгээр нь янз бүрийн фонтоор уншигддаг хэд хэдэн ерөнхий ангиллууд дээр үндэслэн typefaces гэсэн том бүлэглэлүүд байдаг. Веб хуудсанд та зургаан төрлийн фонтын ангиллууд байдаг:
- serif
- sans-serif
- monospaced
- курсив
- уран зөгнөл
- скрипт
Мөн тэдгээрийн захын олон тооны бусад фонтууд байдаг. Жишээ нь "slab serif" фонтууд нь serifs-тэй төстэй боловч тэдгээр нь үсгийн маягууд дээр зузаан, chunky serifs бүхий таних загвартай байдаг.
Өнөөдөр нэг вебсайт, serif болон sans-serif нь ашигладаг хамгийн түгээмэл хоёр төрлийн фонтууд юм.
Typography Anatomy: Текст бүр нь өөр төрлийн элементүүдээс ялгаатай элементүүдээс бүрддэг. Хэрэв та дизайн загварт орж, шинэ загварын фонтыг хайж олохгүй бол вэб дизайнерууд ерөнхийдөө үсгийн анатомийн онцлогийг мэдэх шаардлагагүй байдаг. Хэрэв та үсгийн маяг, үсгийн маягуудын талаар илүү ихийг мэдэхийг хүсвэл About.com ширээний хэвлэлийн сайт дээрх үсгийн анатомийн талаархи агуу нийтлэл байна.
Үндсэн түвшинд үсгийн анатомийн элементүүдийг дараах зүйлсийг мэдэж байх шаардлагатай:
- Cap and x-height: Энэ бол үсэг дэхь том үсэгний өндөр, x үсэгний өндөр. Энэ нь хамгийн том үсэг хэр их байхыг, мөн хамгийн бага жижиг үсгээр хичнээн том болохыг харуулна. Фонтууд нь эдгээр хоёр шинж чанар дээр тулгуурладаг.
- Хүлээн авагч ба босогчдод: Эдгээр нь x-өндрийн шугамаас доош, доошоо үсэглэж байгаа үсгийн хэсэг юм. Эдгээр нь ихэвчлэн жижиг үсгүүд байдаг. Жишээлбэл "b" үсэг нь ascender ("үсэг" дээр үсэглэсэн хэсэг), харин "p" үсэг нь descender (үсэгнээс доош "доошоо" гэсэн үсэг).
Захидлуудыг тойрсон зай
Тэмдэглэгээнд нөлөөлж буй үсэг хооронд болон ойролцоох хэд хэдэн зохицуулалт байдаг. Дижитал фонтууд нь эдгээр шинж чанаруудаар хийгдсэн байдаг бөгөөд вэбсайтууд дээр эдгээр фонтын эдгээр асуудлуудыг өөрчлөх боломжгүй байдаг. Фонтууд дээр харуулсан анхдагч арга нь ихэвчлэн илүү тохиромжтой байдаг тул энэ нь ихэвчлэн сайн зүйл юм.
- kerning - тус бүрийн үсгийн хоорондын хэвтээ зай
- хянах - үсгүүдийн бүлгүүдийн хоорондын зай
- төрлийн мөр хоорондын босоо зай (энэ нь вэбсайтын нэр томъёоны мөрийн өндөр)
- хэмжүүр - текст шугамын урт
- alignment - текстийг зүүн, баруун, төвлөрсөн эсвэл зөв гэж үзэн байрлуулах
- Үүсгэн байгуулагч нь хоорондоо ойрхон нүүж, тэдний анатомууд нэгдэж, нэг үсэг рүү нөгөө рүү урсаж өнгөрдөг
Дэлгэрэнгүй хэвлэх элементүүд
Хэвлэмэл нь зөвхөн ашиглагддаг бичээсүүдээс гадна тэдгээрийн хоосон орон зай юм. Ямар ч дизайн хийхэд тохиромжтой typographic системийг бий болгохын тулд өөр бусад зүйлсийг анхаарах хэрэгтэй:
Товчлол: Товчлол гэдэг нь уншихад хялбар эсвэл зөвтгөхийг илүү сайн харуулахаас сэргийлж шугамын төгсгөлд захын (-) тэмдэгтийг нэмэх явдал юм. Хэвлэсэн баримт бичгүүдэд түгээмэл байдаг боловч ихэнх вэб дизайнерууд нь графикийг автоматаар зохицуулах ямар нэг зүйлийг биш, учир нь тэдгээрийг ажилдаа ашигладаггүй.
Хөөс: Текстийн блокийн тэгш бус босоо захыг даавуугаар нэрлэдэг. Товчлолыг анхааралдаа авахын тулд та текстийг бүхэлд нь дизайнанд нөлөөлөхгүй байхын тулд бүхэлдээ текстийг харах хэрэгтэй. Хэрвээ даавуу нь хэтэрхий тэврэлт эсвэл тэгш бус байвал энэ нь текстийн блокийн унших чадварт нөлөөлж, түүнийг анхааралдаа авдаг. Энэ нь браузерын дагуу шугамын дагуух хэлбэрийг хэрхэн дуурайдаг тухай браузерээр зохицуулагддаг зүйл юм.
Бэлэвсэн эхнэрүүд ба өнчин хүмүүс: Баганын төгсгөлд ганц үг нь бэлэвсэн эмэгтэй бөгөөд шинэ баганын оройд байгаа бол өнчин юм. Бэлэвсэн эхнэрүүд болон өнчин хүүхдүүд муу харагдаж, уншихад хэцүү байж болно.
Вэб браузер дээр текстийн мөрийг дэлгэцэн дээр байрлуулах нь маш их хэцүү байдаг. Ялангуяа танд вэбсайттай, янз бүрийн дэлгэцийн хэмжээтэй өөр өөр харагдах дэлгэцтэй байх нь таны сонирхлыг татах гол зүйл юм. Таны зорилго бол янз бүрийн хэмжээтэй сайт дээрээс харахад хамгийн сайн харагдах байдлыг бий болгохыг хичээх хэрэгтэй. Зарим тохиолдолд, таны агуулга цонх, өнчин, эсвэл бусад тохиромжгүй дэлгэцтэй байх болно гэдгийг хүлээн зөвшөөрч байх боломжтой. Таны зорилго бол төрөлтийн дизайны эдгээр асуудлуудыг хамгийн бага байлгахын тулд дэлгэцийн хэмжээ, дэлгэц бүрийн төгс төгөлдөрт хүрч чадахгүй гэсэн бодитой байх ёстой.
Таны хэвлэлтийн зургийг шалгах алхмууд
- Хэвлэмэл хэлбэрийг анхааралтай сонгож, төрөл зүйлийн анатоми болон түүний төрлийг ямар гэр бүлд харуулав .
- Хэрэв та загвар зохион бүтээгчийн текстийг ашиглан загвар бүтээх юм бол дизайн дахь жинхэнэ текстийг үзтэл эцсийн дизайныг зөвшөөрөхгүй.
- Текстографийн нарийн ширийнийг анхаарч үзээрэй .
- Текстийн блок бүрийн нүдэнд байхгүй үг мэт харагдана. Хуудас дээр текстийг ямар хэлбэрээр хийдэг вэ? Эдгээр хэлбэрүүд нь хуудасны бүх загварыг урагшлуулах эсэхийг шалгаарай.
Женнифер Кэрнин эх нийтлэл. 7/5/17 дээр Жереми Герард засварлав