นักออกแบบจะเลือกรูปร่างในการออกแบบได้อย่างไร


9

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


จุดที่น่าสนใจสองแห่ง ฉันใช้แวดวงเป็นจำนวนมากเพราะพวกเขาสร้างความรู้สึกที่สมบูรณ์ - หนึ่งในสัญลักษณ์ที่เก่าแก่ที่สุดของพระเจ้าคือวงกลมเหนือสามเหลี่ยมด้านเท่า เป็นรูปแบบที่พวกเขาสามารถสร้างความรู้สึกของคำสั่งหรือสุ่มและขี้เล่น ลองดูที่ Jamie Reid และขบวนการพังก์ชาวอังกฤษ - เขาใช้ขอบที่ขรุขระและรูปร่างที่ไม่ลงรอยกันเพื่อเน้นการกบฏและความไม่พอใจทางการเมือง และระวังการอ้างอิงของ Masonic เช่นปิรามิดแฉกและตาเดียว - มีอยู่และถูกปรับใช้เพื่อรับรู้ถึงอิทธิพล: goo.gl/4L7XHP
Applefanboy

คำตอบ:


15

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


สไตล์

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

การวาง

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

  • หากคุณต้องการมีความสุขอารมณ์ร่าเริงจับตามองขึ้นและขวา ...
  • หากคุณต้องการอารมณ์ที่รุนแรงขึ้นและไม่มีความสุขให้จับตามองลงและไปทางซ้าย

ประเภทของการออกแบบทางเลือกเหล่านั้นสามารถเป็นปัจจัยที่รูปทรงที่มีอยู่

สีในลักษณะเดียวกันจะเปลี่ยนการรับรู้ของการออกแบบดังนั้นการจัดวางและการใช้ "รูปร่าง" หรือองค์ประกอบเหล่านี้


สมดุล

บ่อยครั้งที่องค์ประกอบกราฟิกทั่วไปสามารถเป็นเครื่องมือที่ยอดเยี่ยมในการปรับปรุงสมดุลโดยรวมของการออกแบบ

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

ป้อนคำอธิบายรูปภาพที่นี่

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

ป้อนคำอธิบายรูปภาพที่นี่

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

ป้อนคำอธิบายรูปภาพที่นี่

ดังนั้นผู้ออกแบบงานชิ้นนี้ก็คือ ....

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

เพิ่มตัวเลขความคมชัดสูง (สีแดง) ที่ด้านบนซึ่งหันหน้าไปทางซ้าย ...

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

การตัดสินใจใช้งานและการจัดวางประเภทเหล่านี้มาพร้อมกับประสบการณ์และการสำรวจ

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


5

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

รูปร่างและเส้นโค้งสามารถให้ความรู้สึกและอารมณ์ในการออกแบบ ผมหยิกรู้สึกแตกต่างจากมุมฉากมาก

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

ผลัดกันและในการตอบสนองมีแนวโน้มที่แข็งแกร่งต่อความเรียบง่ายและรูปร่างตามธรรมชาติขั้นพื้นฐาน

ในยุค 90 มีการกล่าวกันว่าพวกเขาละทิ้งกริดสำหรับหยด แต่ทุกวันนี้เราเห็นลูกผสม

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


4

นี่เป็นพื้นฐานของความคิดเห็น แต่:

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

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

จุดที่ 3 นั้นเป็นเรื่องจริง
AndrewH
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.