อายุการเก็บรักษาภาพ – เหตุใดภาพประกอบการออกแบบเว็บจึงล้าสมัย

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

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

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

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

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

แน่นอนคุณเคยเห็นมัน

มีผู้กระทำผิดสี่รายที่คุกคามความสามารถในการแสดงภาพประกอบบนเว็บในระยะยาว

ผู้ร้าย 1: จินตภาพขาดความฉลาด

ต้นกำเนิด

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

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

ปัญหา

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

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

หรือแสดงภาพผู้คนที่มีชีวิต "ชีวิตที่ดีที่สุด" ด้วยผลิตภัณฑ์และบริการที่ซื้อ ลองใช้คุณสมบัติการตั้งเวลาที่ไม่เหมือนใครของเรา! [ใส่ภาพประกอบของผู้ชายดื่มกาแฟแล็ปท็อปไฮไฟว์ปฏิทินหน้ายิ้ม]

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

การเยียวยา

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

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

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

ทำได้ดีมาก: Big Cartel

ผู้ร้าย 2: Rampant Imitation Ruins ความแปลกใหม่

ต้นกำเนิด

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

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

ปัญหา

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

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

อย่ามองข้ามรูปแบบภาพประกอบที่โดดเด่นของภูมิทัศน์ SaaS เป็นเนื้อเดียวกันที่น่าอาย

การเยียวยา

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

• ผสมประวัติศาสตร์ จินตนาการใหม่ในรูปแบบภาพประกอบที่สร้างแรงบันดาลใจผ่านสายตาของศิลปินที่ประสบความสำเร็จ
• วาดใหม่อย่างรวดเร็ว วาดวัตถุอย่างระมัดระวังในขณะที่อ้างอิงถึงสไตล์ของนักวาดภาพประกอบคนอื่น จากนั้น วาดวัตถุเดิมซ้ำอย่างรวดเร็ว 7-10 ครั้งโดยไม่มีรูปแบบอ้างอิงและยอมรับความแปลกที่ปรากฏขึ้น
• เพิ่มกฎ สร้างข้อจำกัดที่ส่งผลต่อกระบวนการภาพประกอบ ตัวอย่างเช่น ฉันวาดได้เฉพาะเส้นตรงเท่านั้น มีความยาวหรือมุมเท่าใดก็ได้ แต่ต้องตรง
• สวิตช์เครื่องมือ . เลียนแบบสไตล์ภาพประกอบด้วยเครื่องมือวาดภาพที่ไม่เหมาะกับงาน ตัวอย่างเช่น หากรูปแบบอาศัยการวาดเส้นที่แม่นยำ ให้ทำซ้ำด้วยหมึกและแปรงขนอ่อน
• การตีความคนตาบอด รวบรวมชุดภาพประกอบ 3-4 สไตล์ที่น่าสนใจและขอให้เพื่อนร่วมงานอธิบายเป็นลายลักษณ์อักษร ละทิ้งรูปแบบอ้างอิงดั้งเดิมทั้งหมดและใช้คำอธิบายที่เป็นลายลักษณ์อักษรเพื่อแจ้งตัวเลือกที่สร้างสรรค์

ทำได้ดีมาก: Toggl

ผู้ร้าย 3: ระบบภาพประกอบเริ่มเก่าและแข็ง

ต้นกำเนิด

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

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

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

ปัญหา

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

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

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

การเยียวยา

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

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

มีขั้นตอนที่ใช้งานได้จริงซึ่งเป็นแนวทางในการพัฒนาและความเกี่ยวข้องในระยะยาวของระบบภาพประกอบ:

• อย่าหมกมุ่นอยู่กับกฎเกณฑ์และรายละเอียดที่ผู้ดูทั่วไปไม่สังเกตเห็น
• หลีกเลี่ยงการบังคับใช้หลักเกณฑ์ของระบบในลักษณะที่บ่อนทำลายสัญชาตญาณเชิงสร้างสรรค์
• อย่าล็อคระบบไว้ในจานสีเดียวกับแบรนด์ที่เป็นตัวแทน
• ทำลายระบบเป็นครั้งคราวและท้าทายผู้ชมด้วยการเชิญนักวาดภาพประกอบจากภายนอกมาร่วมสนับสนุนสไตล์ที่เป็นเอกลักษณ์ของตนเอง
• วางแผนให้ระบบมีวิวัฒนาการ และอนุญาตให้มีการทดลองเพิ่มเติม—แม้ในขณะที่รูปแบบปัจจุบันได้รับการตอบรับอย่างดี

ทำได้ดีมาก: Notion.so

ผู้ร้าย 4: ภาพประกอบสต็อกถูกใช้มากเกินไป

ต้นกำเนิด

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

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

ปัญหา

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

การเยียวยา

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

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

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

ทำได้ดีมาก: Bloomberg Businessweek

สร้างภาพประกอบการออกแบบเว็บอย่างมีจุดประสงค์

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

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

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

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

• • •

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

• ภาพประกอบของแบรนด์ 101: การสร้างภาพการบรรยาย
• คำแนะนำทีละขั้นตอนในการออกแบบภาพประกอบที่กำหนดเองโดยไม่ต้องมีทักษะการวาดใดๆ
• สำรวจหลักการออกแบบของเกสตัลต์
• แนวโน้มการออกแบบ UX ย้อนหลัง 2019
• หลักการออกแบบและความสำคัญ