สำรวจความสง่างามของลายเส้นในการออกแบบเว็บ

เผยแพร่แล้ว: 2020-01-08

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

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

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

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

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

A'ja Wilson

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

A'ja Wilson

Alphaputt

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

Alphaputt

อะ ลา ฟุท

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

อะ ลา ฟุท

ตัวแทนลาน / โชคลาภ

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

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

ตัวแทนลาน

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

ความโชคดี

Toonami – ว่ายน้ำสำหรับผู้ใหญ่ / Dot to Dot

Toonami – Adult Swim และ Dot to Dot เป็นตัวอย่างของเว็บไซต์ที่รูปแบบลายเส้นเป็นตัวเลือกที่คาดเดาได้

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

Toonami – ว่ายน้ำสำหรับผู้ใหญ่

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

จุดต่อจุด

ในทั้งสองกรณี คุณไม่สามารถจินตนาการถึงแบบอักษรอื่นได้ ตัวเลือกนั้นคิดมาอย่างดี

Yukie Nail New York

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

Yukie Nail New York

นิตยสารเบสบอล ACES / Timesheets

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

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

เอซ เบสบอล

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

นิตยสารไทม์ชีท

กฎแห่งความสำเร็จ

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

ประการที่สอง โครงร่างของตัวอักษรควรเป็นรูปธรรมเกือบเป็นรูปธรรม พวกเขาไม่ควรอ้วนเกินไป แต่ควรแยกข้อความออกจากอย่างอื่น

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