3 วิธีในการเรียนรู้วิธีการมีสายตาที่ดีขึ้นสำหรับการออกแบบ

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

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

คำนำซีรี่ส์:

• กลยุทธ์ แนวทางปฏิบัติ และยุทธวิธีที่เราจะกล่าวถึงในชุดนี้ใช้ได้กับการออกแบบเว็บโดยทั่วไป และไม่เฉพาะเจาะจงกับ Divi แต่ชุดนี้จะขึ้นอยู่กับประสบการณ์ของผมในฐานะ Divi Web Designer ข้อมูลอ้างอิง เลย์เอาต์ และจุดเริ่มต้นจำนวนมากที่กล่าวถึงจะเกี่ยวข้องกับ Divi โดยเฉพาะ
• ชุดนี้เหมาะสำหรับผู้ที่เพิ่งเริ่มออกแบบเว็บไซต์ใหม่หรือมีแนวคิดของนักพัฒนาซอฟต์แวร์ที่รู้สึกว่าตนเองไม่มีสายตาที่เป็นธรรมชาติสำหรับการออกแบบ แต่หวังว่าแนวคิดเหล่านี้หลายๆ แบบจะเป็นแรงบันดาลใจหรือเป็นการทบทวนสำหรับนักออกแบบที่มีอยู่แล้วเช่นกัน
• หลักการออกแบบเว็บที่ยอดเยี่ยมได้รับการกล่าวถึงในบล็อกก่อนหน้านี้แล้ว ดังนั้นเราจะเชื่อมโยงกลับไปยังโพสต์และแหล่งข้อมูลก่อนหน้าบางส่วนในซีรีส์นี้ นี่เป็นแนวทางเบื้องต้นสำหรับหลักการที่สำคัญที่สุดบางประการในการออกแบบที่ดีที่ฉันใช้เป็นนักออกแบบเว็บไซต์ Divi ที่ประสบความสำเร็จซึ่งคุณสามารถนำไปใช้ได้เช่นกัน!
• สุดท้ายเมื่อพูดถึงการออกแบบที่ดีไม่มีถูกหรือผิด อันที่จริงมันเป็นเรื่องของการสร้างสมดุลระหว่างความคิดเห็นที่เป็นที่นิยม ความคิดเห็นที่สร้างสรรค์ส่วนตัวของคุณ และความต้องการของลูกค้า เราทุกคนเคยมีลูกค้าที่คิดว่าบางสิ่งดูดีและรู้ว่าดูแย่ใช่ไหม? ไม่ใช่ทุกคนที่จะเห็นด้วยกับพื้นฐานการออกแบบเหล่านี้ แต่ก็สามารถพูดได้อย่างปลอดภัยว่าหลักการเหล่านี้มีการใช้ร่วมกันโดยนักออกแบบ Divi มืออาชีพและชุมชนการออกแบบเว็บโดยรวม

นี่คือโครงร่างของมินิซีรีส์ในขณะที่เรามองไปข้างหน้า:

• ส่วนที่ 1 – 3 วิธีในการเรียนรู้วิธีการมีสายตาที่ดีขึ้นสำหรับการออกแบบ
• ส่วนที่ 2 – 3 หลักการออกแบบเว็บที่มีประสิทธิภาพสำหรับผู้ที่ไม่ใช่นักออกแบบ
• ส่วนที่ 3 – 3 ส่วนสำคัญของการออกแบบที่มุ่งเน้นสำหรับการสร้างเว็บไซต์ทุกครั้ง

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

ดังนั้น หากคุณเคยจับได้ว่าตัวเองกำลังพูดสิ่งต่อไปนี้

• “ฉันแค่ไม่มีตาสำหรับการออกแบบ”
• “ฉันไม่มีกระดูกที่สร้างสรรค์ในร่างกายของฉัน”
• “ฉันเขียนโค้ดได้ แต่ออกแบบไม่ได้”

ซีรีส์นี้เหมาะสำหรับคุณ! เข้าเรื่องกันเลย

3 วิธีในการเตรียมตัวและเรียนรู้วิธีมีสายตาที่ดีกว่าสำหรับการออกแบบ

ในโลกของการออกแบบเว็บ ผู้คนมักจะระบุว่าเป็นหนึ่งในสองกลุ่ม:

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

นักพัฒนาเว็บ – นักพัฒนา เว็บหรือที่รู้จักในชื่อ (นักพัฒนาส่วนหลัง) มีแนวโน้มที่จะสนใจคณิตศาสตร์ ตัวเลข และขอบเขตการออกแบบเว็บ โค้ด ฟังก์ชันการทำงาน และส่วนหลังของเว็บไซต์มากกว่า ในขณะที่ "นักออกแบบ" อาจเห็นรูปร่าง สี รูปลักษณ์ ความรู้สึก ฯลฯ ผู้ที่มีแนวคิดเกี่ยวกับนักพัฒนามากขึ้นอาจเห็นบางสิ่งที่คล้ายกับเมทริกซ์ เช่น โค้ด ฟังก์ชันการทำงาน การใช้งาน และสิ่งต่างๆ ที่อยู่ใต้พื้นผิวของเว็บไซต์

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

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

ในระยะสั้น

นักพัฒนา = นักคิดสมองซีกซ้าย
นักออกแบบ = นักคิดสมองซีกขวา

ความเข้าใจในสิ่งนั้นนำเราไปสู่ประเด็นหลักประการแรก

1) การเตรียมความคิดของคุณ

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

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

ณ จุดนี้ คุณอาจจะพูดว่า “ทั้งหมดนี้ยอดเยี่ยม แต่ฉันจะทำอะไรได้บ้างเพื่อเตรียมกรอบความคิดให้พร้อมเรียนรู้เทคนิคการออกแบบที่ดี” ในขณะที่เราทุกคนเรียนรู้ต่างกัน ฉันจะบอกคุณว่าอะไรได้ผลสำหรับฉัน และสิ่งที่ฉันรู้ได้ผลกับนักออกแบบ Divi คนอื่นๆ ในชุมชน

2) วิธีการเรียนรู้และพัฒนาสายตาเพื่อการออกแบบที่ดี

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

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

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

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

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

3) รับคำติชมและคำวิจารณ์เชิงสร้างสรรค์เกี่ยวกับงานของคุณ

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

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

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

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

ในการปิด

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

คุณมีความคิดหรือแนวทางปฏิบัติอื่นๆ เกี่ยวกับวิธีการเรียนรู้เทคนิคการออกแบบเว็บที่ดีขึ้นหรือไม่? แจ้งให้เราทราบในความคิดเห็นด้านล่าง!

พรุ่งนี้: 3 หลักการออกแบบเว็บที่มีประสิทธิภาพสำหรับผู้ที่ไม่ใช่นักออกแบบ

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

อย่าลืมสมัครรับจดหมายข่าวทางอีเมลและช่อง YouTube ของเรา เพื่อที่คุณจะได้ไม่พลาดประกาศสำคัญ เคล็ดลับที่เป็นประโยชน์ หรือ Divi freebie!