8 ตัวอย่างแรงบันดาลใจของภาพประกอบสามมิติในการออกแบบเว็บ

เผยแพร่แล้ว: 2021-03-29

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

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

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

เสียงน่าสนใจ? ลองดูตัวอย่างที่ดึงดูดความสนใจเหล่านี้...

Psych X86

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

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

Psych X86

CAMO

CAMO เป็นอีกจุดหนึ่งที่จะทำให้คุณหลงไหลด้วยความน่าดึงดูดใจ ราวกับธุรกิจ และกลิ่นอายของเทคโนโลยี

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

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

CAMO

Optima Ninja

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

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

Optima Ninja

รหัสลูกเรือ

เช่นเดียวกับ Optima Ninja ครีเอทีฟของ Code Crew จะได้รับประโยชน์สูงสุดจากภาพประกอบที่มีมิติเท่ากัน พวกเขาทำเช่นนั้นโดยใช้เพื่อสนับสนุนส่วนภายในที่มักจะถูกมองข้ามเสมอ

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

รหัสลูกเรือ

พงศาวดาร

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

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

พงศาวดาร

แพลตฟอร์ม Syscoin

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

แพลตฟอร์ม Syscoin

Laszczuk

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

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

Laszczuk

โคเด็กซ์ แอตแลนติคัส

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

โคเด็กซ์ แอตแลนติคัส

มุมมองจากมุมที่ต่างกัน

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

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

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