คำถามติดแท็ก website-design

คำถามเกี่ยวกับการออกแบบรูปลักษณ์ที่สวยงามของเว็บไซต์ทั้งในทางปฏิบัติและเชิงทฤษฎี สำหรับคำถามเกี่ยวกับการเขียนโค้ดโครงสร้างของเว็บไซต์โปรดไปที่ Stack Overflow สำหรับคำถามเกี่ยวกับประสบการณ์การใช้งานโปรดไปที่ UX.SE ถามทุกสิ่งที่เกี่ยวข้องกับการออกแบบกราฟิกและเลย์เอาต์ที่มองเห็นได้ที่นี่บน GD.SE

3
จังหวะของเส้นแนวตั้ง / กริดพื้นฐานในการออกแบบ
ฉันเพิ่งอ่านบทความเกี่ยวกับความสำคัญของจังหวะตามแนวตั้งที่ดี / การใช้กริดพื้นฐานสำหรับการพิมพ์ที่ดีในการออกแบบเว็บ ฉันตัดสินใจที่จะลองใช้ตารางพื้นฐานเช่น 960 ตารางภาพด้านล่างเป็นภาพพื้นหลังสำหรับชุดรูปแบบการออกแบบเว็บ / WordPress ที่ฉันกำลังทำงานอยู่ ฉันพบว่ามันยากมากที่จะทำให้ทุกอย่างเรียงกันอย่างถูกต้องภายในตาราง ฉันจัดการเพื่อให้ได้ทุกอย่างภายในกริดแนวตั้งที่ขนาดตัวอักษรเริ่มต้น (16px) แต่เมื่อฉันเริ่มยุ่งกับขนาดของส่วนหัวการเพิ่มรูปภาพ ฯลฯ รายการต่าง ๆ จะไม่อยู่ในตำแหน่งที่เหมาะสมในตาราง ฉันต้องการทราบวิธีปรับปรุงการพิมพ์ของฉันโดยใช้จังหวะแนวตั้ง ใครบ้างมีเคล็ดลับหรือเทคนิคที่ฉันควรใช้

3
Gutters - Padding และ Margin สำหรับคอลัมน์ที่มีพื้นหลังหรือเส้นขอบ
อะไรคือแนวทางการออกแบบที่แนะนำสำหรับท่อระบายน้ำเมื่อคอลัมน์ (หรือกล่องหรือโมดูลรูปแบบใด ๆ ) มีรูปร่างที่ชัดเจนเพราะมีพื้นหลังหรือเส้นขอบเป็นของตัวเอง โดยทั่วไปแล้วจะมีช่องว่างระหว่างขอบของกล่องและข้อความ แต่จะคิดในพื้นที่นี้ได้อย่างไร ด้วยการขยายกล่องหรือย่อขนาดตัวอักษร ? เพื่อแสดงให้เห็นนี่คือตัวเลือก (แต่ไม่ใช่ทั้งหมด) ... (นอกจากนี้ฉันสามารถใช้กริดใดก็ได้กับจำนวนคอลัมน์และความกว้างใด ๆ - นี่เป็นเพียงตัวอย่างเท่านั้น - คำถามจริงอาจถูกถามทุกครั้งที่เลย์เอาต์เลาะเลียบเลย์เอาต์) ฉันผ่านกองการเขียนบนเลย์เอาต์ที่ใช้กริด แต่จนถึงตอนนี้ฉันเห็นเพียงอันเดียวที่จัดการเรื่องนี้: เขยิบองค์ประกอบของคุณโดย Khoi Vinh ฉันพลาดอะไรไป หรือว่าไม่มีแนวทางที่ชัดเจน? เนื่องจากหนึ่งในแรงจูงใจสำหรับการวางผังแบบกริดคือการเพิ่มความรู้สึกของการจัดระดับโลกฉันจึงคิดว่าใคร ๆ ก็สามารถโต้แย้งการตัดสินใจขึ้นอยู่กับสิ่งที่ต้องการการจัดตำแหน่งที่มากขึ้น กล่องหรือเนื้อหาของมัน? Khoi Vinh ขอตัวเลือก 3 ในบทความของเขาเว้นแต่ว่าฉันไม่ได้อ่านผิด ฉันพบว่าตัวเองกลับไปกลับมาระหว่างตัวเลือก 3 และตัวเลือก 6 ด้วยตัวเลือก 3 กล่องจะจัดตำแหน่ง แต่ข้อความของข้อความรู้สึกแคบ แต่การใช้ตัวเลือก 6 ทำให้จบลงด้วยการไม่จัดแนวกล่องหรือข้อความ (แม้ว่าอาจจะบอกว่ากึ่งกลางโดยนัยระหว่างขอบข้อความและเส้นขอบกล่องคือ 'สิ่ง' ที่จัดวางในขณะนี้) ก้าวข้ามผ่านเว็บไม่มีการอ่านของฉันในการออกแบบหนังสือและศีลของการสร้างหน้าพูดเกี่ยวกับปัญหานี้อย่างใดอย่างหนึ่ง ฉันสามารถดูวิธีการทำงานของศีลสำหรับส่วนใหญ่ของ …

3
อะไรคือความรับผิดชอบของนักออกแบบเว็บไซต์
สวัสดีทุกคน - ฉันเป็นนักพัฒนา Coldfusion ด้วยประสบการณ์กว่า 2 ปีครึ่ง ฉันมีประสบการณ์กับ Javascript, jquery และ sql ฉันคิดที่จะเรียนรู้การออกแบบเว็บด้วยในเวลาว่างของฉัน อะไรคือความรับผิดชอบของนักออกแบบเว็บไซต์? มันเกี่ยวข้องกับการแปลง PSD เป็น HTML / CSS นักออกแบบเว็บไซต์ควรออกแบบกราฟิกด้วยหรือไม่ ขอบคุณ ..

4
การตั้งค่าสีของ Photoshop สำหรับการออกแบบเว็บ
ควรใช้การตั้งค่าโปรไฟล์สีใดใน Photoshop สำหรับการออกแบบเว็บ? เอฟเฟกต์การสอบเทียบของจอแสดงผลบันทึกภาพในเว็บหรือไม่ ฉันทำการปรับเทียบจอแสดงผลของฉันด้วย colorimeter และต้องการตรวจสอบให้แน่ใจว่าสีของฉันจะเป็น acros ที่สอดคล้องกันเบราว์เซอร์หลักทั้งหมด ฉันใช้โปรไฟล์การสอบเทียบที่ได้รับการปรับเทียบสำหรับพื้นที่ทำงานของฉันการจัดการสีและไม่ฝังโปรไฟล์สำหรับบันทึกสำหรับเว็บและลองใช้. png 24 ทุกครั้งที่ทำได้ นี่เป็นวิธีปฏิบัติที่ดีที่สุดหรือไม่? การตั้งค่าสี บันทึกสำหรับเว็บ

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

4
พื้นที่ที่มีเนื้อหาสูงของเว็บไซต์ต้องเป็นสีขาว / สีอ่อนหรือไม่?
เว็บไซต์หลายแห่งที่ออกแบบมาให้อ่านง่าย (เช่น. nytimes.comหรือilovetypography.com ) ใช้พื้นหลังสีขาวพร้อมตัวอักษรสีดำเพื่อให้เนื้อหาอ่านง่าย จำเป็นหรือไม่ที่ต้องใช้สีอ่อนสำหรับพื้นที่ที่มีเนื้อหาสูงหรือพื้นหลังสีเข้มสามารถอ่านได้อย่างเท่าเทียมกัน?
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.