ในฐานะผู้สร้างเพจที่มีคุณสมบัติเหมาะสม ความสามารถในการ "กู้คืนแบบร่างการออกแบบหน้าเว็บ" ถือเป็นสิ่งสำคัญมาก หน้าเว็บสามารถเหมือนกับแบบร่างการออกแบบได้หรือไม่ บางครั้งรายละเอียดสามารถกำหนดความสำเร็จหรือความล้มเหลวได้ และความแตกต่างระหว่างความสำเร็จและความล้มเหลวอาจกล่าวได้ว่าเป็นระยะทางหลายพันไมล์ โดยเฉพาะอย่างยิ่งเมื่อสร้างโครงการบูติก
1. ข้อกำหนดด้านภาพ
บางครั้งแบบร่างการออกแบบที่เราได้รับจากนักออกแบบไม่จำเป็นต้องแม่นยำ ตัวอย่างเช่น ข้อความชื่อโมดูลประเภทเดียวกันคือ 13PX ในที่เดียวและ 14PX ในอีกที่หนึ่ง ซึ่งมีลักษณะเหมือนกัน ด้วยตาเปล่าแต่ค่าสีจริงแตกต่างกัน ความสูงของบรรทัดของแต่ละย่อหน้าแตกต่างกัน กล่องป๊อปอัปประเภทเดียวกันมีหลายขนาด ฯลฯ ... ในกรณีนี้ เราไม่สามารถกู้คืนแบบร่างการออกแบบได้ ของการเรียกคืนร่างการออกแบบ
เพื่อลดต้นทุนในการสื่อสารกับนักออกแบบ วิศวกรการปรับโครงสร้างต้องกระตุ้นให้นักออกแบบสร้างข้อกำหนดด้านภาพสำหรับทั้งไซต์ในระยะแรก เขียนเนื้อหาบางส่วนที่ตกลงกันในที่สาธารณะในรูปแบบของเอกสาร และดำเนินการอย่างเคร่งครัด มันในระยะต่อมา
เป็นการดีที่สุดสำหรับนักออกแบบในการตั้งค่าข้อกำหนดด้านภาพก่อนที่จะเริ่มสร้างเพจ ซึ่งจะช่วยลดต้นทุนของการดีบักข้อต่อหลังการผลิตของเพจได้อย่างมาก นอกจากนี้ การผลิตเพจสามารถสร้างข้อกำหนดแบบรวมสำหรับสิ่งต่าง ๆ ที่สร้างเทมเพลตในระยะเริ่มต้น เช่น แบบอักษร ไอคอน เส้นขอบ สีพื้นหลัง ระยะห่าง ฯลฯ และสร้างอินเทอร์เฟซคลาสแบบครบวงจร เมื่อข้อกำหนดการออกแบบได้รับการแก้ไขในขั้นตอนต่อมา จะง่ายต่อการปรับเปลี่ยน
2. การใส่คำอธิบายประกอบแบบร่างการออกแบบ
จะต้องให้นักออกแบบทำเครื่องหมายระยะห่าง ความกว้าง แบบอักษรพิเศษ สีแบบอักษรพิเศษ ความสูงของบรรทัดพิเศษ ฯลฯ บนแบบร่างการออกแบบ ด้วยวิธีนี้ ไม่จำเป็นต้องวัดใหม่เมื่อสร้างหน้า และการบูรณะได้รับการปรับปรุงอย่างมาก ความแม่นยำของแบบร่างการออกแบบยังช่วยลดต้นทุนในการสื่อสารกับผู้ออกแบบและค่าใช้จ่ายในการแก้ไขจุดบกพร่องหลังการผลิต นี่คือตัวอย่าง:
3.เครื่องมือไม้บรรทัดหน้าเว็บ (FastStone Capture)
เข็มทิศนำทาง เทอร์โมมิเตอร์สำหรับแพทย์ เทปวัดสำหรับช่างไม้...หลายอาชีพมีเครื่องมือวัดพิเศษเป็นของตัวเอง ดังนั้นเวลาเราสร้างเพจเราก็ต้องวัดระยะห่าง ความกว้าง ความสูงด้วย สี...และข้อมูลอื่นๆ แล้วการผลิตเพจควรมีเครื่องมือระดับมืออาชีพสำหรับการวัดเพจที่แม่นยำหรือไม่
นี่คือซอฟต์แวร์ที่สามารถวัดหน้าเว็บได้อย่างแม่นยำ FastStone Capture เรียกได้ว่าถึงแม้ซอฟต์แวร์จะเล็ก แต่ก็มีครบทุกอย่าง สิ่งจำเป็น
4. บทช่วยสอนง่ายๆ ของ FastStone Capture
1. เปิดเครื่องมือวัด
คลิกที่ไอคอนทางด้านขวาสุดของแผงควบคุม
ให้เปิดและเลือก "ไม้บรรทัดหน้าจอ" ไม้บรรทัดตามที่แสดงด้านล่างจะปรากฏบนหน้าจอ เพื่อความสะดวกในการวัดเปอร์สเปคทีฟ คุณสามารถตั้งค่าไม้บรรทัดเป็นแบบโปร่งใสหรือโปร่งแสงได้:
2.
สำหรับการวัดแนวนอน ไม้บรรทัดเริ่มต้นจะถูกวางในแนวนอน คุณสามารถกดปุ่มขึ้น ลง ซ้าย และขวาบนแป้นพิมพ์เพื่อเลื่อนไม้บรรทัดทีละพิกเซล เป็นแว่นขยายที่มุมขวาบนของหน้าจอเพื่อแสดงพื้นที่การวัด ลากเมาส์เพื่อวัดความยาวของระดับอย่างแม่นยำ ลากขอบแนวนอนทั้งสองของไม้บรรทัดเพื่อขยายหรือย่อให้สั้นลง
3. หากต้องการวัดในแนวตั้ง
ให้คลิกไอคอนปุ่มตามที่แสดงบนไม้บรรทัด
วิธีทำให้ไม้บรรทัดอยู่ในแนวตั้ง: หรือคลิกสองครั้งที่ไม้บรรทัดเพื่อทำให้ไม้บรรทัดอยู่ในแนวตั้ง
วิธีการวัดแนวตั้งและแนวนอนมีความคล้ายคลึงกัน ดังนั้น ฉันจะไม่ทำซ้ำที่นี่
4. หากต้องการวัดแบบจุดต่อจุด
ให้คลิกไอคอนบนไม้บรรทัด:
แว่นขยายที่มุมขวาบนของหน้าจอจะแสดงความยาวของเส้น
ใช้เมาส์ลากเส้นตรงจากจุด A ไปยังจุด B และวัดระยะห่างระหว่างจุดสองจุด
5. การวัดสี่เหลี่ยมผืนผ้า
น่าเสียดายที่ซอฟต์แวร์ไม่มีสี่เหลี่ยมจัตุรัสหรือเข็มทิศ ทำให้วัดสี่เหลี่ยมผืนผ้าได้ยาก ไม่ต้องกังวล คุณสามารถใช้วิธีอื่นแทนได้ ที่นี่เราใช้ฟังก์ชันภาพหน้าจอ
คลิกที่ไอคอนไม้บรรทัด
ปิดไม้บรรทัด กลับไปที่แผงควบคุมซอฟต์แวร์ แล้วคลิกไอคอนที่สาม
(จับภาพพื้นที่สี่เหลี่ยม):
ลากเมาส์เพื่อวัดโมดูลสี่เหลี่ยมของหน้าเว็บที่คุณต้องการวัด แว่นขยายที่มุมซ้ายบน (หรือขวา) ของหน้าจอจะแสดง w*h=value*value, w คือ ความกว้าง และ h คือความสูง
6.
คลิกไอคอนทางด้านขวาของแผงควบคุมซอฟต์แวร์เพื่อเลือกสีของหน้าเว็บ:
กล่องแบบเลื่อนลงจะปรากฏขึ้น เลือก "เครื่องมือเลือกสีหน้าจอ" ไอคอนหลอดหยดจะปรากฏขึ้น ย้ายพิกัดที่ระบุโดยหลอดดูดสี และคลิกเพื่อรับค่าสีที่ใดก็ได้บนหน้าจอ