How to การเลือกฟอนต์บนเว็บไซต์ ให้โดนใจคนอ่าน แบบไม่หลุดตีม Artwork

How to การเลือกฟอนต์บนเว็บไซต์ ให้โดนใจคนอ่าน แบบไม่หลุดตีม Artwork

13 ต.ค. 2564   ผู้เข้าชม 966

เขียนเว็บไซต์ว่ายากแล้วแต่จะออกแบบเว็บไซต์ยังไงให้ดึดดึงใจผู้เข้าชมตั้งแต่ครั้งแรกที่เห็นรับรองว่ายากกว่าแน่นอน ขอรับประกันว่าหลังจากที่อ่านคู่มือ How to การเลือกใช้ฟอนต์บนเว็บไซต์ ที่ Webfaster.online ได้รวบรวมมาให้ทุกคนในวันนี้แล้ว ทุกคนจะสามารถตอบทุกปัญหาที่ค้างคาใจได้อย่างแน่นอน ไม่แน่นะเพื่อนๆ อาจจะมีไอเดียเจ๋งๆ เพื่อไปต่อยอดในงาน Artwork ต่อๆ ไปด้วยก็ได้ อย่ารอช้าเลื่อนลงไปอ่านกันได้เลย !

How to เลือกใช้ฟอนต์ให้ซัพพอร์ทกับงานออกแบบ

การเลือกใช้ฟอนต์ให้เหมาะสมกับงานออกแบบเป็นปัญจัยที่สำคัญที่ไม่สามารถมองข้ามได้ เพราะฟอนต์สามารถแสดงความรู้สึกออกมาได้ผ่านตัวหนังสือ ไม่ว่าเนื้อหาบนเว็บไซต์จะเยอะแค่ไหนตัวหนังสือที่โดดเด่นนี่แหละจะทำให้พวกเขาติดตามเว็บไซต์ของเราต่อไปจนจบแบบไม่สะดุด แค่ทำตาม Tips and Tricks นี้ Webfaster.online ขอประกันความปังที่จะปรากฎอยู่บน Artwork ของเพื่อนๆ

1. การกำหนดทิศทางงานออกแบบ (Set The Mood)

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

1.1. ฟอนต์ไทยไม่มีหัว

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

1.2. ฟอนต์แบบประดิษฐ์

ยกตัวอย่างเช่น Chonburi และ Pattaya ที่มีลักษณะคล้ายกับตัวอักษรแบบ Display ในภาษาอังกฤษ เป็นฟอนต์ที่สื่ออารมณ์ไปในทิศทางเพื่อเรียกร้องความสนใจและให้ความรู้สึกที่หลากหลาย เว็บไซต์ที่นิยมใช้ฟอนต์ประเภทนี้จะจำพวกไปด้วย เว็บไซต์อาหารและเครื่องดื่ม, เว็บไซต์ที่เกี่ยวข้องกับอาหารเสริม และเว็บไซต์การท่องเที่ยว เป็นต้น

1.3. ฟอนต์แบบคัดลายมือ

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

2. สร้างความโดดเด่นให้กับฟอนต์

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

  • 2.1. จัดลำดับความสำคัญของการเลือกใช้ฟอนต์ อยากให้คนดูเห็นอะไรเป็นสิ่งแรกต้องเน้นย้ำด้วยขนาดที่ใหญ่ หนา และเด่นกว่าข้อความที่รองลงมาเสมอ
  • 2.2. เลือกจับคู่ฟอนต์ที่จะให้โดดเด่นรองลงมาจากฟอนต์หลักและจับคู่ฟอนต์ที่มีรูปแบบหรือสไตล์ที่ใกล้เคียงกัน
  • 2.3. ห้ามยืดฟอนต์เด็ดขาด ! เพราะฟอนต์ถูกออกแบบให้มีสัดส่วนและขนาดที่เหมาะสมกับการใช้งานแล้ว
  • 2.4. จัดกลุ่มข้อความตามหัวข้อหรือตามลำดับความสำคัญ เพื่อความเป็นระเบียบและให้ง่ายต่อการอ่าน
  • 2.5. หลีกเลี่ยงการวางข้อความตามหัวมุมของเว็บไซต์หรือมุมของหน้ากระดาษ เพราะจะทำให้ดูไม่น่าสนใจและให้ความรู้สึกอึดอัดแก่ผู้อ่าน
  • 2.6. ชั่งน้ำหนักการ Bold-Light ให้ดีเพราะน้ำหนักของฟอนต์นั้นมีผลต่อการออกแบบและส่งผลต่อความรู้สึกของผู้อ่านด้วยเช่นกัน

3. การจัดวางองค์ประกอบของ Artwork

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

 

เว็บไซต์ยอดนิยมที่แจกฟอนต์ไทยและอังกฤษ ฟรี!!

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

Google Font

เว็บไซต์ที่แจกฟอนต์แบบถูกลิขสิทธิ์และสามารถโหลดมาใช้ได้ฟรี มีฟอนต์ทั้งภาษาไทยและภาษาอังกฤษให้เลือกกว่า 1,000 แบบ

ดูหน้าเว็บไซต์: https://fonts.google.com

 

F0nt.com

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

ดูหน้าเว็บไซต์: https://www.f0nt.com

 

Behance

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

ดูหน้าเว็บไซต์: https://www.behance.net

 

รู้กันแล้วใช่ไหมเอ่ย? ว่าฟอนต์นั้นสำคัญต่อการสื่ออารมณ์ เพื่อให้ผู้อ่านเกิดความรู้สึกคล้อยตามสิ่งที่เราต้องการจะถ่ายทอดออกไปได้ด้วย ต่อจากนี้การเลือกใช้ฟอนต์ใน Artwork บนเว็บไซต์ก็คงไม่ใช่เรื่องอยากสำหรับเพื่อนๆ อีกต่อไปแล้วใช่ไหมคะ คราวหน้าถ้าอยากให้แอดมาแชร์ความรู้เรื่องอะไรอีกก็สามารถ Inbox เข้ากระซิบกันได้เลยน้า หรือถ้าใครสนใจที่จะทำเว็บไซต์หรือเขียนบทความ SEO ก็สามารถติดต่อเราได้เช่น Webfaster.online พร้อมยินดีให้บริการแบบ 100% เลยค่า


สาระน่ารู้ที่เกี่ยวข้อง

เว็บไซต์สำเร็จรูป ตัวช่วยใหม่ของธุรกิจ SMEs ในปัจจุบัน
08 มี.ค. 2564

เว็บไซต์สำเร็จรูป ตัวช่วยใหม่ของธุรกิจ SMEs ในปัจจุบัน

เทคนิคการทำเว็บไซต์
วางแผนออกแบบเว็บไซต์อย่างไร? ให้เหมาะกับธุรกิจของคุณ
05 ม.ค. 2564

วางแผนออกแบบเว็บไซต์อย่างไร? ให้เหมาะกับธุรกิจของคุณ

เทคนิคการทำเว็บไซต์
5 เหตุผล ที่คุณควร Redesign Website ก่อนปิดโอกาสสร้างยอดขาย
12 ต.ค. 2565

5 เหตุผล ที่คุณควร Redesign Website ก่อนปิดโอกาสสร้างยอดขาย

เทคนิคการทำเว็บไซต์