รากฐานของการออกแบบ: การสร้างแบรนด์และไซต์ของคุณ

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

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

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

องค์ประกอบ

ทุกสิ่งที่คุณเห็นบนหน้าเว็บมีเหตุผล และการออกแบบที่ดีจะเป็นไปตามชุดของกฎที่เรียกว่า หลักการออกแบบของ Gestalt

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

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

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

รูป/พื้น

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

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

ช่องว่างเชิงลบระหว่าง "E" และ "x" ทำให้ดูเหมือนมีลูกศรอยู่ที่นั่น

ความใกล้ชิด

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

แม้ว่าสี รูปร่าง และขนาดจะเหมือนกันหมด แต่สมองของเราบอกเราว่าสิ่งเหล่านี้เป็นสามกลุ่มที่แยกจากกัน:

การเชื่อมต่อที่สม่ำเสมอ

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

ความต่อเนื่อง

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

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

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

สี

เห็นได้ชัดว่าสีมีความสำคัญต่อการจดจำแบรนด์ ทันทีที่เราเห็นซุ้มโค้งสีทองสว่างของ McDonald's บนพื้นหลังสีแดง เราก็รู้ว่ามันคืออะไร สีเหล่านี้ไม่ได้สุ่มเลือก แต่มีวิทยาศาสตร์อยู่เบื้องหลัง

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

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

สีเหลือง

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

สีน้ำเงิน

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

สีม่วง

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

สีชมพู

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

ส้ม

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

ที่รวบรวมมาไว้ด้วยกัน

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

หากคุณต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับการออกแบบ โปรดติดต่อหนึ่งในครีเอทีฟโฆษณาของเรา