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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

สามเหลี่ยม

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

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

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

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

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

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

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

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

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

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

ห้าเหลี่ยม หกเหลี่ยม และแปดเหลี่ยม

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

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

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

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

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

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

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

หยด

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

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

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

ไม้กางเขน

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

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

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

เกลียว

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

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

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

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

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

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

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

จิตใจเบื้องหลังการออกแบบ

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

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

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