25+ เทรนด์การพิมพ์สำหรับปี 2023

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

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

ต่อไปนี้คือเทรนด์การพิมพ์ยอดนิยมในปีนี้

สำรวจแบบอักษร

ตัวพิมพ์ใหญ่ทั้งหมด

นี่คือเทรนด์การพิมพ์ที่เราไม่ได้ทำ' ไม่เห็นมา: ตัวพิมพ์ใหญ่ทั้งหมดสำหรับการออกแบบเว็บไซต์

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

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

บางและแน่น

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

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

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

Stacked Text Blocks

ในขณะที่การพิมพ์มีแนวโน้มที่จะมีขนาดเล็กลง แต่ก็ยังมีน้ำหนักเท่าเดิม นักออกแบบกำลังซ้อนข้อความหลายบรรทัด โดยเฉพาะอย่างยิ่งในส่วนหัวของฮีโร่ เพื่อให้ข้อความมีน้ำหนักและมีคำมากขึ้น

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

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

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

แบบอักษรและประเภทสี

ในขณะที่มีสีดำจำนวนมากและ ข้อความสีขาวในสไตล์มินิมอลมากขึ้น สีสันกำลังกลับมา

ฟอนต์สีเป็นประเภทประเภทของตัวเองและปรากฏอยู่ทั่วไป ฟอนต์เหล่านี้ได้รับความนิยมมากกว่าที่คาดไว้เดิม และมีแอปพลิเคชันสนุกๆ ในโครงการออกแบบ

คุณสามารถอ่านทั้งหมดเกี่ยวกับฟอนต์สีได้ที่นี่ในคู่มือสำหรับผู้เริ่มต้นของเรา แนวคิดของฟอนต์สีได้เปิดโครงการเพิ่มเติมเพื่อใช้สีในการพิมพ์โดยรวมเช่นกัน

ในขณะที่มีข้อความขาวดำจำนวนมากในสไตล์มินิมัลลิสต์มากขึ้น สีสันต่างๆ ก็กลับเข้ามาแทนที่ นักออกแบบหลายคนใช้ตัวอักษรสีสดใสกับสไตล์มินิมอล เช่น เก้าอี้เอียง ด้านบน สีสามารถเพิ่มความน่าสนใจทางสายตาและเน้นย้ำคำในสี.

ตัวเลือกที่สว่าง เช่น สีแดงในตัวอย่าง ช่วยดึงดูดสายตาและเป็นกระดานกระโดดที่ดีสำหรับการส่งข้อความ สร้างเอกลักษณ์ของแบรนด์ และดึงผู้ใช้เข้าสู่การออกแบบ

ประเภทไฮไลท์

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

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

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

คัตเอาต์และภาพซ้อนทับ

ทั้งสองเทคนิคนี้มีความน่าสนใจด้านภาพเป็นอย่างมากและสามารถสร้างความสนุกสนานได้

เอฟเฟ็กต์แบบเลเยอร์เป็นวิธีที่ยอดเยี่ยมในการทำให้งานออกแบบดูเรียบน้อยลง การใช้ตัวพิมพ์อาจเป็นตัวเลือกที่ดี

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

เทคนิคทั้งสองนี้มีความน่าสนใจด้านภาพอย่างมากและสามารถสร้างความสนุกสนานได้ ทำงานได้ดีที่สุดกับตัวอักษรขนาดใหญ่ คำไม่มาก และแบบอักษรที่แสดง

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

การแบ่งชั้นด้วยองค์ประกอบอื่นๆ

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

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

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

ข้อความที่มีการไล่ระดับสี

คำที่ด้อยค่าที่สุดเทคนิคการออกแบบตลอดกาลอาจจะเป็นการไล่ระดับสี มันได้รับชื่อเสียงที่ไม่ดีอย่างจริงจังเนื่องจากการใช้งานที่ไม่ดี แต่เมื่อทำได้ดี การไล่ระดับสีจะสวยงามมาก นั่นคือกรณีตัวอย่างข้างต้น Design Spin

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

เอฟเฟ็กต์ “เกินขนาด”

ไม่มีเอฟเฟ็กต์นอกตาราง

ไม่บ่อยนักที่คำว่า "มากเกินไป" จะถูกใช้ในทางที่ดีเมื่อพูดถึงเทคนิคการออกแบบใดๆ แต่เมื่อพูดถึงเทรนด์การพิมพ์แบบ overdone มันก็ใช้ได้

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

และยิ่งมีเอฟเฟ็กต์มากเท่าใด ผู้ใช้ก็อาจมองหามากขึ้นเท่านั้น สไตล์นี้เหมาะที่สุดกับรูปแบบการออกแบบที่เรียบง่าย เช่น Schnitzel Love ด้านบน

บทสรุป

โดยส่วนตัวแล้ว เทรนด์การพิมพ์เป็นหนึ่งในสิ่งที่ฉันโปรดปราน ตัวอักษรเป็นส่วนสำคัญของการออกแบบทั้งหมด

เทรนด์การพิมพ์ที่ฉันชื่นชอบคือเทรนด์ที่ก้าวข้ามขอบเขตของสิ่งที่พบได้ทั่วไปแต่ยังคงรักษาความอ่านง่ายไว้ได้ คุณชอบอะไรในแง่ของการพิมพ์? พูดคุยเกี่ยวกับเรื่องนี้บน Twitter (เพียงแค่พูดถึง @carriecousins ​​และ @designshack!)

ความโดดเด่นของหน้าจอความละเอียดสูงทำให้รูปแบบการพิมพ์นี้สามารถอ่านได้ง่ายขึ้นและใช้งานได้ง่ายขึ้น

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

ในตัวอย่างข้างต้น ตัวอักษรแบบบางและแบบย่อเหมาะกับสไตล์ของการออกแบบโดยรวมอย่างสมบูรณ์แบบ และเสริมบนสกรอลล์ด้วยตัวเลือกเว้นวรรคเดียวและอ่านง่าย

แผ่นพื้น

อีกด้านหนึ่งของสเปกตรัมจากแบบอักษรบางคือการใช้แผ่นพื้น

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

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

ดูสิ่งนี้ด้วย: ออกแบบตามพลังของสาม: จำนวนที่แพร่หลายอย่างน่าอัศจรรย์

พาดหัวสองสี

เมื่อเร็วๆ นี้มีการใช้สีจำนวนมากในพาดหัว เทรนด์การออกแบบนี้ได้รับความนิยมอย่างรวดเร็วและด้วยเหตุผลที่ดี สีสามารถช่วยเน้นคำหรือวลีเฉพาะที่มีความสำคัญต่อการออกแบบได้

สิ่งที่แตกต่างกันเล็กน้อยเกี่ยวกับอะไรที่เราเห็นอยู่ตอนนี้คือการโรยสีผ่านคำ แทนที่จะเป็นเพียงคำเดียวที่จุดเริ่มต้นหรือจุดสิ้นสุดของวลี

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

ข้อความบนเส้นทาง

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

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

ในหลายกรณี องค์ประกอบข้อความนี้เป็นวงกลมด้วย

เมื่อทำงานกับข้อความบนเส้นทาง สิ่งสำคัญคือต้องใช้คำสองสามคำที่อ่านง่าย คุณไม่ต้องการให้ข้อความหายไปจากเอฟเฟกต์ที่นี่

องค์ประกอบข้อความพื้นหลัง

นักออกแบบใช้ทุกอย่างเพื่อสร้างความลึกและเอฟเฟ็กต์พื้นหลังเป็นชั้น รวมถึงการพิมพ์ ส่วนใหญ่แล้ว นี่เป็นเทคนิคที่ละเอียดอ่อนมาก (ดังที่คุณเห็นในตัวอย่างด้านบน)

บ่อยครั้งที่ตัวอักษรหรือคำขนาดใหญ่เกินไปเป็นส่วนหนึ่งของพื้นหลัง โดยตั้งค่าในลักษณะที่มีคอนทราสต์ของสีจากพื้นหลังหลักน้อยมากสี. เอฟเฟ็กต์พื้นหลังนี้สร้างความลึกที่ดีในเอฟเฟ็กต์ลายน้ำเกือบทั้งหมด

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

แบบอักษรเค้าร่าง

แบบอักษรเค้าร่างเป็นเรื่องใหญ่

คุณจะพบแนวโน้มนี้ส่วนใหญ่ในพื้นที่ฮีโร่ของหน้าเว็บสำหรับสำเนาหลัก แม้ว่าการใช้งานจะแตกต่างกันไปบ้าง แต่ก็มีองค์ประกอบบางอย่างที่คุณจะพบเกือบทุกครั้ง:

• แบบอักษร Sans serif
• ข้อความตัวพิมพ์ใหญ่ทั้งหมดสำหรับตัวอักษรโครงร่าง
• จับคู่กับ เติมตัวอักษร
• องค์ประกอบข้อความขนาดใหญ่พิเศษ

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

และอย่าหักโหม แบบอักษรเค้าร่างทำงานได้ดีที่สุดสำหรับจุดเน้น ไม่ใช่เพื่อสร้างข้อความทั้งหมดของคุณ

ตัวเอียง

เป็นเทรนด์การพิมพ์ที่คุณคาดไม่ถึง – ตัวเอียง

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

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

เลเยอร์ “อ่านไม่ออก”

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

ในตัวอย่างนี้ของเทรนด์ องค์ประกอบข้อความขนาดใหญ่จะอยู่ในเลเยอร์หลังองค์ประกอบเบื้องหน้า องค์ประกอบประเภทอื่น ๆ บนหน้าจอสามารถอ่านได้สูงเพื่อรองรับองค์ประกอบที่ไม่ใช่

ในตัวอย่างข้างต้น วัตถุเบื้องหน้าจะเลือนเข้าและออกเหนือข้อความเพื่อให้คุณสามารถอ่านกลับไปกลับมาได้

องค์ประกอบสุดท้ายที่ช่วยดึงทุกอย่างมารวมกันคือแนวคิดที่ว่าคำนั้นไม่สำคัญต่อการออกแบบ เป็นชื่อแบรนด์ ซึ่งคุณอาจทราบจากรูปแบบโลโก้ แต่มีความสำคัญน้อยกว่าสิ่งที่บริษัท/เว็บไซต์ทำ

ข้อความที่ออกไปนอกหน้าจอ

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

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

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

แบบพิมพ์ทดลอง

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

ส่วนที่ดีที่สุดเกี่ยวกับรูปแบบเหล่านี้คือสามารถใส่ความรู้สึกที่ไม่เหมือนใครและเฉพาะเจาะจงลงในโครงการได้

คุณสามารถค้นหาแบบอักษรทดลองได้จากโรงหล่อหรือนักออกแบบอิสระหลายแห่ง หากคุณต้องการดูตัวเลือกการทดลองใหม่ๆ ให้ไปที่ Typelab

เซอริฟ

เซอริฟกลับมาแล้ว เมื่อถูกมองว่า “อ่านยากทางออนไลน์” ตัวอักษรที่มีลายเส้นพิเศษเล็กๆ บนตัวอักษรก็ผุดขึ้นทุกที่

และอีกอย่าง ปัญหาเรื่องความสามารถในการอ่านของ serifs ทางออนไลน์นั้นเป็นเพียงความเชื่อผิดๆ

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

ตั้งแต่เซอริฟสี่เหลี่ยมธรรมดา เช่น inตัวอย่างข้างต้น เพื่อให้ละเอียดยิ่งขึ้น สไตล์การพิมพ์นี้มีบุคลิกลักษณะและเสน่ห์มากมาย สามารถเพิ่มความโดดเด่นให้กับโครงร่างการออกแบบที่เรียบง่ายและการออกแบบที่ใช้พื้นที่ได้ดี

แบบอักษรสั้นอ้วน (X-Heights ต่ำ)

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

สไตล์ประเภทนี้มีแนวโน้มที่จะทำงานได้ดีที่สุดเมื่อไม่มีคู่แข่งบนผืนผ้าใบมากนัก นอกจากนี้ยังเหมาะที่สุดสำหรับคำหรือวลีสั้นๆ เนื่องจากอ่านง่าย

แบบอักษรอ้วนๆ สั้นๆ เหล่านี้ยังเหมาะที่สุดสำหรับการออกแบบที่ให้ความรู้สึกทันสมัยสุดๆ พวกเขาเกือบจะล้ำยุคในขอบเขตและการออกแบบในหลาย ๆ กรณี

ดูสิ่งนี้ด้วย: 20+ ฟอนต์ยุคกลางที่ดีที่สุด (ฟอนต์ย้อนยุค 50's + 60's)

รูปแบบการเขียนด้วยลายมือ

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

แนวโน้มแบบอักษรลายมือส่วนใหญ่ในปัจจุบันมุ่งเน้นไปที่ตัวอักษรพิมพ์ที่มีตัวพิมพ์ใหญ่และเล็กที่มีเส้นหนากว่าและมีความหยาบเล็กน้อย

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

จัดข้อความชิดซ้าย

ข้อความชิดซ้ายอ่านง่าย สวยงาม และสามารถสร้างสมดุลที่ไม่อยู่ตรงกลางซึ่งให้ความรู้สึกคลาสสิก

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

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

Rounded Sans Serifs

นี่เป็นเทรนด์ที่ใครๆ ก็ใช้ได้ และเรียบง่ายจนคุณอาจมองไม่เห็นจนกว่าจะเริ่มมองหา โปรเจ็กต์เต็มไปด้วยฟอนต์ sans-serif แบบโค้งมนและเรียบง่าย

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

ทุกสิ่งเกี่ยวกับเทรนด์การพิมพ์นี้เน้นที่การอ่านที่เหมาะสมที่สุด นอกจากนี้คุณยังสามารถจับคู่กับการพิมพ์อื่น ๆแนวโน้มให้ดูทันสมัยยิ่งขึ้น ตัวอย่างด้านบนใช้ทั้ง sans serif แบบโค้งมนและข้อความที่จัดชิดซ้าย

การไล่ระดับสีแบบละเอียด

ผู้ออกแบบดูเหมือนจะไม่เพียงพอต่อการไล่ระดับสี (ฉันยอมรับว่าเป็นหนึ่งในนั้น!)

การไล่ระดับสีที่ละเอียดอ่อนเพื่อเน้นเสียงในการพิมพ์คือวิวัฒนาการขั้นต่อไปของเทรนด์นี้

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

การไล่ระดับสีเหมาะที่สุดที่จะใช้กับแบบอักษรที่หนาขึ้นและเพื่อเน้นคำหรือวลีที่เฉพาะเจาะจง

ระวังอย่าหักโหมมากเกินไป การไล่ระดับสีข้อความที่ดีจะรักษาคอนทราสต์ที่สอดคล้องกันทั่วทั้งคำ เพื่อให้อ่านได้ไม่สะดุดและแยกออกจากพื้นหลัง

Animated Typography

หนึ่งในแนวโน้มโดยรวมที่ใหญ่ที่สุดในการออกแบบคือแอนิเมชั่น และไม่มีเหตุผลใดที่สิ่งนี้ใช้กับการพิมพ์ไม่ได้เช่นกัน

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

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