เลือกใช้สีสำหรับเว็บไซต์
การเลือกใช้สีสันในเว็บเพจเป็นสิ่งที่สำคัญมากในการดึงดูดความสนใจของผู้ใช้ เนื่องจากสิ่งแรกที่ผู้ใช้มองเห็นจากเว็บก็คือสี ซึ่งเป็นสิ่งกำหนดบรรยากาศและความรู้สึกของเว็บไซต์
►ประโยชน์ของสีในเว็บไซต์ สามารถชักนำสายตาอ่านในไปยังข้อมูลได้
สามารถเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน สามารถแยกส่วนต่างๆออกจากกันได้ง่าย สามารถดึงดูดความสนใจของผู้อ่าน ช่วยสร้างระเบียบให้คับข้อความต่างๆ
►แม่สีขั้นต้นมี 3 สี สีแดง สีเหลือง สีน้ำเงิน
►การผสมสี(Color Mixing) มี 2แบบ
1.การผสมแบบบวก เป็นการผสมของแสง ไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ นำไปใช้กับ จอโปรเจคเตอณ์ ทีวี หรือจอมอนิเตอร์ 2.การผสมแบบลบ เป็นการผสมไม่เกี่ยวกับแสง แต่เกี่ยวกับการดูดกลืนและสะท้อนแสงของวัตถุต่างๆ การนำไปใช้งาน ภาพวาดของศิลปิน 1.การผสมแบบบวก เป็นการผสมของแสง ไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ นำไปใช้กับ จอโปรเจคเตอณ์ ทีวี หรือจอมอนิเตอร์ 2.การผสมแบบลบ เป็นการผสมไม่เกี่ยวกับแสง แต่เกี่ยวกับการดูดกลืนและสะท้อนแสงของวัตถุต่างๆ การนำไปใช้งาน ภาพวาดของศิลปิน
►วงล้อสี (Color wheel) เป็นรูปแบบหนึ่งในการจัดเรียงสีทั้งหมดไว้ในวงกลม และเป็นการจัดลำดับเฉดสีอย่างมีเหตุผลและง่ายต่อการนำไปใช้จะมี
►สีอ่อน สีเข้ม และโทนสี
ในการผสมสีกลางเข้าก้บสีบริสุทธ์จะเกิดเป็นสีต่างๆ จำนวนมาก เช่น สีบริสุทธิ์ผสมกับสีขาว จะได้เป็นสีอ่อน สีบริสุทธิ์ผสมสีเทา จะได้เป็นโทนสีระดับต่างๆ สีบริสุทธิ์กับสีดำจะได้เป็นสีเข็ม
►รูปแบบชุดสีสามารถจัดเป็นกลุ่มง่ายดังนี้
1.ชุดสีร้อนประกอบไปด้วยสีม่วงแกมแดง แดงแกมม่วง แดง ส้ม เหลือง และเขียวอมเหลือง สีเหล่านี้สร้างความอบอุ่น สบาย
2.ชุดสีเย็น ประกอบด้วยสีม่วง น้ำเงิน น้ำเงินอ่อน ฟ้า น้ำเงินแกมเขียว และสีเขียว ชุดสีเย็นให้ความรู้สึกเย็นสบาย ดูสุภาพ เรียบร้อย
3.ชุดสีแบบเดียว เป็นรูปแบบชุดสีที่ง่ายที่สุด คือมีค่าของสีบริสุทธิ์เพียงสีเดียว แต่งเพิ่มความหลากหลายโดยการเพื่มความเข็มอ่อนในระดับต่างๆ ชุดสีนี้จะค่อนข้างมีความกลมกลืนเห็นหนึ่งเดียว แต่งบางครั้งดูไม่มีชีวิตวีวา
4.ชุดสีแบบสามเส้า เป็นชุดสีที่อยู่มีมุมของสามเหลื่ยมด่านเท่าทั้งสาม ซึ่งเป็นสีที่มีระยะห่างในวงล้อสีเท่ากัน จึงมีความเข้ากันอย่างลงตัว
5.ชุดสีที่คล้ายคลึงกัน ประกอบด้วยสี 2 หรือ 3สีที่อยู่ติดกันในวงล้อ สามารถเพิ่มเป็น 4 หรือ5 สีก็ได้ แต่อาจส่งผลให้ขอบเขตของสีกว้างไป
6.ชุดสีตรงข้าม คือสีคู่ที่อยู่ตรงข้ามกันในว้อล้อ เมื่อนำสีทั้งสองมาใช้คู่กันจะทำให้สีทั้งสองมีความสว่างสดใส
7.ชุดสีตรงข้ามข้างเคียง เป็นชุดสีที่เปลี่ยนแปลงมาจากชุดสีตรงข้าม ชุดสีแบบนี้มีความสดใส สะดุดตา และเข้ากันของสีลดลงด้วย
8.ชุดสีตรงข้ามข้างเคียงทั้ง 2 ด้าน ดัดแปลงมาจากชุดสีตรงข้างเช่นกัน แต่สีตรงข้างทั้ง 2 สีถูกแบ่งแยกเป็นสีด้านข้างทั้ง 2 ด้าน จะมีความสดใส แต่ความกลมกลืนของสีลดลง
สามารถเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน สามารถแยกส่วนต่างๆออกจากกันได้ง่าย สามารถดึงดูดความสนใจของผู้อ่าน ช่วยสร้างระเบียบให้คับข้อความต่างๆ
►แม่สีขั้นต้นมี 3 สี สีแดง สีเหลือง สีน้ำเงิน
►การผสมสี(Color Mixing) มี 2แบบ
1.การผสมแบบบวก เป็นการผสมของแสง ไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ นำไปใช้กับ จอโปรเจคเตอณ์ ทีวี หรือจอมอนิเตอร์ 2.การผสมแบบลบ เป็นการผสมไม่เกี่ยวกับแสง แต่เกี่ยวกับการดูดกลืนและสะท้อนแสงของวัตถุต่างๆ การนำไปใช้งาน ภาพวาดของศิลปิน 1.การผสมแบบบวก เป็นการผสมของแสง ไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ นำไปใช้กับ จอโปรเจคเตอณ์ ทีวี หรือจอมอนิเตอร์ 2.การผสมแบบลบ เป็นการผสมไม่เกี่ยวกับแสง แต่เกี่ยวกับการดูดกลืนและสะท้อนแสงของวัตถุต่างๆ การนำไปใช้งาน ภาพวาดของศิลปิน
►วงล้อสี (Color wheel) เป็นรูปแบบหนึ่งในการจัดเรียงสีทั้งหมดไว้ในวงกลม และเป็นการจัดลำดับเฉดสีอย่างมีเหตุผลและง่ายต่อการนำไปใช้จะมี
►สีอ่อน สีเข้ม และโทนสี
ในการผสมสีกลางเข้าก้บสีบริสุทธ์จะเกิดเป็นสีต่างๆ จำนวนมาก เช่น สีบริสุทธิ์ผสมกับสีขาว จะได้เป็นสีอ่อน สีบริสุทธิ์ผสมสีเทา จะได้เป็นโทนสีระดับต่างๆ สีบริสุทธิ์กับสีดำจะได้เป็นสีเข็ม
►รูปแบบชุดสีสามารถจัดเป็นกลุ่มง่ายดังนี้
1.ชุดสีร้อนประกอบไปด้วยสีม่วงแกมแดง แดงแกมม่วง แดง ส้ม เหลือง และเขียวอมเหลือง สีเหล่านี้สร้างความอบอุ่น สบาย
2.ชุดสีเย็น ประกอบด้วยสีม่วง น้ำเงิน น้ำเงินอ่อน ฟ้า น้ำเงินแกมเขียว และสีเขียว ชุดสีเย็นให้ความรู้สึกเย็นสบาย ดูสุภาพ เรียบร้อย
3.ชุดสีแบบเดียว เป็นรูปแบบชุดสีที่ง่ายที่สุด คือมีค่าของสีบริสุทธิ์เพียงสีเดียว แต่งเพิ่มความหลากหลายโดยการเพื่มความเข็มอ่อนในระดับต่างๆ ชุดสีนี้จะค่อนข้างมีความกลมกลืนเห็นหนึ่งเดียว แต่งบางครั้งดูไม่มีชีวิตวีวา
4.ชุดสีแบบสามเส้า เป็นชุดสีที่อยู่มีมุมของสามเหลื่ยมด่านเท่าทั้งสาม ซึ่งเป็นสีที่มีระยะห่างในวงล้อสีเท่ากัน จึงมีความเข้ากันอย่างลงตัว
5.ชุดสีที่คล้ายคลึงกัน ประกอบด้วยสี 2 หรือ 3สีที่อยู่ติดกันในวงล้อ สามารถเพิ่มเป็น 4 หรือ5 สีก็ได้ แต่อาจส่งผลให้ขอบเขตของสีกว้างไป
6.ชุดสีตรงข้าม คือสีคู่ที่อยู่ตรงข้ามกันในว้อล้อ เมื่อนำสีทั้งสองมาใช้คู่กันจะทำให้สีทั้งสองมีความสว่างสดใส
7.ชุดสีตรงข้ามข้างเคียง เป็นชุดสีที่เปลี่ยนแปลงมาจากชุดสีตรงข้าม ชุดสีแบบนี้มีความสดใส สะดุดตา และเข้ากันของสีลดลงด้วย
8.ชุดสีตรงข้ามข้างเคียงทั้ง 2 ด้าน ดัดแปลงมาจากชุดสีตรงข้างเช่นกัน แต่สีตรงข้างทั้ง 2 สีถูกแบ่งแยกเป็นสีด้านข้างทั้ง 2 ด้าน จะมีความสดใส แต่ความกลมกลืนของสีลดลง
►สีที่เป็นกลาง(Neutral Colors) คือกลุ่มสีที่ไม่ได้ถูกบรรจุไว้ในวงล้อสี เพราะเป็นสีที่ไม่ได้รับอิทธิพลมากจากสีอื่น ซึ่งสีเทา ขาว ดำ
การออกแบบกราฟิกสำหรับเว็บไซต์
►ระบบการวัดชนาดของรูปภาพ
เมื่อจอมอนิเตอร์ทำการแสดงผลรูปภาพในเว็บเพจ พิกเซลในรูปภาพจะจับคู่กันแบบหนึ่งต่อหนึ่งกับพิกเซลตามความละเอียดของหน้าจอ ทำให้หน่วยการวัดรูปภาพในเว็บจึงเป็นพิกเซล ไม่ใช่นิ้วหรือเซ็นติเมตรแต่อย่างใด ดังนั้นในกระบวนการ ออกแบบกราฟิกและรูปภาพต่างๆ คุณจึงความลดขนาดเป็นพิกเซลไว้เสมอ ซึ่งจะมีประโยชน์ในการเปรียบเทียบขนาดกราฟิกกับองค์ประกอบอื่นๆ ในหน้าเว็บ รวามถึงขนาดวินโดว์ของบราวเซอร์อีกด้วย
ระบบการวัดความละเอียดของรูปภาพ
เนื่องจากรูปภาพในเว็บโดยส่วนใหญ่จะถูกสแดงผ่านหน้าจอมอนิเตอร์ ในทางเทคนิคที่ถูกต้องแล้ว ระบบการวัดความละเอียดของรูปภาพจึงต้องเป็น “Pixels per inch” (ppi) แต่ก็มีระบบการวัดอีกแบบหนึ่งคือ “Dot per inch (dpi) ที่ใช้ความละเอียดของรูปถาพที่พิมพ์ออกมา ซึ่งความละเอียดที่ได้จะขึ้นอยู่กับประสิทธิภาพของเครื่องพิมพ์แต่ละเครื่องในทางปฏิบัติ หน่วย ppi กับ dpi อาจใช้แทนกันได้ ทำให้เป็นที่ยอมรับว่าความละเอียดของรูปภาพในหน้าจอมีหน่วยเป็น dpi แทนท่จะเป็น ppi ที่ถูกต้อง
►ความละเอียดของรูปภาพ
โดยปรกติแล้ว รูปภาพทุกรูปในเว็บไซท์ควรจะมีความละเอียดแค่ 72 ppi ก็ เพียงพอแล้ว เรื่องจากจอมอนิเตอร์องผู้ใช้ส่วนใหญ่มีความละเอียดต่ำ (72 ppi) ดังนั้นแม้ว่ารูปภาพจะมีความละเอียดสูงกว่านี้เราก็ไม่อาจมองเห็นความแตกต่างได้
เมื่อเปรียบเทียบความละเอียดของรูปภาพในเว็บกับในสิ่งพิมพ์ คุณจะเห็นความแตกต่างกันว่ารูปภาพในเว็บมีคุณภาพที่ต่ำกว่า เนื่องจากมีข้อมูลและรายละเอียดของรูปภาพที่น้อยกว่าทำให้รูปที่ได้มองดูมีลักษณะเป็นจุดเล็กๆ ซึ่งถือเป็นธรรมชาติของรูปภาพในเว็บ
►ปัญหาเกี่ยวกับขนาดไฟล์ของกราฟิก
แม้ว่ากราฟิกและรูปภาพต่างๆ จะช่วยสึความหมายและสร่างประโยชน์อีกหลายอย่าง เราควรรู้ถึงข้อเสียของกราฟิกเหล่านี้ไว้บ้าง โดยปรกติ แล้วข้อมูลในเว็บไซท์ประกอบด้วยไฟล์ HTML ที่เป็นตัวอักษร และกราฟิกหรือรูปภาพเป็นสิ่งสำคัญ กราฟิกใช้เวลาในการดาวน์โหลดมาก กว่าตัวอักษรหลายเท่า ดังนั้นกราฟิกขนาดใหญ่อาจใช้เวลาในการสแดงผลนานมาก เมื่อผู้ใช้ระบบการเชื่อต่อกับอินเตอร์เน็ทที่ค่อนข้างช้า
แม้ว่ากราฟิกของคุณจะออกแบบมาอย่างดีเพียงใด ถ้าต้องใช้เวลาในการโหลดนาน จรทำให้ผู้ใช้รู้สึกหงุดหงิด และเปลี่ยนใจไม่รอดูรูปเหล่านั้นสิ่งที่คุณทุ่มเทออกไปไว้ก็จะมีมีความหมาย เพื่อป้องกันปัญหาความล่าช้านี้เราจึงต้องทำการลดขนาดไฟล์กราฟิกลงให้เล็กเข้าไว้ก่อน
►ลดขนาดไฟล์กราฟิกสำหรับเว็บ (Optimizing Web Graphic)
ปัญหาความเชื่องช้าของอินเตอร์เน็ททำให้ผู้ออกแบบเว็บไซท์ต้องระมัดระวังในเรื่องของเวลาที่ใช้ในการดาวน์โหลดเป็นอย่างมาก แนวทางง่ายๆ สำหรับผู้มีหน้าที่ออกแบบกราฟิกำหรับเว็บก็คือพยายามทำให้กราฟิกมีขนาดเล็กมากที่สุดเท่าที่จะเป็นไปได้
ทั้งนี้ผู้ออกแบบต้องรู้จักที่จะสร้างความสมดุลระหว่างความสวยงามกับความเร็วในการแสดงผลเรื่องจากการสร้างเว็บโดยไม่มีรูปภาพกราฟิกใดๆ เลยย่อมไม่น่าสนใจ เพราะกราฟิกมีบทบาทสำคัญในการแนะนำ และสร้างความบันเทิงต่อผู้ชม ดังนนั้นแนวทางที่ดีที่สุดคือการสร้างเว็บที่มีประสิทธิภาพ โดยใช้กราฟิกที่แสดงผลได้อย่างรวดเร็ว
การ Optimize กราฟิกจะช่วยลดขนาดไฟล์ให้เล็กลงได้ทำให้แสดงผลได้เร็วขึ้น และทำให้การปราฏของสีอย่างถูกต้องในหน้าจอของผู้ใช้
การจัดรูปแบบตัวอักษรสำหรับเว็บไซต์
►ส่วนประกอบของตัวอักษร
ในแต่ละตัวอักษรประกอบด้วยส่วนต่าง ๆ ที่เราน่าจะรู้จักไว้ เพื่อที่จะใช้ประโยชน์เมื่อต้องการเปรียบเทียบลักษณะของตัวอักษณแต่ละชนิดได้ ส่วนประกอบหลัก ๆ ที่ควรรู้จัก มีดังนี้
· ส่วนบนของตัวอักษรพิมพ์เล็ก ที่สูงกว่าความสูง x-height ของตัวอักษร
· ส่วนล่างของตัวอักษรพิมพ์เล็กที่ต่ำกว่าเส้น baseline ของตัวอักษร
· เส้นสมมุติที่ตัวอักษรส่วนใหญ่ตั้งอยู่
· ความสูงจากเส้น baseline ไปถึงส่วนบนสุดของตัวอักษรพิมพ์ใหญ่
· หมายถึง ความสูงของตัวอักษร x ในแบบพิมพ์เล็ก ซึ่งมักจะใช้อ้างถึงความสูงของตัวอักษรที่ไม่รวมส่วนบนและส่วนล่าง
· ระยะความสูงทั้งหมดวัดจากส่วนบนสุดถึงส่วนล่างสุดของตัวอักษร
►การจัดตำแหน่ง (Alignment)
การจำตำแหน่งของตัวอักษรในแต่ละส่วนมีผลต่อความรู้สึกของเอกสาร โดยที่การจัดตำแหน่งแต่ละแบบจะให้ความรู้สึกที่ต่างกัน ตัวอักษรที่ถูกจัดให้ชิดขอบด้านซ้ายโดยที่ปล่อยให้ด้านขวามีลักษณะไม่สม่ำเสมอ จะให้ความรู้สึกไม่เป็นทางการ และจะอ่านได้ง่ายกว่าการจัดชิดขอบขวา โดยทั่วไปแล้วพยายามหลีกเลี่ยงการจัดชิดขวา ยกเว้นเมื่อมีความเหมาะสมกับรูปแบบจริงๆ ส่วนตัวอักษรที่มีการปรับระยะให้ชิดขอบทั้งซ้ายและขวา (Justify) เป็นที่นิยมใช้ในหนังสือพิมพ์และจุลสาร พร้อมกับให้คามรู้สึกที่เป็นทางการอีกด้วย
►ช่องว่างระหว่างตัวอักษร (Tracking) และช่องว่างระหว่างคำ
ความรู้สึกของตัวอักษรอาจจะเป็นผลมาจากพื้อที่ว่างโดยรอบ ที่อยู่ระหว่างตัวอักษร ระหว่างคำ หรือระหว่างบรรทัด คุณสามารถปรับระยะของช่องว่างเหล่านี้เพื่อให้อ่านได้ง่ายขึ้น แม้ว่าตัวอักษรจะถูกออกแบบมาให้มีระยะห่างที่เหมาะสมอยู่แล้ว แต่ในบางสถานการณ์ อาจมีความต้องการให้ตัวอักษรดูแน่นหรือหลวมเป็นพิเศษ อย่างเช่นตัวอักษีที่ใช้ ตัวพิมพ์ใหญ่ทั้งหมด (UPPERCASE) จะดูค่อนข้างแน่นเพราะถูกออกแบบให้ใช้ร่วมกับตัวพิมพ์เล็กดังนั้นคุณควรเพิ่มช่องว่างระหว่างตัวอักษรให้มากขึ้นเล็กน้อย สำหรับคำที่ใช้ตัวพิมพ์ใหญ่ทั้งหมด
ตัวอักษรบางคู่ที่อยู่ติดกันอาจมีระยะห่างไม่เหมาะสม จำเป็นต้องทำการปรับแต่งที่เรียกว่า Kerning เป็นการปรับระยะห่างระหว่างคู่ของตัวอักษร ซึ่งจะมีความสำคัญมากเมื่อใช้ตัวอักษรขนาดใหญ่หรือตัวอักษรที่ใช้เป็นหัวข้อหลัก เพราะเมื่อตัวอักษรใหญ่ขึ้นก็จะเกิดช่องว่างที่มากขึ้นด้วย จุดประสงค์ของการทำ kerning คือการปรับระยะห่างของตัวอักษรให้เท่ากันโดยตลอด เพื่อที่สายตาจะได้เคลื่อนที่อย่างราบเรียบและสม่ำเสมอ
ช่องว่างระหว่างคำสำหรับภาษาอังกฤษ หรือ ช่องว่างระหว่างคำในภาษาไทย เป็นสิ่งที่ควรจะเท่ากันเสมอ ไม่ว่าจะเป็นการจัดตำแหน่งแบบ Justify ช่องว่างของแต่ละคำจะแตกต่างกันไปในแต่ละบรรทัด เพื่อช่วยให้ขอบซ้ายและขวาเท่ากัน คุณอาจต้องใช้เครื่องหมายยัติภังค์ (-) มาช่วยแยกคำให้อยู่คนละบรรทัด หรือปรับเปลี่ยนการเว้รวรรคใหม่ เพื่อไม่ให้มีช่องว่างมากเกินไป
►ระยะห่างระหว่างบรรทัด (Leading)
ระยะห่างระหว่างบรรทัด หรือ Leading ซึ่งมีที่มาจากการเติมแนวของตะกั่วเข้าไประหว่างบรรทัดเพื่อให้อ่านง่ายขึ้นในกระบวนการทำตัวอักษรโลหะในสมัยก่อน (Leading ออกเสียงว่า “เล็ดดิ้ง” มาจากคำว่า Lead หรือตะกั่วแปลตรงตามตัวว่า “เส้นตะกั่วที่ใช้ถ่างบรรทัดในการพิมพ์” ไม่ได้เกี่ยวกับคำว่า lead ที่แปลว่า “การนำ” หรือ “สิ่งนำ” แต่อย่างใด
จากกระบวนการนี้ทำให้คำว่า Leading ถูกนำมาใช้ในการกำหนกระยะห่างระหว่างบรรทัด ในโปรแกรมใช้ในการกำหนดระยะห่างระหว่างบรรทัดในโปรแกรมออกแบบสิ่งพิมพ์และ word processing ที่ระยะห่างน้อยจะมีจำนวนตัวอักษรได้มากจะขยายพื้นที่ของตัวอักษรและยังเพิ่มความสะดวกในการอ่านอีกด้วย ลองเปรียบเทียบผลของความสะดวกในการอ่านจากตัวอย่างต่อไปนี้
►ความยาวของหน้าเว็บ
โดยปรกติแล้ว ความยาวของหน้าเว็บไม่ควรยาวจนเกินไป เพราะหน้าเว็บที่ยาวมากๆ จะทำให้ผู้ใช้รู้สึกเหนื่อยล้าที่จะอ่าน ทางที่ดีควรจะแบ่งออกเป็นหน้าสั้นๆ หลายๆ หน้าต่อกัน ซึ่งจะให้ความรู้สึกที่ดีกว่าอย่างไรก็ตาม ไม่มีข้อกำหนดตามตัวเกี่ยวกับความยาวสูงสุดที่ควรจะเป็น ทั้งนี้ขึ้นอยู่กับรูปแบบหน้าและขนากไฟล์นั้นๆ
►แบ่งเนื้อหาออกเป็นย่อหน้า (Paragraph)
เมื่อใดที่เนือ้หาของคุณมีความยาวมากๆหลายบรรทัดต่อกันก็ควรแบ่งข้อความเหล่านั้นให้เป็นส่วนย่อยๆ หรือเรียกว่า “ย่อหน้า” หรือ Paragraph ซึ่งแต่ละย่อหน้าแต่ละเว็บเพจแยกออกจากกันโดยการขึ้นย่อหน้าใหม่ และมักจะมีบรรทัดว่างคั่นเนื่องจากภาษา HTML คำสั่งหรือแท็กซี่ที่ใช้ในการขึ้นย่อหน้าใหม่คือ <P> จะทำให้เกิดบรรทัดว่างระหว่างย่อหน้าด้วยกันเพื่อแยกให้เห็นได้ชัดว่าเป็นข้อความที่อยู่คนละย่อหน้า
►ขนาดของตัวอักษร
►ขนาดของตัวอักษร
ขนาดของตัวอักษรมีผลต่อคุณสมบัติและลักษณะของเนื้อหาหลายประการ การเข้าถึงบทบาทและความสำคัญของขนาดตัวอักษร จะช่วยให้คุณออกแบบเว็บเพจที่สามารถดึงความสนใจของผู้อ่านไปยังข้อมูลที่ต้องการ และมีผลในการนำทางให้ผู้ใช้คลิกไปยังส่วนต่างๆ ได้ แนวทางต่อไปนี้จะช่วยให้คุณใช้ประโยชน์จากขนาดของตัวอักษรได้อย่างมีประสิทธิภาพ
►ดึงดูดความสนใจด้วยอักษรขนาดใหญ่
คุณอาจนำสายตาของผู้อ่านให้มุ่งไปยังเป้าหมายด้วยการใช้ตัวอักษษรขนาดใหญ่ เช่นในส่วนของโลโก้หรือหัวข้อหลักต่างๆ หรือบริเวณที่คุณต้องการให้ผู้อ่านสนใจ ซึ่งเป็นการกำหนดตำแหน่งให้ผู้อ่านใช้เป็นจุดเริ่มต้น โดยปรกติแล้วผู้อ่านจะเริ่มต้นจากด้านบนซ้ายแต่ถ้าคุณต้องการให้เริ่มสนใจที่ส่วนอื่นของหน้าก็อาจใช้ตัวอักษรขนาดใหญ่ให้สะดุดตาสายผู้อ่านก่อน
· การใช้ตัวอักษรขนาดใหญ่เริ่มต้นประโยค (Initial caps หรือ Drop caps)
บางครั้งคุณไม่จำเป็นต้องใช้ตัวอักษรแบบกราฟิก เพื่อดึงดูดความสนใจเน้นถึงความสำคัญของข้อความ เมื่อคุณสามารถใช้ตัวอักษรที่มีขนาดใหญ่เริ่มต้นประโยคเป็นเทคนิคที่นิยมใช้กันมานานแล้วในสิ่งพิมพ์ เพื่อดึงดูดความสนใจของผู้อ่านด้วยการสร้างความแตกต่างของขนาดตัวอักษร
โดยทั่วไปแล้วตัวอักษรตัวแรกจะมีขนาดใหญ่ว่าตัวอื่นประมาณ 2-5 พอยท์ และยังนิยมที่จะใช้ตัวอักษรชนิดอื่นเพื่อให้เกิดความแตกต่างมากขึ้น นอกจากนั้นแล้วยังอาจใช้รูปแบบสลับสี ซึ่งจะใช้ตัวอักษณสีอ่อนเหนือพื้นหลังสีเข้มเพื่อให้เห็นได้เด่นชัด หรือคุณอาจยกเนื้อหายางส่วนหรือข้อความสำคัญออกมาแสดงให้เด่นชัด เพื่อเพิ่มความน่าสนใจให้กับเนื้อหาที่ค่อนข้างยาว
►การเน้นข้อความให้เด่นชัด
เราสามารถใช้ตัวอักษรในลักษณะต่างๆ กัน เพื่อแสดงการเน้นย้ำถึงประเด็นหลัก ใจความสำคัญหรือบทสรุปของเนื้อเรื่อง เพื่อสร้างความสะดวกให้กับผู้อ่านที่ต้องการสำรวจเนื้อหาคร่าวๆ อย่างรวดเร็ว และยังช่วยเน้นจุดสำคัญในขณะที่ผู้อ่านกำลังอ่านอย่างละเอียดอีกด้วย
หลักในการเน้นข้อความทำได้โดยอาศัยความแตกต่างที่ปรากฏของตัวอักษร รวมถึงความแตกต่างระหว่างพื้นที่ตัวหนังสือกับพื้นที่ว่างโดยรอบ การออกแบบอย่างรอบคอบด้วยการสร้างความแตกต่างของรูปแบบอย่างรอบคอบด้วยการสร้างความแตกต่างของรูปแบบและลักษณะของตัวอักษรให้เห็นได้ชัดเจนจะเป็นที่สะดุดตาและดึงดูดความสนใจจากผู้อ่านได้อย่างมาก แต่ถ้าเลือกใช้ตัวหนาทั้งหมดก็จะไม่มีอะไรเด่นชัดขึ้นมา แต่กลับทำให้รู้สึกว่าเป็นการตะโกนใส่ผู้อ่าน และถ้าพยายามจัดตัวหนังสือให้ต่อนข้างแน่นเกินไป ผู้อ่านก็อาจมองเห็นเหมือนเป็นกำแพงตัวอักษร และไม่สามารถมองหาจุดที่น่าสนใจได้ ในทำนองเดียวกันการใช้ตัวอักษรขนาดใหญ่ทั้งหมดก็ไม่มีประโยชน์แต่อย่างใด เพราะสิ่งที่เห็นจะดูเหมือนกันหมด ไม่มีส่วนที่สะดุดตา
ไม่มีความคิดเห็น:
แสดงความคิดเห็น