กฎการออกแบบส่วนหน้าสิบอันดับแรกสำหรับนักพัฒนา

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

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

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

ทำสิ่งต่าง ๆ ในโปรแกรมกราฟิก

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

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

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

เข้ากับดีไซน์ อย่าพยายามเอาชนะมัน

งานของคุณไม่ใช่การสร้างความประทับใจให้กับเครื่องหมายถูกของคุณ งานของคุณคือจับคู่กับส่วนที่เหลือของการออกแบบ

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

แทนที่จะถามว่า “เครื่องหมายถูกของฉันดูน่าทึ่งไหม” คุณควรถามว่า "เครื่องหมายถูกของฉันตรงกับการออกแบบมากน้อยเพียงใด"

คุณควรมุ่งเน้นที่การทำงานกับการออกแบบ ไม่ใช่การพยายามเอาชนะมัน

วิชาการพิมพ์สร้างความแตกต่าง

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

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

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

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

การออกแบบส่วนหน้าไม่ทนต่อการมองเห็นในอุโมงค์

คุณอาจจะทำส่วนเล็กๆ ของการออกแบบโดยรวม

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

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

ความสัมพันธ์และลำดับชั้น

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

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

จู้จี้จุกจิกเกี่ยวกับช่องว่างและการจัดตำแหน่ง

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

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

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

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

ถ้าคุณไม่รู้ว่ากำลังทำอะไรอยู่ ทำน้อยลง

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

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

ให้งานของนักออกแบบเป็นศูนย์กลางและให้งานของคุณเป็นเบาะหลัง

เวลาทำให้คนโง่เขลาของพวกเราทุกคน

ฉันจะบอกความลับเกี่ยวกับนักออกแบบให้คุณฟัง: 90 เปอร์เซ็นต์ (หรือมากกว่า) ของสิ่งที่พวกเขาใส่ลงบนกระดาษจริง ๆ หรือบนผ้าใบ Photoshop นั้นไม่ได้ยอดเยี่ยมขนาดนั้น

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

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

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

ฉันไม่ได้คาดหวังให้คุณไปไกลขนาด นั้น แต่เป็นการเน้นว่าเวลาโดยปราศจาก “การออกแบบ” นั้นมีประโยชน์เพียงใด เป็นส่วนสำคัญของกระบวนการออกแบบและสามารถปรับปรุงได้อย่างก้าวกระโดด

เรื่องพิกเซล

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

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

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

รับคำติชม

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

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

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

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

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

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

บทสรุป

โดยสรุป ต่อไปนี้คือรายการเคล็ดลับการออกแบบสั้นๆ สำหรับนักพัฒนาส่วนหน้า:

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

ไม่ใช่นักพัฒนา front-end ทุกคนที่จะเป็นนักออกแบบที่ยอดเยี่ยม แต่อย่างน้อยผู้พัฒนา front-end ทุกคนควรมี ความสามารถ ด้านการออกแบบเป็นอย่างน้อย

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

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

ดังนั้น แม้ในฐานะนักพัฒนาส่วนหน้า ส่วนหนึ่งของการพัฒนาตนเองตามปกติควรรวมถึงการเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบด้วย