5 ฟอนต์ Sans-Serif เนียนเท่สำหรับประกอบเว็บ

5 ฟอนต์ Sans-Serif เนียนเท่สำหรับประกอบเว็บ

ฟอนต์สไตล์ Sans-Serif คือฟอนต์ที่ไม่มีเส้นปิดหัวปิดท้าย (ส่วน Serif ก็ตรงกันข้าม ถ้านึกภาพง่ายๆ ก็พวก Times New Roman นั่นแล) ซึ่ง ณ โอกาสนี้ก็เป็นฤกษ์งามยามดีที่ทาง woork เขารวบรวมฟอนต์ฝรั่งหน้าตาแบบนี้มาให้เราดาวน์โหลดไปสะสมกันถึง 5 แบบ ตามที่เห็นนี่แหละจ้ะ

ฟอนต์ฝรั่ง.. ขลังๆ เก่าๆ

ฟอนต์ฝรั่ง.. ขลังๆ เก่าๆ

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

ฟอนต์ดูดีมีถมไป เอามาใส่ในเว็บซะเลย

ฟอนต์ดูดีมีถมไป เอามาใส่ในเว็บซะเลย

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

30 แรงบันดาลใจงานไทโปแจ่มๆ

30 แรงบันดาลใจงานไทโปแจ่มๆ

มาอีกแล้วจ้ะ สำหรับคนรักงานออกแบบสไตล์ Typography คราวนี้ designm.ag เขารวบรวมเอางานออกแบบจัดวางที่ใช้ตัวอักษรเป็นพระเอกมาโชว์กันอีก 30 แบบ (เดี๋ยวนี้บล็อกไหนๆ ก็นิยมรวมฮิตกันเนอะ) แถมมีสองอันที่สไตล์พ้องกับปกฟ้อนสุดฯ เล่มเก้าเลยล่ะ (จ๊าก!!)

25 ฟอนต์ฝรั่งแนววิจิตรพิสดาร ฟรีอีกแล้วจ้ะ

25 ฟอนต์ฝรั่งแนววิจิตรพิสดาร ฟรีอีกแล้วจ้ะ

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

Beautiful Typographic Art

Beautiful Typographic Art

จริงๆ แล้วคุณ @mokin27 ส่งลิงก์ Beautiful Typographic Art นี้มาให้ตั้งแต่ต้นเดือนแล้วครับ แต่ผมเพิ่งนึกได้ ขออภัยเป็นอย่างแรง (//เปลี่ยนเรื่อง แว้บ) สำหรับความน่าสนใจของงานออกแบบกราฟิกแขนงนี้ก็คือ นักออกแบบเขานำเอาตัวอักษรอย่างที่เราๆ ท่านๆ เอามาพิมพ์รายงานหรือจดหมายลาป่วยกันนี่แหละครับ มาจัดวางอย่างมีชั้นเชิง จนออกมาเป็นงานศิลปะอีกสไตล์ที่ใช้ตัวอักษรเป็นพระเอก และสะดุดตา สะกดใจผู้ชมได้เป็นอย่างดี เอ้า ว่ากันมาเยอะแล้วก็คลิกเข้าไปชมกันเลยจ้ะ

30 โปสเตอร์โชว์พลัง Typography ล้วนๆ

30 โปสเตอร์โชว์พลัง Typography ล้วนๆ

เวลาเราได้รับโจทย์งานออกแบบกราฟิก สิ่งพิมพ์ หลายครั้งหลายคราที่เจ้าของงานดันไม่ส่งอะไรมาให้เลย มาแต่ข้อความ แต่ไม่มีภาพ! แล้วคนออกแบบจะทำยังไง หัวผุสิครับแบบนี้ ..แต่เดี๋ยวก่อน! ไหนๆ ก็ไหนๆ ทำไมไม่ลองเล่น Typography ออกแบบ จัดวาง ใส่ชีวิตชีวาให้งานด้วยตัวอักษรเพียวๆ กันดูสักตั้งจะเป็นไร! ว่าแล้วก็มาดู 30 โปสเตอร์เด็ดๆ ที่เขาใช้แค่ตัวอักษรเพียวๆ มาทำเป็นชิ้นงานสุดเจ๋ง ที่เห็นปั๊บก็สะดุดตา และซื้อใจไปเต็มๆ ไปดูต่อได้ที่: 30 Typography Posters That You’ve Probably Never Seen Before

ออกแบบเว็บที่มีฟอนต์หลายแบบ ทำยังไงไม่ให้เละ?

ออกแบบเว็บที่มีฟอนต์หลายแบบ ทำยังไงไม่ให้เละ?

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

ดูฟอนต์ในเครื่องผ่านเว็บ ไม่ต้องลงโปรแกรมเลยล่ะ!

ดูฟอนต์ในเครื่องผ่านเว็บ ไม่ต้องลงโปรแกรมเลยล่ะ!

ในแมคนั้นเขามีโปรแกรมที่ใช้พรีวิวและจัดการฟอนต์ชื่อว่า “Font Book” ครับ ซึ่งมีมากะ MacOS ตั้งแต่สมัยพระเจ้าเหาแล้ว ส่วนในวินโดวส์ก็ต้องไปหาโหลดโปรแกรมช่วยจัดการฟอนต์ (ซึ่งมีทั้งฟรีและเสียตังค์) มาช่วยดูตัวอย่างหน้าตาของฟอนต์ในเครื่อง ทีนี้อยู่ดีๆ วันนึง อีตา Jeremy Taylor ที่เป็นนักออกแบบและพัฒนาเว็บไซต์ เขาเกิดปิ๊งไอเดียขึ้นมาว่า เออหนอ ที่จริงเราน่าจะพรีวิวฟอนต์ในเครื่องโดยไม่ต้องมานั่งติดตั้ง พอคิดเสร็จตาคนนี้ก็เลยคลอดเว็บขึ้นมาครับ ชื่อว่า myFontbook.com ซึ่งเรียกตัวเองว่าเป็น A browser-based font viewer (ตัวดูฟอนต์ผ่านเบราว์เซอร์) .. น่าสนใจใช่ไหมล่ะ ถ้าสนใจก็อ่านต่อเลยเพ่!

65 ฟอนต์ฟรี เจ๋งตรงที่หน้าตาไม่ซ้ำกะชาวบ้าน

65 ฟอนต์ฟรี เจ๋งตรงที่หน้าตาไม่ซ้ำกะชาวบ้าน

หลายๆ ครั้งที่ผ่านมา เราจะนำเสนอ “ของดีต่างแดน” ที่เป็นการรวมฮิตฟอนต์นั้นฟอนต์นี้ของฝรั่ง ครั้งแล้วครั้งเล่า ส่วนมากจะเป็นแบบดูเรียบเนียบสวยและเป็นทางการมากๆ พอมาวันนึงฝรั่งเขาคงเบื่อครับ เลยมีรวมฟอนต์สไตล์ครีเอทีฟกันบ้าง ลองโหลดมาใช้ในงานออกแบบให้แปลกตาไม่ซ้ำใครก็เยี่ยมไปเลย! คลิกไปดูทั้ง 65 ฟอนต์ได้ที่ 1stwebdesigner.com จ้ะ ขอบคุณคุณ @mokin27 แนะนำบล็อกหน้านี้มาทางเราผ่านทวิตเตอร์จ้ะ (ใครมีอะไรดีๆ แบบนี้แนะนำเราได้นะ ชอบๆ)

ฟอนต์สวยเช้งหล่อเฟี้ยวจาก Smashing Magazine

ฟอนต์สวยเช้งหล่อเฟี้ยวจาก Smashing Magazine

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

สร้างฟอนต์ด้วยรถยนต์!

สร้างฟอนต์ด้วยรถยนต์!

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

17 Remarkably Professional Looking Free Fonts

17 Remarkably Professional Looking Free Fonts

Web Design Ledger ขอแนะนำ 17 ฟอนต์ฝรั่งหน้าตาดูดีมากๆ ขนาดที่ว่าแทบไม่น่าเชื่อว่าเขาจะปล่อยให้โหลดฟรีเลยละครับ ลองนำไปใช้ในงานออกแบบดูสิ แล้วจะสร้างความตื่นตะลึงให้แก่ผู้พบเห็นเป็นแน่แท้! (โดยส่วนตัวผมชอบฟอนต์ตระกูล Aller เอามากๆ ครับ ปัจจุบันก็เอามาใช้ในงานออกแบบหลายชิ้นละ ) ที่มา: Web Design Ledger

10 Interesting fonts for web designers

10 Interesting fonts for web designers

วันนี้ขอเสนอ 10 ฟอนต์ฟรีสำหรับออกแบบเว็บจ้ะ มีฟอนต์น่าสนใจตัวนึงคือ Twilight ที่ทำออกมาหน้าตาเหมือนหนังแวมไพร์เรื่องนั้นเด๊ะเลย! ที่มา: woork