เทคนิคจัดวางข้อความบนเว็บไซต์

เทคนิคจัดวางข้อความบนเว็บไซต์



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

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

1.จัดวางตรงกลาง

www.rumulti.com
www.rumulti.com


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

 

2.ข้อความกราฟิก

www/wonderthebook.com
www/wonderthebook.com


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


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

 

3.ข้อความผสมภาพจริง

www.artempivovarov.com
www.artempivovarov.com


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

 

4.Negative space

www.roninamsterdam.com
www.roninamsterdam.com


Negative space
 นั้นคือพื้นที่ว่าง สำหรับตัวอักษรก็มีพื้นที่ว่างเช่นเดียวกันกับรูปทรงทั่วไป ให้ลองหาตัวอักษรที่สื่อความหมายของเว็บไซต์เราให้ได้ เช่น ตัวอักษรตัวแรกของชื่อเว็บไซต์ และนำรูปภาพมาวางเอาไว้บนตัวอักษร จุดสำคัญของเทคนิคนี้คือตัวอักษรที่จะนำมาใช้งานควรจะเป็นตัวหนา (Bold) เพราะจะทำให้มีพื้นที่ในการวางภาพได้มากขึ้นและโดดเด่นขึ้นนั้นเอง

 

5. Crop and cut

www.giampierocruceli.com
www.giampierocruceli.com


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

 

6.โยกย้าย

www.biooilitalia.it
www.biooilitalia.it


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




ที่มา: grappik.com

โดย :
 2218
ผู้เข้าชม

บทความที่เกี่ยวข้อง

ถ้าเรามัวชะล่าใจ ปล่อยเว็บไซต์เอาไว้โดยไม่สนใจอะไรเลย กว่าจะรู้ตัว ธุรกิจของเราอาจจะพังไม่เป็นท่าไปแล้วก็ได้ ซึ่งนี่คือ 5 สัญญาณเตือนที่บอกว่าเว็บไซต์ของเรา ถึงคราวต้องปรับปรุงเสียที รีบเช็กให้ชัวร์กันก่อนเลยดีกว่า ว่าเราพลาดข้อไหนบ้าง
เทคโนโลยีที่เปลี่ยนแปลงไป ทำให้นักการตลาดต้องปรับตัวให้ทัน ซึ่งในปี 2020 นี้ เทคโนโลยียังคงมีการเปลี่ยนแปลงไปอย่างรวดเร็ว จึงได้มีการคาดการณ์เทรนด์ SEO ที่จะเกิดขึ้นในปีหน้าว่ามีอะไรที่น่าสนใจบ้าง
เมื่อต้นเดือนที่ผ่านมาเราก็คงได้ยินแพลตฟอร์มยอดฮิตอย่าง YouTube ได้ออกมาประกาศข่าวดีว่าได้เพิ่มฟีเจอร์ใหม่อย่าง YouTube Messages ที่จะทำให้เราสามารถดูวิดีโอและแชตคุยได้พร้อมๆ กันในเวอร์ชันเว็บบนเดสก์ท็อปแล้ว โดยก่อนหน้านั้นเมื่อประมาณปีที่แล้วเราก็ได้ใช้งานฟีเจอร์นี้บนสมาร์ทโฟน เวลาก็ผ่านมาย่อมมีการเปลี่ยนแปลงเกิดขึ้น ทีมพัฒนา YouTube ก็ได้ทำการพัฒนาจนเราใช้งานบนเดสก์ท็อปได้ ฉะนั้นวันนี้ทางทีม Web Development จะพาไปดูฟีเจอร์นี้เป็นอย่างไรบ้าง

Feature SoGoodWeb

SoGoodWeb มีระบบรับชำระเงินแบบใหม่ผ่าน Pay Solution รองรับทุกธนาคารชั้นนำ ทำให้การจ่ายเงินผ่านช่องทางออนไลน์เป็นเรื่องง่าย ช่วยให้ลูกค้าจ่ายเงินออนไลน์ได้อย่างสะดวก
LINE Notify คือ บริการที่คุณสามารถได้รับข้อความแจ้งเตือนจากเว็บเซอร์วิสต่างๆ ที่คุณสนใจได้ทาง LINE โดยหลังเสร็จสิ้นการเชื่อมต่อกับทางเว็บเซอร์วิสแล้ว คุณจะได้รับการแจ้งเตือนจากบัญชีทางการของ “LINE Notify” ซึ่งให้บริการโดย LINE นั่นเอง
เหมาะสำหรับลูกค้าที่เปิดธุรกิจทัวร์ - ทัวร์ท่องเที่ยว ทั้งที่เป็นเจ้าของเอง หรือเป็นรายย่อย เป็นระบบจองทัวร์ ที่ช่วยทำให้การจัดการธุรกิจทัวร์ - ทัวร์ท่องเที่ยว ให้เป็นเรื่องง่าย
สร้างเว็บไซต์สำเร็จรูปฟรี ร้านค้าออนไลน์