คำถามติดแท็ก page-layout

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

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

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

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

4
ความกว้างคอลัมน์ที่แนะนำสำหรับการอ่านข้อความ, ดิจิตอลเทียบกับการพิมพ์
มาจากพื้นหลังแบบดิจิตัลฉันมักจะอ่านคำแนะนำประเภทต่าง ๆ (ตัวอย่าง35-50 ems) สำหรับความกว้างของคอลัมน์ของเนื้อหาข้อความที่จะรักษาความสามารถในการอ่านที่ดี มีคำแนะนำใด ๆ จากการออกแบบการพิมพ์ที่สามารถปรับเปลี่ยนได้หรือไม่และพวกเขาจะได้รับการวัดอะไรบ้าง ( em, การนับจำนวนคำ, การนับตัวอักษร, อื่น ๆ .. )? ฉันกำลังมองหาบทความหนังสือหรือข้อมูลอ้างอิงอื่น ๆ เกี่ยวกับเรื่องนี้โดยเฉพาะ สามารถทำมิเรอร์แบบดิจิทัลเพื่อพิมพ์สื่อได้เมื่อความกว้างของคอลัมน์และในทางกลับกัน

3
ฉันจะหาขนาดตัวอักษร / ข้อความที่เหมาะสมสำหรับระยะการอ่านที่ระบุได้อย่างไร
เพื่อหลีกเลี่ยงการพิมพ์ตัวอักษรตัวเดียวที่มีขนาดต่างกันและการวัดระยะห่างที่ฉันสามารถมองเห็นได้จากระยะไกลมีสูตรสำหรับกำหนดขนาดตัวอักษรสำหรับระยะการอ่านที่เฉพาะเจาะจงหรือไม่ จะดีกว่าไหมถ้าใช้จุดกึ่งกลางระหว่างบรรทัดขึ้นและลง x หรือสูงไปจากความสูง x หมดจด (เนื่องจากหมดไปจากเส้นบนขึ้นล่างอาจทำให้ตัวอักษรตัวเล็กอ่านยาก) ความสูงแนวตั้งเล่นกับสิ่งนี้อย่างไร ฉันจะต้องหาระยะทางด้านตรงข้ามมุมฉากแทนที่จะเป็นระยะทางตรงหรือไม่? ตัวอย่างเช่นหากฉันถ่ายภาพในระยะการอ่าน 20 'แต่ต้องวางป้ายประมาณ 30' ฉันควรใช้ระยะทาง 35 'แทน 20' หรือไม่ ฉันกำลังถ่ายระยะการอ่าน 20 'สำหรับพาดหัวและจากนั้นอาจเป็นระยะการอ่าน 10' สำหรับเนื้อหาเพิ่มเติมขึ้นอยู่กับความเหมาะสมของพื้นที่ใช้งาน

7
เหตุใดหนังสือพิมพ์จึงใช้หลายคอลัมน์
นี่อาจไม่ใช่สถานที่ที่เหมาะสมที่จะถาม แต่ฉันสงสัยว่าทำไมหนังสือพิมพ์ใช้หลายคอลัมน์ มันใช้พื้นที่น้อยลงหรือมีเหตุผลทางสายตาหรือไม่?

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

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

2
ใช้ MasterPage กับหน้าใน QuarkXpress
ฉันได้สร้างโครงการใหม่พร้อมกล่องข้อความอัตโนมัติ (หน้าไม่หันหน้า) และได้สร้างหน้าต้นแบบที่สองซึ่งตอนนี้ฉันต้องการนำไปใช้กับทุกหน้าคู่ InDesign มีตัวเลือกนี้เมื่อฉันคลิกขวาที่หน้าต้นแบบ แต่ฉันไม่พบที่ใดก็ได้ใน QuarkXpress 9.1 Google ก็ไม่ได้ดีกับฉันเหมือนกัน ใครช่วยชี้ฉันในทิศทางที่ถูกต้องได้ไหม แม้จะบอกว่า "มันไม่สามารถทำได้"

1
การออกแบบจะมีความสมดุลและยังมีจุดโฟกัสได้อย่างไร?
แนวคิดของจุดโฟกัสดูเหมือนจะเป็นพื้นฐานในการออกแบบเว็บ แต่จุดโฟกัสไม่ได้หมายความว่าหน้าเว็บไม่สมดุล แน่นอนโดยการกำหนดจุดโฟกัสหมายความว่า 'น้ำหนัก' ของหน้าเว็บถูกเลื่อนไปยังจุดโฟกัสนี้หรือไม่

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

3
กล่องด้านข้างเรียกว่าอะไรอย่างถูกต้อง?
ชื่อที่ถูกต้องสำหรับกล่องกันข้อความที่มีการไหลรอบคืออะไร? สำหรับตัวอย่างของสิ่งที่ฉันหมายความโปรดดูที่บทความนี้ ฉันกำลังพูดถึงกล่องที่ขึ้นต้นด้วย "สมัครรับจดหมายข่าวความคิดเห็นวันนี้"

4
มีคำเฉพาะสำหรับท่อระบายน้ำแนวนอนหรือไม่?
บริบท ทีมของฉันกำลังทำงานบนเว็บไซต์ที่ตอบสนองได้และเราอนุญาตให้ผู้ใช้กำหนดค่าคุณสมบัติบางอย่างของหน้ารวมถึงช่องว่างระหว่าง "เซลล์" ของกริด เราได้สนทนาเกี่ยวกับคำศัพท์ที่ถูกต้องเพื่อระบุ "ช่องว่างระหว่างเซลล์" เห็นได้ชัดว่าเราสามารถใช้บางสิ่งบางอย่างเช่น "มาร์จิ้น" แต่นั่นค่อนข้างกว้างเกินไปเนื่องจากจะมีช่องว่างระหว่างหน้าและเซลล์นอกสุด เราต้องการระบุช่องว่างระหว่างเซลล์เท่านั้น ผู้ใช้ของเราไม่จำเป็นต้องมีความชำนาญด้านเทคโนโลยี (หมายถึง CSS และอื่น ๆ ) แต่อาจมีพื้นหลังในการออกแบบกราฟิก (หรืออย่างน้อยก็คุ้นเคยกับคำศัพท์ทั่วไป) คำถาม "รางน้ำ" ดูเหมือนว่าคำที่ถูกต้องมากที่สุด แต่ส่วนมากของคำจำกัดความของ "ท่อ" ที่ฉันสามารถค้นหาเฉพาะหมายถึงช่องว่างระหว่างคอลัมน์ มีคำเฉพาะสำหรับช่องว่างระหว่างแถวหรือไม่? หรือมันเหมาะสมที่จะเพียงแค่เรียกพวกเขาว่า "ท่อระบายน้ำในแนวนอน"? ตัวอย่าง นี่คือภาพประกอบของสิ่งที่ฉันพยายามระบุ (ภาพที่ยืมมาจากhttps://www.init.de/en/news/responsive-design ) ปัญหาเกี่ยวกับคำศัพท์ในปัจจุบันของฉัน "รางน้ำแนวนอน (/ แนวตั้ง)" ค่อนข้างสับสนในความคิดของฉันเนื่องจากมันไม่ชัดเจนว่ารางน้ำอยู่ระหว่างองค์ประกอบแนวนอน (/ แนวตั้ง) หรือถ้ามีช่องว่างแนวนอน / แนวตั้งระหว่างแนวตั้ง องค์ประกอบ) มีความขัดแย้งในทีมของฉันเกี่ยวกับคำจำกัดความที่ถูกต้องดังนั้นฉันคิดว่านั่นเป็นหลักฐานที่เพียงพอว่าวลีนั้นสับสนจริง ๆ อย่างน้อยเกี่ยวกับเว็บ "ช่องว่างภายใน" และ "ระยะขอบ" ไม่เหมาะสมกับสิ่งที่ฉันกำลังอธิบาย การแพ็ดดิ้งหมายถึงช่องว่างระหว่างเส้นขอบและเนื้อหาขณะที่ระยะขอบหมายถึงช่องว่างรอบองค์ประกอบ …

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

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.