จิตวิทยาการออกแบบ: การสร้างภาพออนไลน์ของคุณ

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

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

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

• เส้น
• วงกลมและวงรี
• สามเหลี่ยม
• รูปสี่เหลี่ยม
• รูปหลายเหลี่ยม
• รูปทรงนามธรรม

เส้นตรงและเส้นโค้ง

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

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

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

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

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

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

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

วงกลมและวงรี

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

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

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

The Circle การแข่งขันรายการเรียลลิตี้โชว์ของ Netflix เป็นอีกสถานที่หนึ่งที่การสร้างแบรนด์แบบวงกลมเหมาะสมที่สุด หลักฐานคือกลุ่มคนที่อาจจะหรืออาจจะไม่บอกความจริงเกี่ยวกับตัวตนของพวกเขาพยายามที่จะได้รับความนิยมในหมู่เพื่อนฝูงผ่านแพลตฟอร์มโซเชียลมีเดียที่เรียกว่า The Circle เท่านั้น วัตถุประสงค์? อยู่ในชุมชน—ยังคงอยู่ใน The Circle

สามเหลี่ยม

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

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

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

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

รูปสี่เหลี่ยม

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

สี่เหลี่ยมจัตุรัสและสี่เหลี่ยมมักถูกใช้โดยแบรนด์ที่ต้องการมองว่าเป็นแบบธรรมดาหรือแบบปฏิบัติ ตั้งแต่ National Geographic ไปจนถึง LinkedIn ไปจนถึง Dominos สี่เหลี่ยมจัตุรัสและสี่เหลี่ยมผืนผ้าเป็นเรื่องปกติ—โดยเฉพาะอย่างยิ่งสำหรับโลโก้—ในหลากหลายอุตสาหกรรม

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

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

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

เพนตากอน หกเหลี่ยม และแปดเหลี่ยม

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

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

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

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

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

รูปทรงนามธรรม

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

Blobs

Blobs มักเป็นรูปทรงที่ดูสนุกสนานหรือไร้สาระ “เอฟเฟกต์ bouba/kiki” ที่มีชื่อเสียงได้พิสูจน์แล้วว่าบุคคลจากทุกวัฒนธรรมและระบบการเขียนจะถือว่าคำว่า “bouba” ไร้สาระเป็นรูปทรงหยด ในขณะที่ “kiki” มีความเกี่ยวข้องกับรูปทรงนามธรรมที่แหลมคม  

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

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

ไม้กางเขน

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

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

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

เกลียว

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

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

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

รูปร่างอินทรีย์

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

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

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

จิตใจที่อยู่เบื้องหลังการออกแบบ

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

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

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