portaldacalheta.pt
  • หลัก
  • ทีมแบบกระจาย
  • เคล็ดลับและเครื่องมือ
  • ชีวิตนักออกแบบ
  • นวัตกรรม
มือถือ

ถึงนักออกแบบด้วยความรัก (จดหมายจากนักพัฒนาส่วนหน้า)



เรียนนักออกแบบทุกท่าน

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



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



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



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

แต่ฉันอยากจะอธิบายว่าผลงานของคุณแจ้งให้ฉันทราบได้อย่างไร



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

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



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

การออกแบบเอกสาร

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



นักออกแบบต้องจัดทำเอกสารทรัพย์สินทั้งหมดอย่างถูกต้อง

เรียนนักออกแบบเป็นเวลาสองทศวรรษที่คุณส่ง PSD ที่มีปัญหาเดียวกันมาให้ฉัน ทวีต

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



บอกฉันว่าคุณใช้แบบอักษรใด แจ้งให้เราทราบว่าจะใช้สีระยะห่างและบริบทใด ฉันจำเป็นต้องทราบ.

ฉันยังต้องรู้ว่าจะคาดการณ์อะไรได้บ้างหากไม่มีการออกแบบสำหรับคุณลักษณะเฉพาะ



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

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

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

เช่นเดียวกับบล็อกเนื้อหา หากคุณมีรายการบล็อกเนื้อหาที่แตกต่างกันโปรดเว้นวรรคอย่างสม่ำเสมอ

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

ฉันมักจะทำงานในชื่อเรื่องเหล่านี้ที่มีขนาดตัวอักษร 22px และความสูงของบรรทัด 92px (เห็นได้ชัดว่าคัดลอกและวางจากชื่อหน้าหลัก) การตั้งค่าที่คุณเลือกมีความเกี่ยวข้องแม้ว่าจะไม่ได้เปลี่ยนไฟล์ที่ส่งออกด้วยสายตาก็ตาม

การออกแบบสำหรับเทคโนโลยี

มีสองด้านดังนี้: อะไร สามารถทำได้ และ อะไรคือสิ่งที่เหมาะสม สำหรับสื่อ

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

รูปแบบการตกแต่งมักจะเกี่ยวข้องกับ

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

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

การออกแบบสำหรับเทคโนโลยี

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

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

คุณไม่ใช่ศิลปินกราฟิก คุณเป็นมากกว่านั้นคุณเป็นนักออกแบบ

คุณไม่เพียง แต่ออกแบบให้มีลักษณะเฉพาะเท่านั้น แต่คุณยังต้องออกแบบให้ วิ่ง วิธีหนึ่ง สื่อสาร และ ประพฤติ ในทางหนึ่ง

เพื่อให้นักออกแบบคุ้นเคยกับความคิดโบราณทุกที่: เก้าอี้ที่ดูสวยจะดีขนาดไหนถ้าไม่มีใครนั่งได้ เหรอ?

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

พยายามทำให้ได้มากที่สุดด้วย HTML และ CSS เท่านั้น

พยายามทำให้ได้มากที่สุดด้วย HTML และ CSS เท่านั้น หลีกเลี่ยงการใช้คุณสมบัติที่ดูดีที่มีอยู่ใน Photoshop อย่าใช้การผสม! อย่าใช้ตัวหนา faux และ faux faux

เว้นแต่คุณจะต้องการให้องค์ประกอบเป็นรูปภาพอย่าใช้ฟิลเตอร์เลย - นอกเหนือจากเงาที่เรียบง่ายที่สุด

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

หากเรากำลังใช้ Front-end Framework เช่น Bootstrap ปัญหาเหล่านี้หลายอย่างจะได้รับการแก้ไขแล้วดังนั้นเรียนรู้วิธีการดำเนินการและวิธีแก้ไข อย่าเพิ่งไปคิดออกแบบสิ่งที่ไม่เกี่ยวข้อง

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

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

การออกแบบสำหรับการโต้ตอบ

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

เริ่มจากสิ่งที่ง่ายที่สุดนั่นคือลิงก์

ลิงก์ไม่ได้มีเพียงสองสถานะ

ในการนำทางที่ฉันได้รับคุณจะระบุการออกแบบให้เสมอ ลิงค์ และ ลิงค์ที่ใช้งานอยู่ (หน้าปัจจุบัน).

ในกรณีอื่น ๆ คุณมักจะให้ ฐาน และ โฮเวอร์ รัฐ

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

โอ้คุณไม่กล้าเปลี่ยนรูปแบบการเชื่อมโยงระหว่างรัฐ (ความกว้างของเส้นขอบที่แตกต่างกันการขยายและอื่น ๆ ที่คล้ายกัน)

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

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

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

องค์ประกอบของฟอร์มยิ่งแย่ลง

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

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

เรามีสถานะดังต่อไปนี้:

  • เลือกหรือไม่เลือก
  • วางเมาส์เหนือหรือไม่
  • โฟกัสหรือไม่
  • เปิดใช้งานหรือปิดใช้งาน
  • ผิดพลาดหรือไม่

แต่ละคนสามารถรวมกับคนอื่น ๆ ได้

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

การออกแบบสำหรับการโต้ตอบ

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

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

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

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

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

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

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

การออกแบบสำหรับเนื้อหา

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

เมื่อคุณทราบคร่าวๆแล้วว่าคุณต้องการทำอะไรกับเค้าโครงเนื้อหาโปรดจำไว้ว่าคุณกำลังทำงานกับเนื้อหาแบบไดนามิก

เมื่อคุณทราบคร่าวๆแล้วว่าคุณต้องการทำอะไรกับเค้าโครงเนื้อหาโปรดจำไว้ว่าคุณกำลังทำงานกับเนื้อหาแบบไดนามิก มีสองกรณีที่คุณต้องตรวจสอบเนื้อหาแต่ละส่วน:

  • เกิดอะไรขึ้นถ้ามีมากเกินไป?
  • จะเกิดอะไรขึ้นถ้ามีน้อยเกินไป (หรือขาดหายไปทั้งหมด)

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

รูปภาพขององค์ประกอบเค้าโครงต่างๆและปัญหาที่อาจเกิดขึ้น

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

ตัดสินใจ! แล้ว ออกแบบสิ่งเหล่านั้น!

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

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

ตรวจสอบให้แน่ใจว่าเนื้อหาเดียวกันมีโครงสร้างเหมือนกัน

หากชื่อเรื่องเดียวกันสามารถมองเห็นได้ในหลาย ๆ ที่อย่าใช้ตัวหนาหนึ่งคำในกรณีเดียวและอีกคำหนึ่งที่อื่น!

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

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

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

การออกแบบเพื่อการตอบสนอง

สิ่งนี้ก้าวหน้าไปมากเมื่อไม่นานมานี้ อย่างน้อยก็ในกรณีที่มือถือถูกออกแบบมาจริงๆ มากขึ้นเรื่อย ๆ เราปล่อยให้ bootstrap คิดออกและตบ Band-Aids ที่รอยแตก

ไม่ว่าจะมีหลักการง่ายๆที่คุณต้องรู้

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

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

นอกจากนี้ควรแชร์กลุ่มเนื้อหาในทุกเลย์เอาต์ เมื่อคุณเพิ่มคอลัมน์ตรวจสอบให้แน่ใจว่าตัวแบ่งคอลัมน์สอดคล้องกัน

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

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

การออกแบบข้อยกเว้น

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

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

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

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

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

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

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

ด้วยรัก,

นักพัฒนาส่วนหน้าของคุณ

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

กระบวนการทางการเงิน

เหตุใดผู้ประกอบการจำนวนมากจึงเลือกที่จะสร้างกองทุนการค้นหาผ่านสตาร์ทอัพ
Perks ทั้งหมดไม่ยุ่งยาก: บทช่วยสอน Angular 9

Perks ทั้งหมดไม่ยุ่งยาก: บทช่วยสอน Angular 9

ส่วนหน้าของเว็บ

โพสต์ยอดนิยม
เอกสาร Agile: การปรับสมดุลความเร็วและการรักษาความรู้
เอกสาร Agile: การปรับสมดุลความเร็วและการรักษาความรู้
ทำลายหลักการออกแบบ (ด้วยอินโฟกราฟิก)
ทำลายหลักการออกแบบ (ด้วยอินโฟกราฟิก)
วิธีจัดโครงสร้างลำดับชั้นการพิมพ์ที่มีประสิทธิภาพ
วิธีจัดโครงสร้างลำดับชั้นการพิมพ์ที่มีประสิทธิภาพ
ฮาร์ดแวร์ที่คล่องตัวพร้อมการพัฒนาซอฟต์แวร์ในตัว
ฮาร์ดแวร์ที่คล่องตัวพร้อมการพัฒนาซอฟต์แวร์ในตัว
วิธีการรวม OAuth 2 เข้ากับ Django / DRF Back-end ของคุณโดยไม่บ้า
วิธีการรวม OAuth 2 เข้ากับ Django / DRF Back-end ของคุณโดยไม่บ้า
 
GWT Toolkit: สร้างส่วนหน้า JavaScript ที่มีประสิทธิภาพโดยใช้ Java
GWT Toolkit: สร้างส่วนหน้า JavaScript ที่มีประสิทธิภาพโดยใช้ Java
แหล่งข้อมูลสำหรับธุรกิจขนาดเล็กสำหรับ COVID-19: เงินกู้เงินช่วยเหลือและสินเชื่อ
แหล่งข้อมูลสำหรับธุรกิจขนาดเล็กสำหรับ COVID-19: เงินกู้เงินช่วยเหลือและสินเชื่อ
Libation Frontiers: เจาะลึกอุตสาหกรรมไวน์โลก
Libation Frontiers: เจาะลึกอุตสาหกรรมไวน์โลก
เรียนรู้ Markdown: เครื่องมือการเขียนสำหรับนักพัฒนาซอฟต์แวร์
เรียนรู้ Markdown: เครื่องมือการเขียนสำหรับนักพัฒนาซอฟต์แวร์
พบกับ Phoenix: กรอบงานคล้ายรางสำหรับเว็บแอปสมัยใหม่บน Elixir
พบกับ Phoenix: กรอบงานคล้ายรางสำหรับเว็บแอปสมัยใหม่บน Elixir
โพสต์ยอดนิยม
  • ไม่เหมือนกับข้อมูลในฐานข้อมูล ข้อมูลในคลังข้อมูลคือ:
  • วิธีการสอนตัวเอง c++
  • ไฟล์ส่วนหัว c ++ ตัวอย่าง
  • c คอร์ปอเรชั่น vs s คอร์ปอเรชั่นคืออะไร
  • หลักการเกสตัลต์ในองค์กรการรับรู้
หมวดหมู่
  • ทีมแบบกระจาย
  • เคล็ดลับและเครื่องมือ
  • ชีวิตนักออกแบบ
  • นวัตกรรม
  • © 2022 | สงวนลิขสิทธิ์

    portaldacalheta.pt