ทำให้กระบวนการออกแบบกริดของคุณเป็นแบบอัตโนมัติด้วย GridGuide
ขั้นตอนแรกที่สำคัญของการออกแบบเว็บไซต์คือการเลือกกริด โดยทั่วไปจะกำหนดความกว้างสูงสุดของหน้าพร้อมกับจำนวนคอลัมน์ภายในและรางที่จะใช้ในการแบ่งการจัดวาง.
คุณสามารถลองสร้างของคุณเอง แต่เครื่องมือที่ดีที่สุดสำหรับงานนี้คือ GridGuide มันเป็นเว็บแอพฟรีที่สมบูรณ์ สร้างกริดอัตโนมัติสำหรับเว็บไซต์ใด ๆ โดยไม่คำนึงถึงขนาด.
เพียงใส่ความกว้างสูงสุดที่คุณต้องการตามด้วยจำนวนคอลัมน์ที่คุณต้องการ โดยทั่วไปแล้วตัวเลขสองตัวนี้ควรหารได้ดังนั้นจึงควรหลีกเลี่ยงตัวเลขที่สำคัญ นี่คือความกว้างสูงสุดทั่วไปสำหรับเว็บไซต์:
- 1100px คูณ 12 คอลัมน์
- 1200px คูณ 8/12 คอลัมน์
- 1240px คูณ 8/12 คอลัมน์
- 1440px คูณ 8/10/12 คอลัมน์
- 1600px คูณ 8/10/12 คอลัมน์
ไม่มีคำตอบที่ผิดอย่างแน่นอนที่นี่ คุณสามารถ เลือกความกว้างและตราบใดที่มันหารด้วยจำนวนคอลัมน์เท่า ๆ กัน ถ้างั้นคุณก็ไปได้.
GridGuide เป็นเว็บแอพเร็ว ๆ นี้ดังนั้นจึงอัปเดตอัตโนมัติเมื่อคุณป้อนค่าลงในฟิลด์อินพุต ดังนั้นเมื่อคุณปรับตัวเลขที่ด้านบนสุดคุณจะสังเกตเห็น พรีวิวตารางจะเปลี่ยนโดยอัตโนมัติ.
ฉันเคยใช้ Photoshop สำหรับงานนี้และมันทำให้ฉันบ้า การสร้างกริดอย่างสุจริตเป็นหนึ่งในขั้นตอนที่น่าหงุดหงิดที่สุดเมื่อออกแบบเว็บไซต์ใหม่และการทำให้พิกเซลสมบูรณ์แบบอาจทำให้โกรธได้.
แต่ GridGuide นั้นเป็นระบบอัตโนมัติอย่างสมบูรณ์และให้ตัวเลือกกริดที่แตกต่างกันมากมายตามขนาดคอลัมน์และความกว้างของรางน้ำ.
คุณสามารถทำได้ ดาวน์โหลดรูปภาพ PNG แบบเต็มของกริดที่คุณเลือกนำเข้าสู่ Photoshop. นี่จะ ประหยัดเวลาได้มาก ดังนั้นคุณจะไม่สร้างกริดอีกครั้งด้วยเครื่องมือรูปร่างตั้งแต่เริ่มต้น.
และถ้าคุณชอบสไตล์กริดคุณสามารถสร้างลิงค์แชร์เพื่อคั่นหน้าสำหรับภายหลังหรือแชร์กับผู้อื่นบนเว็บ.
สำหรับเครื่องมือที่ไม่มีค่าใช้จ่ายอย่างสมบูรณ์และง่ายต่อการใช้สิ่งนี้จะต้องเป็นคำแนะนำยอดนิยมของฉันสำหรับนักออกแบบเว็บไซต์ทุกคน หากคุณต่อสู้กับกริดและความเกลียดชังการออกแบบของคุณเอง GridGuide เป็นทรัพยากรที่ต้องมีในกล่องเครื่องมือของคุณ.
