25 เว็บแจ่มที่ออกแบบจัดวางตัวอักษรได้สวยเช้ง

25 เว็บแจ่มที่ออกแบบจัดวางตัวอักษรได้สวยเช้ง

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

เอ๊ะนี่มันฟอนต์อะไร บางคนดูเว็บแล้วยังไม่เข้าใจ

เอ๊ะนี่มันฟอนต์อะไร บางคนดูเว็บแล้วยังไม่เข้าใจ

หลายครั้งพอคลิกเข้าเว็บต่างๆ แล้วเราจะเห็นว่าเอิ้ว เขาดีไซน์ด้วยการใส่ฟอนต์แปลกๆ ลงไป (ไม่ใช่ในภาพนะครับ หมายถึงฟอนต์ที่เป็นตัวฟอนต์จริงๆ เลย ด้วยเทคนิควิชา CSS ที่ชื่อ @font-face ) บางทีเราอยากรู้ว่านั่นมันคือฟอนต์อะไรหนอ? คราวนี้เราเลยมีเครื่องมือมาฝากครับ กรุณาจิ้มเบาๆ: WhatFont Tool

FT Meuang

FT Meuang

FT ย่อมาจากคำว่า “Fine Tune” ซึ่งคุณปริญญา โรจอารยานนท์ แห่ง “ดีบี ดีไซน์” ปรมาจารย์ด้านการออกแบบตัวพิมพ์แถวหน้าและผู้บุกเบิกวงการดิจิทัลฟอนต์ของไทย เป็นผู้ตั้งนามนี้ให้ ด้วยเจตนารมณ์ที่จะให้ทั้งผู้ตัวสร้างสรรค์และผลงานการสร้างสรรค์ตัวพิมพ์ตระกูล FT มีความหมายและผลลัพธ์เฉกเช่นนามที่ให้ไว้ คือ “การปรับแต่งอย่างละเอียด” อันเป็นถือเป็นเคล็ดวิชาหรือหัวใจที่สำคัญสำหรับการออกแบบตัวพิมพ์ ฟอนต์ชุด FT Meuang (เอฟที เมือง) แบบตัวพิมพ์ไทย-โรมัน 16 Typestyles สไตล์เลขนศิลป์ล้านนา แจกให้ใช้ฟรีโดย FT Font

รวมงาน Typography ฝรั่งโบราณๆ สวยๆ

รวมงาน Typography ฝรั่งโบราณๆ สวยๆ

เจองาน Typography ย้อนยุคของฝรั่งมาครับ เล่นกับตัวอักษรได้วิจิตรหยดย้อยดี เลยเอาตัวอย่างงานมาให้ชิมก่อนสามชิ้น ตามไปดูได้ที่: 50 Great Examples Of Vintage Typography [topdesignmag.com]

ชวนมาเล่นเกม “ดัดอักษร” เพลินๆ ครับ

ชวนมาเล่นเกม “ดัดอักษร” เพลินๆ ครับ

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

Book เอกเขนก

Book เอกเขนก

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

2554 ed_crub Artnarong

2554 ed_crub Artnarong

“2554 ed_crub Artnarong” เป็นฟอนต์ตัวที่สองครับ เอกลักษณ์ คือ เส้นบนตัดตรง หัวกลมแต่ตัดขาดไม่เชื่อมกัน ขลิบปลาย…. (อุ๊ย หวาดเสียว) ฟอนต์ 2554 ed_crub Artnarong เหมาะกับการเป็นข้อความ(รีเปล่า) อาจเป็นตัวดิสเพลย์ได้บ้าง (เหรอ) ลองๆ กันดูแล้วกันครับ :P เอาเป็นว่า **โปรดใช้วิจารณญาณในการเลือกฟอนต์** ตามนั้นครับ

Layiji มหานิยม เบา 1.2

Layiji มหานิยม เบา 1.2

ฟอนต์ตัวนี้เป็นฟอนต์ที่ปรับปรุงมาจาก Layiji มหานิยม เบา รุ่น 1.0 และ 1.1 ครับ สำหรับผู้ที่ต้องการใช้รุ่นเก่าก็ตามไปโหลดได้เลย แต่ตัวนี้ปรับรุ่นพัฒนาอะไรข้างในพร้อมปรับดีไซน์ใหม่อีกหน่อย มีอะไรบ้างลองดูกันนะ

RD CHULAJARUEK Regular

RD CHULAJARUEK Regular

RD CHULAJARUEK 1.02 ฟอนต์ตัวนี้เป็นฟอนต์ตัวแรกในชีวิตของเจ้าของฟอนต์ครับ รูปแบบฟอนต์ได้รับแรงบันดาลใจมาจากโปรแกรม CU-WRITER หรือที่เราเรียกกันติดปากว่า “CW” นั่นเอง เป็นโปรแกรม Word Processor ที่รันบนระบบปฏิบัติการ DOS เมื่อสมัยที่เรายังใช้ CPU ความเร็วแค่ 44 MHz และใช้แรมแค่ 4 MB นั่นแหละครับ แรกเริ่มเดิมทีมันเลยชื่อว่า REROYD MONOTYPE CW CLONE ก่อนจะเปลี่ยนมาเป็นชื่อ RD CHULAJARUEK ตามชื่อภาษาไทยของตัวโปรแกรม CU-WRITER นั่นเอง

เป็น อยู่ คือ : อนุทิน วงศ์สรรคกร

เป็น อยู่ คือ : อนุทิน วงศ์สรรคกร

เทปบันทึกภาพรายการ “เป็น อยู่ คือ” ออกอากาศทางสถานี ไทยพีบีเอส เมื่อวันเสาร์ที่ 3 กันยายน 2544 เนื้อหาที่ถูกนำมาออกอากาศเป็นบางส่วนจากการสนทนากับ อนุทิน วงศ์สรรคกร นักออกแบบตัวอักษร และนักจัดวางตัวอักษรของไทย ลองมาดูและฟังทัศนคติของคุณอนุทิน แห่งคัดสรรดีมากกันครับ รายการถ่ายทำ ตัดต่อและคัดเลือกคำถามได้ดีมากๆ ครับ โดยเฉพาะ อ.อนุทิน ที่นอกจากจะให้ความรู้เรื่องการออกแบบตัวอักษรแบบไม่กั๊กแล้ว ยังช่วยขยายทัศนคติของนักออกแบบ ไม่ใช่แค่ออกแบบตัวอักษรนะ-แต่เป็นนักออกแบบทุกแขนงเลยล่ะ-ที่สำคัญฟังแล้วฮึกเหิมสุดๆ เลยครับ

KC Leftovers Plus

KC Leftovers Plus

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

ที่มาที่ไปของแต่ละฟอนต์ DB สำหรับแฟนๆ ครับ

ที่มาที่ไปของแต่ละฟอนต์ DB สำหรับแฟนๆ ครับ

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

The Untold stories of Typography

The Untold stories of Typography

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

Google Web Fonts โฉมใหม่ น่าใช้ขึ้น!

Google Web Fonts โฉมใหม่ น่าใช้ขึ้น!

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