ฟอนต์ฟอรั่ม

สิ่งเหล่านี้ที่ผมจะกล่าวต่อไป เป็นความรู้ที่ไปเก็บมาจากตำราต่างๆ
เอกสารของเทพ และจากประสบการณ์ จะนำมาแชร์สู่พวกเรากันนะครับ

หลังจากเราเอาแต่ทำฟอนต์ๆๆๆๆๆๆ แต่เราไม่เคยจะสนใจการใช้สิ่งเหล่านี้ให้เกิดประสิทธิภาพ
บางทีเราเคยใส่ใจไหมว่า คนที่เอาฟอนต์เราไป เขาจะใช้มันได้อย่างเข้าใจ
เกิดมูลค่าเพิ่มกับการออกแบบ พัฒนาวงการ Typography และ Graphic Design จริงๆ มั้ย

คำประกาศ
บทความนี้ แต่งขึ้นมาเพื่อประโยชน์ในวงการออกแบบโดยไม่หวังผลตอบแทน เนื้อหาบางส่วนมีการอ้างอิงแหล่งที่มา
หากผู้ใดที่ต้องการนำเอาข้อมูลไปใช้เพื่อประโยชน์ทางการค้า หรือเอาเนื้อหาส่วนใดส่วนหนึ่งไปประกอบงานเขียนของตัวเอง
กรุณาให้เครดิทแก่ผู้แต่งอย่างเหมาะสม รวมถึงให้เกียรติแก่เจ้าข้องบทความอ้างอิงทุกบทความ

French, Nigel (2010). InDesign Type: Professional Typography with Adobe InDesign, 2nd Edition,Berkeley, CA: Adobe Press.
Salz, Ina (2009). Typography Essential: 100 design principle for working with type. Beverly, MA: Rockport.
Spiekermann, Erik and E.M. Ginger (2002). Stop Stealing Sheep & Find Out How Type Works. Berkeley, CA: Adobe Press.

เพิ่มเติม:

(http://images.betterworldbooks.com/032/The-Complete-Manual-of-Typography-Felici-Jim-9780321773265.jpg)

ปูเสื่อรอชมครับ แถวหน้าซะด้วย  :45:

รอด้วยครับ  :17:

1. Hanging Punctuation / Optical Margin (InDesign)

ออพติคัล มาร์จิน คือการลวงตาอย่างหนึ่ง เนื่องจากการจัดคำใน Text box ที่มี
เครื่องหมายวรรคตอน จำพวก อัญประกาศ หรือเครื่องหมายคำพูด ".........."
หรืออักขระบางตัว ที่มีช่วงว่างด้านข้างเยอะ เช่น - (Dash / En Dash / Em Dash)
, (Comma) : ; (Colon / Semi-colon) เมื่อนำมาประกอบหลายๆ บรรทัด
เราจะเห็นช่วงที่มีเครื่องหมายวรรคตอนนี้ (ที่ไปอยู่ต้นบรรทัด/ท้ายบรรทัด) ดูดโหว่ๆ โบ๋ๆ
เว้าแหว่งไป ทำให้ไม่ค่อยสวยงาม ยิ่งถ้าเรา Justify มันก็จะเห็นชัดเจนที่สุด
ลองดูภาพประกอบกันนะครับ

ส่วนนี้เป็นโปรแกรม Adobe Illustrator

(http://justcreativedesign.com/wp-content/uploads/2010/02/roman-hanging.jpg)

ส่วนของ Adobe InDesign

(http://img3.f0nt.com/25/57eb8119831dd0505b82f0f7efe961ff.jpg)

ผลลัพท์ที่ได้ แตกต่างมั้ยครับ

(http://img3.f0nt.com/25/91160f3bf5777d61c012f7935ea56d39.jpg)

กรี๊ดๆๆๆ :53:
(ภาพประกอบยังไม่มา)

อ้างคำพูดจาก: Layiji เมื่อ 25 พ.ย. 2010, 10:41 น.
รอด้วยครับ  :17:

่อ่ะ  :25:

2. Decimal Tab การตั้งแท็บให้เลขทศนิยม

ความจริงเป็นวิธีการตั้งแท็บที่มีมาแต่โบราณ เวิร์ด เอ๊กเซล มีฟังก์ชั่นนี้หมด แต่เราไม่เคยสนใจที่จะใช้กันสักเท่าไร
เวลาพิมพ์งานที่มีเรื่องของตัวเลขมากๆ เรามักจะไม่ใส่ใจ แท็บๆ มันไปงั้นแหละ ให้เลข
มันเรียงเป็นแถวตรงแนวก็พอ แต่วันนี้ลองเปลี่ยนมาใช้สิ งานคุณจะมีสกุลรุณชาติทันที เพราะ การแท็บ จะยึด
. เป็นศูนย์กลาง ดังนั้น กี่บรรทัด ก็จะมี . ตรงกันหมด เกิดเป็นระเบียบที่สวยงามเลยทีเดียว
ลองดูเครื่องมือ Tab ใน อิลัสเตรเตอร์ หรือ อินดีไซน์ ก็มีครับ คนที่ทำเมนูอาหารให้ฝรั่ง บ่อยๆ หรือคนที่ทำ
รายงานงบประจำปี ฯลฯ เอาไปปรับใช้ดูนะครับ

(http://indesignsecrets.com/wp-content/uploads/2007/09/tableaders6_figure3.png)

(http://indesignsecrets.com/wp-content/uploads/2008/01/1double-step5.gif)

(http://blogs.adobe.com/indesigndocs/files/indesigndocs/tabs%20simple%20decimal.jpg)

ไอ๊หย่ะ  :25:

โปรแกรมอะไรคะ Indesign  :09:

แจ่มจ๊อด  :25:

3. เรื่องขีด ใครว่าไม่สำคัญ

เรื่องเล็ก แต่สำคัญมาก เรามักจะใช้กันแบบตามสบาย สไตล์ไทยๆ แต่วันนี้ลองเปลี่ยน
มาศึกษา และใช้ให้ถูกต้องกันเถิด พี่น้อง งานเราจะมีมูลค่าเพิ่มอย่างแรง

เครื่องหมาย ยัติภาค/ยัติภังค์ ทุกวันนี้เราใช้เครื่องหมายแดชกันมั่วมากกกกกก
อะไรที่เป็นขีดๆ เรากดเครื่องหมาย - (ลบ/ยัติภังค์) ไว้ก่อน ทั้งๆ ที่มันใช้งานต่างโอกาสกัน
เครื่องหมายตระกูลขีด มีทั้งหมด หลักๆ ดังนี้

(http://img3.f0nt.com/25/4ca3850979901b2d8b25638f00081934.jpg)

จากในภาพ ฟอนต์นี้จะแยก ยัติภังค์ กับ ลบ ให้ต่างกัน ซึ่งหลายๆ ฟอนต์ จะมีความยาวเท่ากัน หรือ ใกล้เคียง ครับ
จึงอนุโลมใช้ทดแทนกันได้

ฝรั่งจะเคร่งครัดเรื่องเครื่องหมายวรรคตอนค่อนมากมาก แค่เรื่อง ขีดๆ ก็ทำเป็นเรื่องใหญ่

สำหรับพี่ไทย คงใช้เครื่องหมาย ยัติภังค์ ในการตัดคำเพื่อขึ้นบรรทัดใหม่ (ยัติภังค์เผื่อเลือก Soft-hyphenation)

เช่น
      ทุกๆ คน ที่มาร่วมในงานบรร-
      ชาสามเณรภาคฤดูร้อนต่าง...

คงสังเกตกันในหนังสือพิมพ์นะครับ  
ด้วยคอลัมน์หน้าที่เยอะเลยต้องตัดไปพิมพ์บรรทัดต่อไป
และใช้กับการแบ่งพยางค์ (เขียนคำอ่าน) เช่น โส-เพ-นี
ใช้กับการผสมคำ เช่น state-of-the-art เป็นต้น

ส่วนเครื่องหมายตระกูลยัติภาค (Dash) มีดังนี้
   ขีดสั้น (En Dash) {ความยาวขีดเท่ากับ N} – ก็ใช้เหมือนกับฝรั่งครับ เช่น เดือนตุลาคม–ธันวาคม  ฟุตบอลคู่อิตาลี–เยอรมนี
                     ก่อนและหลังเครื่องหมายเครื่องหมายยัติภาค ตามกฏของราชบัณฑิตฯ ไม่มีการเว้นวรรคครับ
   ขีดยาว (Em Dash) {ความยาวขีดเท่ากับ M} — บ้านเราไม่ได้มีใช้เหมือนเขา ก็ข้ามไป แต่ในภาษาอังกฤษใช้สำหรับเน้นย้ำประโยคหน้า

วิธีการพิมพ์ en dash / em dash
ALT + 0150 / Option + - (เครื่องแมค)   en dash
ALT + 0151 / Option + _ (เครื่องแมค)  em dash

มาขอความรู้ด้วยคนค่ะ :46:

เสร็จบทความนี้จะขออัญเชิญไปในหน้าบทความครับ :25:

อู้ว สี่ขีดนี้ กดยังไงถึงจะโผล่ครับ ผมกดลบที่ num key ตลอดเลย  :25:

อ้างคำพูดจาก: Layiji เมื่อ 25 พ.ย. 2010, 12:42 น.
อู้ว สี่ขีดนี้ กดยังไงถึงจะโผล่ครับ ผมกดลบที่ num key ตลอดเลย  :25:

ALT + 0150 / Option + - (เครื่องแมค)   en dash
ALT + 0151 / Option + _ (เครื่องแมค)  em dash

ส่วน Hyphen / Minus ส่วนมากใช้ร่วมกันได้ครับ ยกเว้นบางฟอนต์ที่ออกแบบมาต่างกัน อย่างที่ผมให้รูปไป
จากเดิมในรหัสแอสกี ยัติภังค์และเครื่องหมายลบใช้สัญลักษณ์ตัวเดียวกันคือ (-) ที่ตำแหน่ง 0x2D แต่สำหรับรหัสยูนิโคด
ได้แยกสองเครื่องหมายนี้ออกจากกัน โดยยัติภังค์อยู่ที่ U+2010 (‐) และเครื่องหมายลบอยู่ที่ U+2212 (−)
แต่ก็ยังคงอักขระตัวเดิมไว้ที่ U+002D เพื่อให้ยังสามารถรองรับและเข้ากันได้กับรหัสแอสกี  (ข้อมูล:Wiki)

ยัติภังค์มันมีเรื่องราวซับซ้อนมากครับ ทั้งยัติภังค์เผื่อเลือก ยัติภังค์แบบไม่ตัดคำ
ซึ่งจะพบในโปรแกรมประเภทจัดหน้าหนังสือครับ

:25:

4. Discretionary Ligature / Contextual Alternates / Tabular & Proportional Oldstyle / Swash

เข้าใจ โอเพนไทป์ http://www.magnetstudio.com/words/2010/opentype-guide (http://www.magnetstudio.com/words/2010/opentype-guide)

เดี๋ยวนี้ โอเพ่นไทป์มีแสนยานุภาพมากมาย คนทำฟอนต์ต่างดีใจที่ตัวเองสามารถใส่จินตนาการ และลูกเล่นให้กับฟอนต์
ได้เท่าที่ต้องการ ส่วนคนใช้ ต้องรู้จักใช้ให้เป็นครับ อย่าโลภใช้ เพราะแทนที่จะหรูหรา กลับเป็น รุงรัง
เส้นระโยงระยาง ห้อยย้อยไปมาอ่านลำบากยิ่ง โดยหลักๆ ให้ยึด Th fl ffl fi ffi ไว้ก่อน ส่วนอันอื่นๆ ก็พิจารณาใช้ตามสภาพการณ์
และความเหมาะสมครับ อย่าง tt ff ft fb fft ffb it sk sh ck ct st fk ฯลฯ คือบางฟอนต์ ทำมาแค่ fl fi แต่ ffl ffi ไม่ทำมา ก็ปิดฟังก์ชั่น
นี้ไปเถิดครับ เพราะจะกลายเป็นไม่สวย เวลาไปเจอ ffi ffl แล้ว f ตัวหน้า มันจะไม่เข้าพวก

คนทำฟอนต์ที่คิดจะใส่ฟังก์ชั่นนี้ คิดใหม่ให้ดี คิดให้รอบคอบ คนใช้อีกหลายคนไม่รู้อิโหน่อิเหน่

(http://img3.f0nt.com/25/c2b0f94f2827be14cb1d812ad03960b7.jpg)

เมื่อเปิดโอเพ็นไทป์ Ligature ต่างๆ ก็จะได้ผลดังรูปด้านล่างนี้ ดูสิ มีอะไรเปลี่ยนไปบ้าง

(http://img3.f0nt.com/25/c8d4cbf7fe41f830d784ed513a20eede.jpg)

(http://img3.f0nt.com/25/dc5807c4530e3af20a5d13a800a0264c.jpg)

(http://img3.f0nt.com/25/0f2c88459dae57d4b5d4a7bffb6961de.jpg)

(http://img3.f0nt.com/25/e38aef1cecdd9dc7121b8073ccc29551.jpg)

จู๋คุณภาพอีกแล้วครับท่าน :12:

นานๆ จะเห็นการวิจารณ์ด้านดีไซน์ลิเกเจอร์ตรงๆ สักที :12:

5. Small Caps บ้างอะไรบ้าง

ในภาษาอังกฤษ มีตัวพิมพ์ใหญ่ พิมพ์เล็ก ใช้ร่วมกัน บางคำที่ต้องการเน้นมากเขาก็จะใช้พิมพ์ใหญ่ เช่น ชื่อคน สถานที่
แต่เวลาเราเอามาจัดบรรทัดแล้ว จะไม่ค่อยสวยงาม เพราะพวกนี้มันจะโดดขึ้นมา ทางแก้คือ เราต้อง
ทำให้มันเป็น Small Caps ซะ จะได้กลมกลืนกับ บรรทัด และภาพรวม

(http://img3.f0nt.com/25/5b6eed3be3425c5bbfce4f2a2c06ef24.jpg)

6. List เรื่องลิสท์ โปรดคิดถึง Bullet / Numbered

ตามสไตล์พี่ไทย เวลาจะพิมพ์รายการที่เป็น List มักจะใช้เครื่องหมาย - ตลอดเลย
วันนี้ลองเปลี่ยนมาใช้เครื่องมืออำนวยความสะดวกที่เขามีมาให้เราเถิด อย่าไปเมื่อยพิมพ์เองเลย
รวมถึงหัวข้อที่เป็นตัวเลขด้วย ใช้เครื่องมือจะสวยกว่าพิมพ์เอง เพราะมันจะจัดตำแหน่งบรรทัด การ indent
ต่างๆ ให้เสร็จสรรพ ไม่ต้องมานั่งเคาะให้เสียสมอง

(http://img3.f0nt.com/25/eb5d95e4919f1220cd9d014637ad1a4f.jpg)

ถ้าใช้ฟอนต์ตระกูล TF เปิดฟังก์ชั่น Numerator สามารถเปลี่ยนเลขอารบิก เป็นเลขไทย ได้ทันที

(http://img3.f0nt.com/29/0ad83401424758ab4e3c61e5395d949e.jpg)

ขอแปะไว้ครับ เจ๋งขิงๆ  :25:

แจ๋วๆ  :45:

เขียนตำราเองเปล่าเนี่ย แจ่มแมวเหมียวๆ ครับ :25:

อยากทำตำราขายนะครับ กลัวขายไม่ออก อิอิ

สืบเนื่องจากข้อ 6
แถมเรื่องการเปลี่ยนเลขอารบิกเป็นเลขไทยแบบอัตโนมัตินะครับ เฉพาะฟอนต์ TF เท่านั้น
ตัวนี้ใช้โปรแกรม Illustrator ครับ

(http://img3.f0nt.com/29/5c67504cc0fcf236498af62f7b6c6c92.jpg)

(http://img3.f0nt.com/29/e54ad22697d6191a31c712aae3c971b6.jpg)

และเปลี่ยนเป็นแบบ Old Style

(http://img3.f0nt.com/29/a6fc592b01662950dd5c103e7afa5e53.jpg)

7. ระวังฟันหลอ / Typographic River.....

คนที่ชอบจัดเสมอซ้าย-ขวา พึงระวังโอกาสการเกิดปัญหาฟันหลอให้ดี
เพราะทำให้งานจัดวางไม่สวย เลี่ยงได้ก็ใช้ ชิดซ้าย เอาดีกว่านะ

(http://img3.f0nt.com/25/44af908cb1110404bffc915a9f89774d.jpg)

(Credit: Erik Spiekermann. Seven Rules for Better Typography, 2010)

(Credit: ขจร พีรกิจ. www.indesignthai.com (http://www.indesignthai.com))

8. หยุด บีบคั้น อย่าบีบบังคับหนูเลยยยยยยยยยยยยย อย่าจับหนูขึงพืดเลยยยยยยยยยยย ฮืออออออออออออออออออออออ

ลด ละ เลิก การทรมานฟอนต์ เห็นใจคนที่เขาสร้างมันมาให้เรา ใช้ตามเจตนารมณ์ที่เขาหวังไว้เถิด
อันไหนเขาทำมาดีแล้ว ก็ไม่ต้องไปวุ่นวายกับมัน ฟอนต์ผอม ฟอนต์อ้วน เขาก็ทำออกมาสนองนี้ดเราหมดแล้ว
อย่ามักง่ายเลย

(http://img3.f0nt.com/25/6b7495b8b61c71021422a80b1d3cfa40.jpg)

:25: ตามมาบวกเรื่อยๆ

อ้างคำพูดจาก: itemsafety เมื่อ 25 พ.ย. 2010, 15:31 น.
อยากทำตำราขายนะครับ กลัวขายไม่ออก อิอิ

จอง 2 เล่มคับ  :10:

เคยเห็นบ่อยพวกเอาตัวหนังสือมายืดๆ หดๆเสี่ยวๆ  :37:
จริงๆน่าจะเป็นความรู้พื้นฐานของคนออกแบบเนอะ ว่าอะไรควรไม่ควรกับตัวหนังสือ
พอดีไม่ได้เรียนเลยไม่รู้ว่าเค้าสอนรึเปล่า  :30:

เพิ่งเห็นที่ Edit ในโพสต์ก่อนที่เป็นเรื่องการหกยืดฟอนต์
เจอโคตรบ่อยเลยครับ :3005:

9. แม่หม้าย ลูกกำพร้า ..... Widows and Orphans

ระวังเรื่องการตัดบรรทัดใหม่ การทิ้งบรรทัดสุดท้าย

(http://puna.net.nz/archives/Design/Typography%20hints_files/image5.jpg)

(http://www.troytempleman.com/wp-content/uploads/2010/02/orphans-and-widows.jpg)

(http://textwrap.files.wordpress.com/2007/09/widows2.jpg)

ลูกกำพร้า คือ คำ 1 คำ ที่ตกไปอยู่ในบรรทัดสุดท้ายของพารากราฟ ควรเลี่ยงอย่าให้เกิด

แม่หม้าย คือ บรรทัดเดียวบรรทัดสุดท้าย ของพารากราฟสุดท้ายไม่สามารถจบในคอลัมน์ของตัวเองได้
ต้องข้ามไปจบที่อีกคอลัมน์ หรืออีกหน้านึงถัดไป ทำให้ไม่สวยงาม
หรือการขึ้นพารากราฟใหม่ที่ปลายสุดคอลัมน์
ซึ่งเหลือพื้นที่พอสำหรับแค่บรรทัดเดียว แล้วข้ามไปต่อบรรทัดใหม่ที่อีกคอลัมน์ ทำให้หัวพารากราฟเคว้งคว้างยิ่ง
ก็จะกลายเป็น อะไรเอ่ยยยย ไม่เข้าพวก ไปได้  :51: :51:

ลองดูงานของท่านให้ดีๆ เคยเข้าข่ายพวกนี้มั๊ย

วิธีแก้ไขง่ายๆ คือใช้คำสั่ง คีป ออปชั่น (InDesign)

(http://typophile.com/files/keep-options_3885.gif)

เขียนหนังสือขายเถอะพี่ ผมจะซื้อ!!

ตามมาบวกเรื่อยๆ เท่าที่จะนึกออก  :25:

10. ส่งสำเนียงให้เหมือนเจ้าของภาษา

บ่งชู้ร์ ดัดจริตทั้งที ขอให้มีกลิ่นของเขาให้เต็มที่ อย่ากั๊กๆ
ท่านใดพิมพ์ภาษาที่มีเครื่องหมาย แอคเซนท์ ต่างๆ ควรใช้ให้ถูกตามเจ้าของภาษา
เลือกใช้ฟอนต์ที่สามารถส่งสำเนียงภาษาของชาติเขาให้ได้ อย่าให้ขายหน้า

(http://img3.f0nt.com/09/9cfe35b40546ddcdd9738a8a10fb3790.jpg)

11. ตรวจทานหน่อยยยยยยย

ทำงานออกแบบ การพิสูจน์อักษรก็จำเป็นมากกกกกกกกกก
บางทีจะใส่ Drop Cap ก็ระวังกันหน่อยยยยยยย ถ้าพลาดก็จะอายระดับประเทศ
ตอนนี้หนังสือพิมพ์นี้ก็โดนเบลมไปทั่วเฟซบุคแล้ว 555555555+

(http://img220.imageshack.us/img220/3821/14953610150310016140128.jpg)

 :30:

12. กฎทอง 3 ตัวพิมพ์

(http://themeforest.s3.amazonaws.com/106_typography/images/toomanyfonts.png)

ข้อนี้แค่อยากจะบอกว่า งานออกแบบเชิงจัดหน้าที่ดี ไม่ควรใช้ตัวพิมพ์เกิน 3 รูปแบบ
อย่าโลภอัดฟอนต์ทุกสิ่งที่มี อยู่ภายใน หน้าเดียว ทั้งนี้ก็ขึ้นกับสถานการณ์เช่นกัน
ว่าจะใช้ฟอนต์ผสมกันอย่างไรให้กลมกล่อม

ง่ายๆ เลือกฟอนต์สัก 2 ตระกูล ตัวโปรย (ธรรมดา/หนา) และตัวดิสเพลย์เพื่อให้น่าสนใจ ก็พอแล้ว

(http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/11/assign-distinct-roles.png)

อ่านเพิ่มเติม เพื่อเพิ่มแนวคิด
http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/ (http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/)

สุดยอดของพื้นฐานที่หลายๆ คนมักมองข้าม  :12:

ตามบวกไม่หยุดหย่อน :25: :25:

อ้างคำพูดจาก: itemsafety เมื่อ 25 พ.ย. 2010, 17:39 น.
11. ตรวจทานหน่อยยยยยยย

ทำงานออกแบบ การพิสูจน์อักษรก็จำเป็นมากกกกกกกกกก
บางทีจะใส่ Drop Cap ก็ระวังกันหน่อยยยยยยย ถ้าพลาดก็จะอายระดับประเทศ
ตอนนี้หนังสือพิมพ์นี้ก็โดนเบลมไปทั่วเฟซบุคแล้ว 555555555+

(http://img220.imageshack.us/img220/3821/14953610150310016140128.jpg)

FAIL :30: :30: :30: :30:

ปล. ผมเคยจัดหน้า แล้วเจอ"หีบ" แบบนี้ ก็เลยเอามาทั้ง"หีบ" ดูพิลึกน่าดู

13. อย่าใช้ฟอนต์ตามแฟชั่นอย่างเดียว ดู Mood & Tone ของงานด้วย

อันไหนสาปเล่นๆ อันไหนสาปจริง แค้นจริง

(http://img3.f0nt.com/28/03c881f824235b8accc38caa5154ec59.png)

บางทีเรามีฟอนต์ใหม่เยอะมาก อยากจะใช้ ก็ดูหน่อยว่า มันเข้ากับเนื้อหาของงานที่ต้องการจะสื่อ
หรือเปล่า ไปกันได้กับภาพประกอบไหม

การเลือกใช้แบบตัวอักษรเป็นรสนิยมส่วนตัว อาศัยประสบการณ์ การสังเกต
จงใช้ความจำให้เป็นประโยชน์ ดูงานของคนอื่นก็ลองดูว่าเขาใช้ฟอนต์ได้เหมาะสมไหม
อะไรดีก็จำมาประยุกต์ใช้ อะไรไม่เข้าท่าก็จงจำไว้ อย่าเอาเป็นเยี่ยง

ตัวอย่างดูได้จากกระทู้นี้ เป็นต้น  :33: :33:
http://www.f0nt.com/forum/index.php/topic,18199.0.html (http://www.f0nt.com/forum/index.php/topic,18199.0.html)

แปะ  :25:

เจ๋งโคตร  :25:

ไม่เคยกดบวกสาวกใหม่อย่างบ้าคลั่งแบบนี้มาก่อน :25:

โอ๊ย บทความคุณภาพสุดจ้อด :25c:

ตามมาบวกทุกชม. เจ๋งค่ะ :12:

14. หยุดเป็นเจ๊มดแดง... not to underline

(http://image.dek-d.com/24/2160917/105900590)

ทุกคนคงจะรู้จักเจ๊มดแดง แห่งระบำดวงดาวกันดี เพราะชีชอบ ขีดเส้นใต้ ให้ น้องหวานหวาน อยู่เสมอ
แต่ในโลกของการออกแบบแล้ว มันเชยสิ้นดี เทคนิคขีดเส้นใต้เพื่อเน้นย้ำได้ถูกทดแทนด้วยการใช้ตัวหนา ตัวเอียง
มาตั้งแต่เริ่มมีโปรแกรมประมวลผลคำแล้ว ยิ่งปัจจุบัน ฟอนต์บางตระกูลมีน้ำหนัก และความเอียง ให้เลือกใช้นับ 10 นับ 100
เพื่อเน้นย้ำกันให้ชัดเจนมากกว่าแค่ Bold ซึ่งได้แก่ Book Black Ultra ฯลฯ
ซึ่งโปรแกรมที่ออกแบบมาเพื่องาน Desktop Publishing จะอำนวยความสะดวกมาก
เครื่องพิมพ์ดีดต่างๆ ก็ถูกโยนเข้ากรุหมด ดังนั้น ถ้าอยากให้งานของคุณดูเดิ้ร์น อย่าได้คิดที่จะใช้เทคนิคนี้
นอกจากว่าคุณจะอยากอยู่ในยุค วนิดา เพื่อให้อารมณ์ ย้อนยุค พีเรียด ค่อยว่ากันอีกที

(http://img3.f0nt.com/26/92c4a53ee39858a2a8093014e6bb418e.jpg)

(http://3.bp.blogspot.com/_XPB0LXR7m50/TG1Z9wq8liI/AAAAAAAABi0/B6w_JBsJQC0/s1600/%E0%B8%A7%E0%B8%99%E0%B8%B4%E0%B8%94%E0%B8%B214.jpg)

(http://img3.f0nt.com/26/416b8f5019c77dad1f695a81862a2940.jpg)

 :25: อร๊างงงง

พอเล่าถึงขีดเส้นใต้ แล้วแอบนึกถึงคลิปใน youtube :08:

เห็นภาพชัดเจนมากครับ  :26:

15. Legibility Legibility Legibility .............

(http://img3.f0nt.com/26/93c88f3769724a0536d168322000fe3b.jpg)

แค่อยากจะบอกว่า ถ้าจะพิมพ์ Text ยาวๆ อย่าไปใช้ฟอนต์ประดับ
ฟอนต์แนวๆ ฟอนต์รุงรัง หรือฟอนต์จำพวกที่อ่านยาก สงสารคนอ่านบ้าง
จะกลายเป็นว่า เขาไม่อ่านข้อความที่เราพิมพ์ เพราะปวดตา

และยิ่งหากจะพิมพ์ด้วยขนาดที่เล็กมากๆ 9 pt / 8 pt ต้องเลือกฟอนต์ที่มี
ความชัดเจนสูง เลี่ยงฟอนต์ที่มีคู่สับสนเยอะ เช่นพวก ขช คต บย ภถ ฯลฯ
ทางที่ดีคือพิมพ์มันออกมาแล้วเอาให้คนข้างๆ คุณลองอ่านดู หากอ่านได้ก็แสดงว่า รอด

16. พิมพ์ภาษาอังกฤษหรือชุดตัวอักษรโรมันเมื่อใด อย่าลืมเปิดฟังก์ชั่น Optical Kerning (ภาษาไทย—ไม่ต้อง)

(http://justcreativedesign.com/wp-content/uploads/2010/02/optical.jpg)

(http://homepage.mac.com/macdrben/blogwavestudio/LH20041002162322/LHA20050206134044/Media/LHA20050206134044_3_TN.jpg)

(http://images.digitalmedianet.com/2003/11_nov/reviews/illustratorcs031119/22-opticalkern.jpg)

ผมมาปักหมุดให้ครับ
:12:

:12:

สุดยอดมากกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกก
ขอบคุณมากๆ เลยค่ะ ใจดีมาก :05:

17. อย่าใช้วิธีรัวเคาะ Space bar เพื่อเข้าย่อหน้า จงใช้เครื่องมือ First Line Indent

ของอะไรที่เขาสร้างมาให้เราใช้งาน ก็เพราะเขาต้องการให้เราสะดวก และได้งานที่มีคุณภาพ
อย่าไปทำเลย ไอ้ประเภทที่จะย่อหน้าด้วยการโหมเคาะแป้นยาว เคาะ 7 เคาะ 8  
เพราะคุณจะไม่มีทางได้งานที่มีย่อหน้าตรงกันทุกกระเบียดนิ้ว แถมยังยึกยือๆ ย่อหน้าเหลื่อมกัน
เซ็ต ย่อหน้า/กั้นหน้า ให้มีความกว้างเท่ากัน พร้อมกันหมดทุกย่อหน้าก็ไม่ได้

(http://media.wiley.com/Lux/02/111202.image0.jpg)

(http://www.macmousecalls.com/files/indent.jpg)

จงใช้ Tab หากต้องการจะพิมพ์โคลงกลอน หรืออะไรก็ตามที่ต้องการให้บรรทัดตรงกัน
กลอนด้านบนใช้วิธี เคาะสเปซบาร์ เพื่อวรรค ด้านล่างใช้การแท็บ
(http://img3.f0nt.com/26/6a739b44af7807e84144dcda0282b249.jpg)

มืออาชีพจาก สำนักไหนนะนี่
ผมคุ้นๆ กับข้อมูลพวกนี้มากเลย :12:

บางอย่างพี่แอนชอบด่าบ่อยๆ
เช่นใช้ "-" แทน list นี่ใช่เลย
จัดแบบ justify นี่ก็ใช่อีก
ทำตัวหนาฟอนต์ก็ใช่อีก
Indent Tab ด้วย
ต่อไปจะไม่ทำแล้วก๊าบบบบ :05:

อ้างคำพูดจาก: นักศิลปะ เมื่อ 26 พ.ย. 2010, 12:27 น.
มืออาชีพจาก สำนักไหนนะนี่
ผมคุ้นๆ กับข้อมูลพวกนี้มากเลย :12:

ตำรา Typo ทั่วไปครับ และจากการสังเกตจากประสบการณ์

จบบทนี้แล้วผมขออนุญาตนำไปอยู่ในหมวดบทความหน้าเว็บนะครับ
ใส่เครดิตเรียบร้อย :25:

ของดีแบบนี้ต้องเผยแพร่
:12:

ยินดีครับ เพื่อพัฒนาวงการไทโป้  :12:

อ้างคำพูดจาก: itemsafety เมื่อ 25 พ.ย. 2010, 13:01 น.

ALT + 0150 / Option + - (เครื่องแมค)   en dash
ALT + 0151 / Option + _ (เครื่องแมค)  em dash

ส่วน Hyphen / Minus ส่วนมากใช้ร่วมกันได้ครับ ยกเว้นบางฟอนต์ที่ออกแบบมาต่างกัน อย่างที่ผมให้รูปไป
จากเดิมในรหัสแอสกี ยัติภังค์และเครื่องหมายลบใช้สัญลักษณ์ตัวเดียวกันคือ (-) ที่ตำแหน่ง 0x2D แต่สำหรับรหัสยูนิโคด
ได้แยกสองเครื่องหมายนี้ออกจากกัน โดยยัติภังค์อยู่ที่ U+2010 (‐) และเครื่องหมายลบอยู่ที่ U+2212 (−)
แต่ก็ยังคงอักขระตัวเดิมไว้ที่ U+002D เพื่อให้ยังสามารถรองรับและเข้ากันได้กับรหัสแอสกี  (ข้อมูล:Wiki)

ยัติภังค์มันมีเรื่องราวซับซ้อนมากครับ ทั้งยัติภังค์เผื่อเลือก ยัติภังค์แบบไม่ตัดคำ
ซึ่งจะพบในโปรแกรมประเภทจัดหน้าหนังสือครับ

สนใจเรื่องขีดเลยไปค้นมาเพิ่มค่ะ
ใน Windows ใช้ ขีด พิมพ์ได้ตามนี้ค่ะ แล้วมันจะแปลงเป็นเครื่องหมายต่างๆ ให้เอง

(http://img3.f0nt.com/26/268c7a891d34e96ef08e8cef4b1e16eb.png)

• ขีดขีด ส่วนใหญ่จะได้ออกมาเป็น dash
• A+วรรค+ขีด+วรรค+B ได้ผลเหมือนกับ A+วรรค+ขีดขีด+วรรค+B ก็คือเป็น A+วรรค+dash+วรรค+B
• ถ้า A+ขีดขีด+B จะได้ A+em dash+B

ที่มาค่ะ (http://user.services.openoffice.org/en/forum/viewtopic.php?f=7&t=6251&start=0) ถ้าเขียนผิดไปฝากชี้แนะด้วยนะคะ :25:

18. หันมาพิมพ์ไม้ยมก ๆ และ ไปรยาลน้อย ฯ ติดกับคำหน้า โดยไม่ต้องเคาะ

อันนี้ผมมีข้อสังเกตคือเวลาเราเคาะก่อนใส่เครื่องหมายดังกล่าว เวลาตัดบรรทัดอัตโนมัติ แล้ว
มันชอบถูกแยกออกจากกัน คือ คำที่มีเครื่องหมาย เวลาไปอยู่ท้ายบรรทัด
แล้วเครื่องหมายจะตกไปขึ้นอยู่ที่ต้นบรรทัดใหม่ ซึ่งไม่สวยงาม
หรือบางทีที่จัด Justify แล้วดันอยู่ห่างกันเกินไปอีก ซึ่งไม่สวยงามอีกเช่นกัน

คนที่จะทำฟอนต์ คงต้องเพิ่มช่วงห่างด้านหน้าของตัว ( ๆ ) อีกนิด เพื่อที่จะได้มีระยะที่สวยงาม
และหลังเครื่องหมายให้เว้นวรรคเล็ก 1 ครั้ง

(http://img3.f0nt.com/28/64378c54cdfbbd297779a27cd59ba191.png)

โอ้ นี่เป็นเหตุผลที่ดีเวลามีคนถามว่าทำไมเราไม่พิมพ์เว้น ๆ ตามมาตรฐานของราชบัณฑิตยสถาน
(ซึ่งเอาเข้าจริงไม่มีสนักพิมพ์ที่ไหนใช้เลย) ขอบคุณครับ :12:

ราชบัณฑิตย์ฯ ไม่ได้ทำฟอนต์ ไม่ได้วางระบบตัดคำภาษาไทยในคอมพิวเตอร์นี่ครับ
เขาก็วางเกณฑ์ไปแบบคนหัวเก่า 55555+

อ้างคำพูดจาก: itemsafety เมื่อ 26 พ.ย. 2010, 13:23 น.
ราชบัณฑิตย์ฯ ไม่ได้ทำฟอนต์ ไม่ได้วางระบบตัดคำภาษาไทยในคอมพิวเตอร์นี่ครับ
เขาก็วางเกณฑ์ไปแบบคนหัวเก่า 55555+

:20: 

อ่านอย่างเพลิดเพลิน  :25:

เพิ่งเห็นกระจู๋นี้  :25: :25:

บวกๆ ความรู้ทั้งนั้นเลย ยอมรับว่าบางครั้งก็ทำผิดๆ ไปหลายทีเหมือนกัน

19. ใช้ non-breaking space ระหว่างชื่อและนามสกุล ของบุคคล

เรื่องนี้อาจจะยากไปสำหรับคนสามัญ แต่ก็ขอฝากไว้สักเรื่องละกันครับ
เมื่อพิมพ์ชื่อเสร็จ จะพิมพ์นามสกุล อย่าเพิ่งเคาะสเปซบาร์

Windows ทั่วไป Alt+0160 / Mac -->  Option + Space  
(เฉพาะ Adobe InDesign) ให้เรากดคำสั่ง Alt + Ctrl + x (mac : Option+Command+X) แทน
(เฉพาะ Ms Word) ให้เรากดคำสั่ง Ctrl + Shift + Space

ก็จะมีที่ว่าง ซึ่งเรียกว่า non-breaking space ขึ้นมาครับ จากนั้นพิมพ์นามสกุลต่อเลย
ทีนี้ เวลาเราจัดข้อความแบบ Justify ชื่อ และ นามสกุล จะอยู่ห่างจากกันเท่าเดิมเสมอ คือ 1 ระยะตัวอักษร ไม่แยกจากกันห่างเกินไป

(http://img3.f0nt.com/26/1133a02e7a95851da148cd2556e06e38.jpg)

บรรทัดบนเป็นการเคาะสเปซบาร์เฉยๆ
บรรทัดล่างใช้ non-breaking space ครับ

หลักการนี้สามารถนำไปประยุกต์ใช้กับคำที่จำเป็นต้องเว้นที่ว่างแต่ไม่ต้องการให้อยู่ห่างจากกันมากกว่า 1 Space ครับ

ไอ้ตัวตั้งค่าหน้ากระดาษใน word นั่นแหละที่ตูยังใช้ผิดๆ ถูกๆ ตั้งค่ายังไม่เป็น :44:
เพิ่งรู้เรื่องการพิมพ์ชื่อและสกุล :25:

ตามอ่านตั้งแต่หน้าแรกแล้ว :07: :25:+

20. ปรับ Leading (เลดดิ้ง) ให้เหมาะสม อย่าเชื่อใจ Auto Leading

เลดดิ้งแบบอัตโนมัติ ไม่ได้ถูกตั้งมาเพื่อรองรับกับทุกๆ ฟอนต์เสมอไป
ควรทำการปรับให้เหมาะสมกับฟอนต์ที่ใช้งานเสมอ เพื่อความสบายตาในการอ่าน
บรรทัดไม่ควรแน่นติดกันจนเกินไป แต่ก็ไม่ห่างจนเหลือพื้นที่ว่างมากจนเกินไป

(http://themeforest.s3.amazonaws.com/106_typography/images/leading.png)

(http://img3.f0nt.com/26/3ad1da1216516e81fbe28781638e46d2.jpg)

TH Srisakdi ฟอนต์นี้ออกแบบมามีหางตวัดสูงมาก ด้วยบรรทัดปกติ ก็จะทำให้ดูรกรุงรังไปเลย
แต่เมื่อปรับ Leading ก็จะอ่านได้สบายตาขึ้น

เหนื่อยกันมั๊ยจ๊ะ

ข้าน้อยมิกล้า  :05:

ขออนุญาติ เอาไปทำเป็นคู่มือให้พนักงานใหม่ได้ไหมคะ  :25:

อ้างคำพูดจาก: psyfer เมื่อ 26 พ.ย. 2010, 17:11 น.
ขออนุญาติ เอาไปทำเป็นคู่มือให้พนักงานใหม่ได้ไหมคะ  :25:

ให้สิทธิ์ครับ  :26:

จะบวกจนกว่าจะลืม  :25:

(http://img3.f0nt.com/25/6c94cf1da3de66603a1dee509c7ca3d9.png) like

อ้าว จบแล้วหรอพี่ ทำหนังสือขายเลยครับ จริงๆ! จองก่อน 2 เล่ม

อยากทำมากเลยนะ แต่ไม่อยากขาย ทำในนี้แหละ ใครอ่านก็ได้ความรู้ไป อิอิ

แปะก่อน เดี๋ยวมาตามอ่าน ตามบวก  :25:

อ้างคำพูดจาก: itemsafety เมื่อ 26 พ.ย. 2010, 18:11 น.
อยากทำมากเลยนะ แต่ไม่อยากขาย ทำในนี้แหละ ใครอ่านก็ได้ความรู้ไป อิอิ

EBooks ก็ได้คับพี่ใครใช้ดี ก็ Donate แต่ในไทยจะได้สักกี่ตังกันเน้อ  :38:

มาบวกยันลูกบวช :07:

ขอบคุณครับพี่ ความรู้ล้วนๆ เลยครับ  :46: :46: :46:

 :25: โอ้ว ขอบคุณมากเลยค่ะ  :46:

มาบวชยันลูกบวก :07:

งั้นเอ็งก็ได้บวชตลอดชีวิตล่ะ  :07:

21. No Faux Bold .... No Faux Italic

ไม่ควรใช้คำสั่งทำตัวหนา หรือตัวเอียงปลอมๆ ที่มีมาในโปรแกรม เช่น MS Word
หากฟอนต์ของคุณไม่มีชุดตัวหนา หรือ ตัวเอียง ที่ถูกออกแบบมาอย่างดี ก็พยายามอย่าฝืน
เพราะมันจะดูเฟค และไม่ค่อยสวยงาม

(http://typophile.com/files/Scala_fauxformatting_6077.jpg)

ขอบคุณเฟซบุค satit typo (อ.โรจ) ที่ทำให้ผมระลึกถึงกฏข้อนี้

22. อย่าให้วรรณยุกต์ภาษาไทยลอย

ความจริงน่าจะเขียนเป็นข้อแรกๆ แต่ด้วยความคิดที่ว่า คนอ่านในนี้ส่วนมากก็เทิร์นโปรแล้ว
เป็นพวกทำฟอนต์กันทั้งนั้น แถมยังเป็นระบบยูนิโค้ด ซึ่งปัญหานี้มันไม่น่าจะมีแล้ว
ถือว่าขอฝากมือใหม่ก็แล้วกัน ใครที่ได้เข้ามาอ่านบทความนี้ ก็ควรระวังเสมอครับ
เผื่อว่าคุณไปได้ฟอนต์ที่ไม่มีมาตรฐานมาจากแหล่งอื่นใด หรือฟอนต์ในโลกเก่าๆ ที่แก้ปัญหานี้ยังไม่ได้

บางหน่วยงานที่ทำสิ่งพิมพ์ โดยเฉพาะองค์กรที่มีชื่อเสียงมากๆ อย่างกลุ่มคอนโดฯ สถานีโทรทัศน์ ฯลฯ
ไม่ควรให้สิ่งพิมพ์ หรือรายการของตน มีข้อความประชาสัมพันธ์ที่มีวรรณยุกต์ลอย เห็นบ่อยมากกก
ซึ่งถือว่าไม่มีความละเอียดพอ ปัญหาอาจเกิดเพราะซอฟต์แวร์ที่ใช้ทำงาน ทำงานร่วมกับฟอนต์ยูนิโค้ดไม่สมบูรณ์หรือเปล่า
หรือฟอนต์ที่ใช้ ไม่สมบูรณ์ เพราะส่วนมากเห็นเป็นฟอนต์ตระกูล P...L

(http://i63.photobucket.com/albums/h136/Firodendon2/25.jpg)

23. เลือกสีตัวอักษรและพื้นหลังอย่างเหมาะสม

โปรดระวังสิ่งต่อไปนี้ เพราะจะทำให้ข้อความของคุณไม่น่าสนใจ
  1 การพิมพ์ข้อความเยอะๆ ด้วยสีที่ฉูดฉาดตัดกับฉากหลังที่ฉูดฉาดไม่แพ้กัน
  2 พิมพ์ข้อความด้วยสีที่กลืนกับพื้นหลัง จนแยกลำบาก

(http://parse.howdesign.com/wp-content/uploads/2010/05/colorContrast.gif)

(http://img3.f0nt.com/29/a4bf3eddd7f3e7eb79ecb2567880548a.jpg)

ในรูปที่ยกมา คุณอาจจะยังพออ่านได้ เพราะเป็นคำสั้นๆ เป็นแค่ตัวดิสเพลย์ อาจจะยังดูสวยเก๋
แต่ถ้าเป็นข้อความยาวๆ ฟอนต์ไซส์เล็กๆ นี่สิ คงอ่านยากน่าดู
และแน่นอนว่าใครก็คงจะไม่ทนอ่านจนจบแน่ๆ

 :46:

24. จัดวาง อย่างเป็น Grid

ระบบกริดช่วยทำให้การจัดวาง Typography เป็นระเบียบ สะอาดตา และชวนอ่าน
กริดเป็นหลักการง่ายๆ ที่สามารถประยุกต์ได้ 108 และทำให้งานของคุณมีมาตรฐาน

ทำความเข้าใจได้ที่ http://www.thewitstudio.com/digital2.html (http://www.thewitstudio.com/digital2.html)

(http://www.papress.com/thinkingwithtype/teachers/images/grid_project.gif)

นำไปประยุกต์กับงานรูปแบบต่างๆ ทั้งเว็บ หรือ สิ่งพิมพ์

(http://cdn.ilovetypography.com/img/2009/01/unit_grid.jpg)

(http://www.aisleone.net/wp-content/uploads/2009/08/tankboys1.jpg)

(http://www.maczone.co.th/image_home/Print-1.jpg)

ผลของการไม่ใช้ กริด คือ...

(http://www.weeviraporn.com/wp-content/uploads/2009/10/Pecha-Kucha.011.png)

สีๆ นั่น รู้สึกชอบแถวแรกอ้ะ :30:

กาก

 :55:

อะไรของอีก่อน่ะ :09:

 :05: อย่าเข้าใจเค้าเลย

ไปกากเว็บนู้น  :30:

ยังไม่เข้าใจอยู่ดีว่าพยายามทำอะไร :37:

มันพยามจะแซวนัท ที่บอกว่าชอบแถวแรกอะ
อย่าพยามเข้าใจมันเลย รอมันเข้าใจตัวเองก่อน  :37:

ว่าเลือกเพศไหน :37:

อันนั้นมันชัดแล้วไมใช่เรอะ

25. ห้ามมมมมมมมมม!!! ใช้ Tahoma โดยเฉพาะอย่างยิ่ง ภาษาไทย เป็นตัวเนื้อความ หรือเป็นตัวดิสเพลย์

(http://www.ascenderfonts.com/af/images/products/TAH03-01-80-05-s.png)
(http://www.ascenderfonts.com/af/images/products/TAH03-03-80-05-s.png)
YUCK!!!  :23: :48:

หากคุณต้องการให้งานของคุณมีคุณค่า มีราคา มีคุณภาพ จงลืม System Font ที่แห้งแล้ง ห่อเหี่ยว
ไร้ซึ่ง ความงาม และ ความโดดเด่น เหล่านี้ไปเสียเถิด ฟอนต์ดีๆ ฟรีๆ มีเยอะแยะ

หรือใครอยากจะใช้ฟอนต์นี้ในเชิงเสียดสี ก็ไม่ว่ากัน

สำหรับภาษาอังกฤษ ถ้าคิดฟอนต์ไม่ออก ลองใช้ฟอนต์เหล่านี้ เพราะเป็นฟอนต์ที่ผ่านการทดสอบ
มาจากหลายที่ว่า อ่านได้ง่าย และมีรูปลักษณ์ที่สวยงาม
http://www.f0nt.com/forum/index.php/topic,18197.0.html (http://www.f0nt.com/forum/index.php/topic,18197.0.html)

สำหรับภาษาไทย
http://www.f0nt.com/release/13-free-fonts-from-sipa/ (http://www.f0nt.com/release/13-free-fonts-from-sipa/)
และ http://rapidshare.com/files/287155138/TF_Font.rar (http://rapidshare.com/files/287155138/TF_Font.rar) สมบูรณ์ในฟีเจอร์โอเพ่นไทป์มากกว่า

 :30:

เค้าหมายถึงเอามาเป็นเฮดมันก็โอเคดีไง แปร๋นๆ ดี  :16a:

เห็นแล้วอยากลองใช้ Tahoma มาทำพาดหัวดูสักที :25:

ผมตามกลับไปแก้ไขหลายข้อต้นๆ พร้อมอัพเดทรูป อัปเดทเคล็ดลับเล็กๆ น้อยๆ
ยังไงลองย้อนกลับไปอ่านกันได้ครับ  :33: :33:

ขอบคุณมากค่ะสำหรับข้อมูลที่เป็นประโยชน์ :46:

กระแสตอบรับดีเกินคาด ทำให้ข้าพเจ้ามีกำลังใจ  :04: :04:
ใครสนใจเรื่องอะไร ลอง รีเควสมาเพื่อจะไปหาข้อมูลมาถ่ายทอดให้ได้นะ

การวางตัวหนังสือในรูปถ่ายได้ปะคะ
:25:

อ้างคำพูดจาก: แอ้ เมื่อ 01 ธ.ค. 2010, 11:23 น.
การวางตัวหนังสือในรูปถ่ายได้ปะคะ
:25:

ขอไปหาข้อมูลนะครับ แล้วจะมาโพส

บวกรอ  :25:

26. จำลองเทคนิคพิมพ์ดีดอย่างมีชั้นเชิง

ข้อก่อนๆ เคยบอกให้เลี่ยงการขีดเส้นใต้ แต่ข้อนี้ขอเพิ่มเติมสำหรับพวกหัวโบราณละกัน
หากต้องการขีดเส้นใต้ให้เทคนิคแบบพิมพ์ดีด ควรใส่สโตรก หรือขอบนอก (ใช้สีเดียวกับสีแบ็คกราวน์)
ให้ตัวอักษรของคุณด้วย เพื่อที่เส้นใต้จะได้ไม่ทับ หางพยัญชนะที่มีช่วงต่ำ เช่น ฤ ฎ หรือ สระ อุ อู
รวมถึง j y g p q เป็นต้น

(http://img3.f0nt.com/09/52b608c19dd7b90825a2a75315d57f4a.jpg)

การนำหลักการนี้ไปใช้

(http://photos2.hi5.com/0084/004/813/L2skph004813-02.jpg)

 :25: :25:

เทคนิคนี้ไม่เคยคิดมาก่อนเลย เจ๋งมาก  :25:

อ้างคำพูดจาก: แอ้ เมื่อ 01 ธ.ค. 2010, 11:23 น.
การวางตัวหนังสือในรูปถ่ายได้ปะคะ
:25:

27. ใส่อักษร ให้ภาพมีความหมาย

เรื่องนี้ ความจริงอธิบายเป็นตัวหนังสือลำบาก เพราขึ้นอยู่กับความชอบส่วนบุคคล และประสบการณ์ในการจัดวาง
การใส่ข้อความให้ภาพ เริ่มต้น ต้องเตรียมภาพให้ดีๆ ด้วย ไม่ใช่ว่าทุกภาพจะพร้อมให้เราใส่ข้อความเสมอไป
และขึ้นอยู่กับว่า คุณอยากให้ภาพเป็นพระเอก หรือให้ข้อความเป็นพระเอก ไม่แย่งซีนกัน และลงตัวที่สุด
ทดลองหลายๆ วิธี เพื่อหาผลลัพท์ที่ใช่ที่สุด สำหรับคุณ

(http://img3.f0nt.com/09/0ba31e5cbcf4ca63cab218846f7215af.jpg)

(http://img3.f0nt.com/09/daaf2b6ee34d067867da4bf06fddc2b5.jpg)

(http://img3.f0nt.com/09/8fdb75ced9d239143f005105c40563f6.jpg)

(http://img3.f0nt.com/09/82fe837b4f12ab45f76efd7976ac1d7d.jpg)

เพิ่มเติม http://www.pixsk.net/pboard/index.php?topic=628.0 (http://www.pixsk.net/pboard/index.php?topic=628.0)

:25: เอาอีกๆ

อ้างคำพูดจาก: iannnnn เมื่อ 09 ธ.ค. 2010, 15:44 น.
:25: เอาอีกๆ

เหมือนเว็บฟอนต์เลย  :25: :25:

น้ำตาไหลพรากด้วยความปลาบปลื้ม  :4705:


เนื้อหาสาระดีๆ
ได้เอามาใช้งานแล้วด้วยค่ะ  :46:

 :46: ขอบคุณมากครับ ได้ประโยชน์มากมายจริงๆ

อ้างคำพูดจาก: iannnnn เมื่อ 09 ธ.ค. 2010, 15:44 น.
:25: เอาอีกๆ

28. ใช้ อัญประกาศ ให้ถูกรูปแบบ

ระวังการใช้ อัญประกาศ หรือ Quotation Mark ทั้งเดี่ยวและคู่ อย่าใช้สับกันกับเครื่องหมาย นิ้ว (") และ ฟุต (')
ส่วนประโยคภาษาอังกฤษ หากมี , คอมม่า หรือ . ฟูลสต็อป ให้วางก่อนปิดเครื่องหมายอัญประกาศ

(http://img3.f0nt.com/09/ed1719ecf8efc68fdd193a4f64403e23.jpg)

29. เศษส่วนที่สวยงาม

บางครั้งเมื่อต้องพิมพ์เศษส่วน เช่น ตำราอาหาร การใช้ฟีเจอร์ของ Opentype จะทำให้เศษส่วน สวยงามขึ้น
** เฉพาะฟอนต์ที่ให้ฟีเจอร์นี้มาด้วยเท่านั้น

(http://img3.f0nt.com/09/3e755c8ef25e3ae563bb64fadf633105.jpg)

จะเข้าข้อ 30 แล้ว 555+  :35: :35: :35: :35:

ใครมีอะไรอยากแนะนำบ้างนิ

30. ใช้จุดไข่ปลา จริงๆ

บางทีเรามักจะกดแป้น จุด จุด จุด ... เพราะแป้นเราไม่มี จุดไข่ปลา ... (Ellipsis) นี่หว่า
ใจเย็นๆ เรามีทางเลือกให้ท่าน อิอิ แค่กด Alt+0133 (วินโดว์ส) หรือ Option+; (แมค)
ก็จะได้จุดไข่ปลาแบบออริจินัล สมใจ

แต่ฟอนต์ โอเพ่นไทป์ หลายฟอนต์ใส่ฟังก์ชั่นมาเพื่อให้เปลี่ยนได้เอง เราจึงไม่ต้องกังวล
หลายโปรแกรมเราก็สามารถตั้งค่าเปลี่ยนอัตโนมัติได้

(http://img3.f0nt.com/09/093df117e5ddc453f0008c4937b846ae.jpg)

ฮ้าาาา :07:

โฮ้ววว  :07:

ข้อหลังๆ นี่เป็นแนวๆ ทิปเพิ่มความงามนะครับ
ผมขอเสนอว่า มันมีฟอนต์บางฟอนต์ โปรแกรมบางโปรแกรม ที่รองรับความสามารถพวกนี แล้วงานจะสวยขึ้นจ้ะ

อ้างคำพูดจาก: iannnnn เมื่อ 10 ธ.ค. 2010, 01:34 น.
ข้อหลังๆ นี่เป็นแนวๆ ทิปเพิ่มความงามนะครับ
ผมขอเสนอว่า มันมีฟอนต์บางฟอนต์ โปรแกรมบางโปรแกรม ที่รองรับความสามารถพวกนี แล้วงานจะสวยขึ้นจ้ะ

กด Like  :27:

(http://s3.amazonaws.com/data.tumblr.com/koBJdk6EOoujtzmfS2prREk6o1_1280.jpg?AWSAccessKeyId=0RYTHV9YYQ4W5Q3HQMG2&Expires=1292052148&Signature=RYWM5W3YVREaOqHIPxH405//Vt0%3D)

31. ไม่ใช้เครื่องหมายวงเล็บ ( ) [ ] { } เป็นตัวเอียง

(http://cdn.ilovetypography.com/img/italic-brackets1.gif)

Today's Type Tip is from Bringhurst's The Elements of Typographic Style,
where he suggests using the roman or upright version of parentheses and square brackets,
even if the text itself is set in italic.

อันนี้เห็นในหนังสือฝรั่ง ซึ่งก็ไม่แน่ใจว่าพอมันเอามาใช้กับภาษาไทยแล้วมันจะเวิร์คมั้ยเนี่ย มาเซ็ตเป็นตัวๆ ก็ตายนะ 555+
เอาเป็นว่า ถ้าข้อความไม่ยาวมาก หรือใช้เป็นพาดหัวก็ลองเอามาปรับใช้กันได้ (จุกจิกเกินไปเนาะ จะเอามาลงทำไมเนี่ย)
ทั้งนี้ หลายๆ ฟอนต์ก็ออกแบบเครื่องหมายกลุ่มนี้ให้ไม่เอียงมาก ก็พิจารณาตามความเหมาะสมเด้อพี่น้อง

(http://img3.f0nt.com/10/9996c29772740124487f0dda7fde126c.jpg)

ที่มา : (http://chromaagency.com/blog/wp-content/uploads/2008/04/elements-of-typographic-style.gif)

ฟอนต์ตัวอย่างนั่น is เท่ กว่าโดมอีก  :25:

อ้างคำพูดจาก: itemsafety เมื่อ 28 พ.ย. 2010, 01:52 น.
23. เลือกสีตัวอักษรและพื้นหลังอย่างเหมาะสม

โปรดระวังสิ่งต่อไปนี้ เพราะจะทำให้ข้อความของคุณไม่น่าสนใจ
  1 การพิมพ์ข้อความเยอะๆ ด้วยสีที่ฉูดฉาดตัดกับฉากหลังที่ฉูดฉาดไม่แพ้กัน
  2 พิมพ์ข้อความด้วยสีที่กลืนกับพื้นหลัง จนแยกลำบาก

(http://parse.howdesign.com/wp-content/uploads/2010/05/colorContrast.gif)

(http://img3.f0nt.com/29/a4bf3eddd7f3e7eb79ecb2567880548a.jpg)

ในรูปที่ยกมา คุณอาจจะยังพออ่านได้ เพราะเป็นคำสั้นๆ เป็นแค่ตัวดิสเพลย์ อาจจะยังดูสวยเก๋
แต่ถ้าเป็นข้อความยาวๆ ฟอนต์ไซส์เล็กๆ นี่สิ คงอ่านยากน่าดู
และแน่นอนว่าใครก็คงจะไม่ทนอ่านจนจบแน่ๆ

Contrast-A ช่วยได้
รายละเอียด http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&marketplaceid=1&offeringid=10763 (http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&marketplaceid=1&offeringid=10763)

เป็น air app ที่เยี่ยมไปเลย

(http://dasplankton.com/blog/wp-content/uploads/2009/05/contrast-a_palette_newfeatures.jpg)

ทำไมคุยกันเรื่องฟอนต์ในเว็บของกิน  :07:

แถมตั้งสิบกว่าหน้าแล้วด้วย  :07:

 :30: :30:

ครูเกรียน  :30:

 :30:

 :30: :30:

 :30: :30: :30:

เพิ่งเข้ามาอ่าน มีประโยชน์มากครับสำหรับคนที่ทำสายงานเกี่ยวกับสิ่งพิมพ์  :12: :12:

อ้างคำพูดจาก: โก้ เมื่อ 20 ธ.ค. 2010, 16:09 น.
เพิ่งเข้ามาอ่าน มีประโยชน์มากครับสำหรับคนที่ทำสายงานเกี่ยวกับสิ่งพิมพ์  :12: :12:

เอาไปประยุกต์กับงานไม่ตีพิมพ์ก็ได้ครับ พวกดิจิทัลดอคคิวเมนท์
พวกโฆษณา และงานพวกบรอดคาสท์ - ทีวี

งานออกแบบเว็บด้วยค่ะ  :25: :25:

ตามบวก ตามอ่าน :25: :25: :25:

ความรู้ปึกมากๆ  :33:

กรี๊ดดดดดดดดดดดดดดดดดด

หลงรักเวปนี้เข้าแล้วสิ :22:

ขอบคุณมากครับ

สุดยอดมาก! ขอบคุณค่ะ

ไม่ได้กดเข้าห้องฟ๐นต์มาหลายเดือนครับ :25:

เพิ่งเห็นเหมือนกัน อ่านแล้วแทบน้ำตาไหล  :05:
เรียนก็เรียนมาแล้ว แต่ยังไม่ได้ครึ่งของจู๋นี่เลย   :46:

วันนี้เข้างานแปดโมงครึ่งเริ่มนั่งอ่านตั้งแต่นั้นมา มารู้ตัวอีกที
ใกล้จะเข้าประชุมแล้ว :09:

อ่านเพลินจริงๆ ล้ำเลิศกลเม็ดผู้ดีไทโป
ขอปักหมุดไว้ คิดว่าว่าเร็วๆนี้ ได้กลับมาค้นอีกแน่ๆ

+เจ้าของกระจู๋เจ้าา
ขอบคุณคร้าบ :12: :46:

เรียน คุณitemsafty ครับ
ผม pps ครับ เพิ่งสมัครเข้ามาเป็นสาวกได้ไม่นาน เพราะว่าได้อ่านบทความของคุณในกระจู๋นี้แล้ว
พออ่านเสร็จ ผมถึงกับต้องรีบเซฟหน้าเก็บไว้อ่านเลยทีเดียว แต่ไอ้ครั้นจะเซฟไว้คนเดียวก็กระไรอยู่
ผมจึงมีความคิดที่จะนำความรู้ที่คุณได้โพสต์ไว้ในกระจู๋นี้ นำไปจัดทำเป็น E-BOOK ในรูปแแบบ PDF เพื่อนำไปเผยแพร่ต่อให้กับเพื่อนๆ
หรือคนอื่นๆ ที่สนใจใคร่รู้เกี่ยวกับกราฟฟิคดีไซน์ จะได้รับประโยชน์โดยทั่วกันอย่างสะดวกๆ
และเพื่อไม่ให้เกิดความคลางแคลงใจกันทั้งฟอรั่ม และระหว่างคุณitemsaftyกับผม
และยืนยันว่า่ผมต้องการนำไปเผยแพร่ต่อๆกันไปให้มากที่สุด

ผมจึงมีเงื่อนไขกับโปรเจกท์นี้แค่ 3 ข้อ คือ

1.คุณ itemsafty จะเป็นผู้เขียนงานนี้เท่านั้นซึ่งมีเครดิตเต็มๆ  โดยมีผมเป็นผู้เรียบเรียง ออกแบบหน้า และเพิ่มเติมข้อมูลให้แน่นยิ่งขึ้นและให้เหามะสมสำหรับนักออกแบบกราฟฟิคมือใหม่ที่อยากรู้เรื่องในระดับพื้นฐานเท่านั้น (ผมไม่เขียนชื่อผมลงไปปนแน่ๆ เพราะมันจะน่าเกลียดเกินกว่าใครจะรับได้)


2.ผลงานจะเผยแพร่เป็นอีบุ๊คที่สามารถให้ทุกคนสามารถดาวน์โหลดได้ฟรี ไม่เสียค่าใช้จ่ายอะไรทั้งสิ้น (อาจจะเป็น issuu.com)

3.ผมไม่มีส่วนได้เสียอะไรกับบทความนี้ (พูดง่ายๆ ก็คือ ผมไม่ได้ตังค์ซักกะบาท) และยินดีน้อมรับคำติชมเสมอ หวังแค่ว่าข้อมูลที่คุณเขียนจะได้ออกไปสู่วงกว้างที่กว้างที่สุด และเป็นประโยชน์ต่อวงการนี้ โดยเฉพาะมือใหม่ๆ ที่เพิ่งจะรู้ตัวว่าชอบงานด้านนี้ จะไำด้มีความรู้พื้นฐานเอาไว้ใช้ประโยชน์ได้ งานนี้ไม่ได้เอากำไร แต่ใจรักครับ :46:

จุดประสงค์ที่เป็นผลพลอยได้ของการทำโปรเจกท์นี้ก็คือ ผมกำลังทำ port เก็บสะสมไว้ครับ (ย้ำอีกครั้งว่า ผมเป็นแค่คนเรียบเรียงใหม่ เสริมข้อมูล และออกแบบรูปเล่มให้น่าอ่านเท่านั้น ไม่ใช่คนเขียน) แต่ไหนๆ แล้ว port ที่ผมจะทำก็ควรจะเป็นประโยชน์ต่อส่วนรวมหน่อย  ถ้าคุณ itemsafty อนุญาตให้ผมสามารถทำได้ ก็จะใช้เวลาไม่เกินหนึ่งเดือนหรือหนึ่งเดือนครึ่งในการทำ และแน่นอนว่าจะนำมาโพสต์ในฟอนต์ฟอรั่มเป็นที่แรก แต่ถ้าไม่อนุญาตด้วยเหตุผลประการใดๆ ก็ตาม ช่วยชี้แจงให้ผมทราบในกระจู๋นี้ด้วยนะครับ และหลังจากนั้น ผมก็ไม่จำเป็นจะต้องตื้อ ฝืน หรือแอบเอาไปทำเองโดยไม่บอกกล่าวโดยเด็ดขาด

ผมกำลังรอคำตอบด้วยใจหวังครับ
pps

ปล. ถ้ามีอะไรสงสัยขอให้ถามผมได้ทุกเมื่อเลยนะครับ ที่ฟอรั่ม หรือที่ Prapakarn707@gmail.com ไม่เกิน 24 ชั่วโมงได้ทราบคำตอบแน่นอนครับ!

ผมขออะไรเพิ่มได้ไหมครับ
พอทำเป็นอีบุ๊กเสร็จแล้วผมขอลิงก์ด้วย
จะได้เอามาแปะในหน้าแรกของเว็บให้คนได้อ่านกันเยอะๆ ครับ :12:


อยากเห็นตอนมันออกมาเป็นรูปเล่มสวยๆ จัง :25:

เอาเลย ๆ ๆ ๆ ๆ  :07:

เยี่ยมเลยค่ะ :12:

เพิ่งมาเห็น ... 55555+
ยังไงแล้ว ถ้ารวมรวมมาผมขอตรวจทานเนื้อหาก่อนได้ไหมครับ
อยากให้มันออกมา สมบูรณ์ที่สุดนะครับ อยากอันไหนที่อ่านแล้วงง หรือใช้ภาษาไม่ถูก
จะได้ปรับแก้ให้นะครับ และก็ใส่ Reference ที่ตรงกับที่มาจริงๆ เพราะผมแค่แปลครับ
และบางส่วนก็เป็นเทคนิคจากประสบการณ์
ยังไม่ได้รับการเรียบเรียงและจัดสำดับความสำคัญเลยครับ
ลองมาช่วยกันระดมความคิดสิครับ

คุณงามความดีขอมอบเพื่อเยาวชน และผู้ศึกษาศาสตร์นี้ทุกคนครับ
ขอให้คุณ ที่คิดจัดทำสิ่งดีๆ มีกำลังใจทำโครงการนี้ให้สำเร็จลุล่วงครับ

ส่งเมลมาได้ที่ cheerlab(a)gmailดอทcom นะครับ

ความจริงเนื้อหาที่คุณเขียนก็กระชับดีอยู่แล้วละครับ
ผมไม่กล้าไปแตะเนื้อหามาก นอกจากทำการพิสูจน์อักษรเฉยๆ
แล้วก็เพิ่มกราฟฟิคให้ (คิดว่าน่าจะ) เข้าใจง่าย สื่อสารตรงๆ
ไม่เรียบง่ายก็ประชดประชันไปเลย แล้วก็ตั้งชื่อบางตอนให้ดูน่ารักๆ บ้างก็กวนๆ
จะได้ดึงดูด (พูดง่ายๆ ก็คือให้มันดู Catchy นั่นแหละครับ)  :22:

ส่วนเรื่อง Reference นั้น ผมเอามาจากที่คุณเขียนไว้หน้าแรก
ใส่รวมไว้หน้าสุดท้ายแล้วครับ แต่ถ้ามีเพิ่มยังไำง ก็ช่วยส่งมาก็แล้วกันครับ
จะได้เอารวมกัน แล้วก็ระบุหน้าไำว้ตอนท้าย และบางข้อที่คุณเขียนไว้
ผมก็เคยทราบมาบ้าง เช่น เรื่องฟอนต์ทาโฮมาที่ใช้กันจนเกร่อมาก  :39:
ทั้งๆ ที่มันเป็นฟอนต์ที่กินหมึกเหลือเกิน แถมอ่านยากอีกต่างหาก
เขาทำทาโฮมา กับ MS Sans Serif ไว้อ่านตัวหนังสือบนหน้าเว็บต่างหาก
เพราะถ้าใช้ฟอนต์อื่น ตัวจะเล็กบางจนอ่านไม่ออก

ยังไงก็เสนอแนะมาได้เรื่อยๆ ก็แล้วกันครับ เพราะว่าไม่รู้จะทำเสร็จเมื่อไหรเหมือนกัน 555 :43:

ขอบคุณที่อนุญาตครับ ผมจะตั้งใจทำให้ดีที่สุด!!!  :like:

ปล. ผมจะตั้งชื่อใหม่ว่า The Untold Stories of Typography ชื่อนี้ดีมั้ยครับ...

:25:

อยากเห็นแล้วสิ :25:

พึ่งมาเห็นกระทู้นี้ รู้สึกมีหลายอย่างที่มีประโยชน์มากมายเลยครับ
ขอบพระคุณทุกท่านจริงๆค้าบบบบบ ^^

เชิญทำตามที่เห็นสมควรครับ

ให้กำลังใจห่างๆ

ขออนุญาตถามนิดนึงครับ
ไม่ทราบว่ายังมีเนื้อหาเพิ่มเติมอีกมั้ยครับ
จะได้รวมกันไปเลยทีเดียว
เพราะตอนนี้ก็ใกล้จะเสร็จสมบูรณ์แล้ว

(http://img3.f0nt.com/10/6169f82e26df8c892ba07514ff1dd9d0.jpg)

เรียงคำอ่านยากไปหน่อยไหมคะ
อ่านทีแรกงงไปเลย the of..
ต้องดึงรูปไปเปิดดูใหม่ถึงอ่านออก

อ่านว่า the untold stories of typography ครับ
ขอเล่าที่มาของชื่อเลยก็ได้ คือว่าตอนแรกๆ ที่ผมคิดจะทำเนี่ย
ผมคิดว่า น่าจะเป็นชื่ออารมณ์ประมาณ The Secret.... อะไรทำนองนี้
แต่พอคิดดูอีกที เอ๊ะ ไอ้ของพวกนี้ก็ไม่ใช่ว่าไม่มีใครไม่รู้เลยนี่หว่า
ก็ยังมีคนรู้บ้าง แต่ไม่มีใครใคร่บอกเท่านั้นเอง ก็เลยใช้คำว่า Untold ครับ
ทีนี้พอเป็นคำว่า Untold เนี่ย มันก็ไม่เชิงลึกลับซะทีเดียว
แต่คนส่วนใหญ่ก็อาจจะไม่รู้ไม่สังเกต ผมเลยออกแบบให้คำนี้ผลักไปอยู่ข้างหลัง
โดยเอาตัว t ของคำว่า Typography ไปซ้อนทับกัน โดยที่ตัวอักษรอื่นของคำว่า Un_old
จะเห็นได้แบบลางๆ ตามช่องไฟของคำว่า Typography ครับ
สังเกตว่าผมใช้สีคนละชุดสี ดำ-แดง สีดำคือคำข้างหลัง The Untold stories
และสีแดงซึ่งอยู่ด้านหน้าคือ of Typography ซึ่งผมออกแบบทั้งสองชุดคำนี้ให้มีคนละขนาดกัน

ถ้าให้อ่านชื่อจากหน้าปกเลยเนี่ย ก็อ่านยากอยู่แล้วละครับ
(เข้าใจว่ารูปคงใหญ่ไปด้วยละครับเลยไม่เห็นคอมโพสทั้งหมด)
แต่ถ้าพลิกเข้าไปข้างใน ผมก็เขียนบอกไว้ชัดเจนครับ
ส่วนหน้าปกเนี่ยมันเป็น Conceptual คิดมากเกินไปล้วนๆครับ :35: :43:

ลงรูปปกให้ดูใหม่ครับ จะได้เห็นชัดๆ
(http://img3.f0nt.com/11/4005d6a847aa3fd51fd4f3fa47a0b1b7.gif)

คือเข้าใจคอนเซปต์นะคะ แล้วก็ชอบด้วย แต่ยังไงดี..
มันน่าจะเนี้ยบกว่านี้ได้ เอ้อ พูดไม่ถูกแฮะ ยังนึกแบบที่เป็นรูปธรรมไม่ออก
เอาเป็นว่า เป็นแค่หนึ่งความเห็นละกันค่ะ
รอหลายๆ ความเห็นเดี๋ยวก็จ๊าบเป๊ะฮะ :12:

ตอนนี้นํ้าหนักมันเท่าๆกันไปหรือเปล่าครับ ในส่วนของ Type Setting ก้อนหลัก  :53:

ก็ ตั้งใจจะให้มันซ้อนกันด้วยละครับ เป็นคอนเซปท์ที่ว่ามัน Untold
ไม่ลึกลับ แต่อาจจะต้องสังเกตหน่อย ก็เลยใช้ตัวอักษรน้ำหน้ักเท่ากันมาซ้อนกัน
(แต่ใช้คนละชุดสีแบ่งประโยคกันสีละครึ่งประโยค)
แล้วสังเกตต่อนะครับว่า ผมเน้นคำว่า Typography ด้วยไงครับ
เพราะเป็นเนื้อหาหลักในเล่ม
ก็จะลองพยายามปรับปรุงดูแล้วกันครับ เพราะว่าผมก็ต้องการให้มันดีที่สุดครับ   :22:

 :55: แตกหน่อออกมาดีมั้ย

มือใหม่ขอคารวะ :46:

โอโห้ อยู่ในกะลาตั้งนานนะครับเนี้ยยยยยยยย

อยากอ่าน E-book เร็วๆจังเลยค่ะ
ตรงคำว่า told นี่เห็นครั้งแรกก็อ่านไม่ออกจริงๆนะคะ
มันเกิดความรู้สึกว่า อะไรอ่ะอ่านไม่ออก แต่ก็ไม่ติดใจอะไรมาก
เพราะก็เข้าใจได้ว่าเป็นเรื่องเกี่ยวกับ typography

ไร้สาระอีกะบุกไรเนี่ย สู้ทำบทความหน้าเว็บให้ ชาวโลกแชร์ เสริทเอนเจ้นดูด ไว้ดีกว่า
ขอบคุณสำหรับเนื้อหากระจู๋ทรงฤทธานุภาพนี้ด้วยครับ (http://www.f0nt.com/forum/Themes/iannnnn12/images/bbc/sup.gif)