ถ้ามีความแตกต่างระหว่างการจัดวางและการจัดวางจะเป็นอย่างไร


10

จะเกิดอะไรขึ้นถ้ามีความแตกต่างระหว่างเลย์เอาต์ของข้อตกลงและองค์ประกอบเมื่อพูดถึงการออกแบบกราฟิก


2
“ เมื่อพูดถึงการออกแบบกราฟิก” นั้นค่อนข้างกว้างสำหรับฉัน ด้านใดของการออกแบบกราฟิก หากคุณกำลังพูดคุยเกี่ยวกับการตั้งค่าหนังสือที่หนึ่งคำตอบ: องค์ประกอบคือการตั้งค่าประเภท , เล่นซอรอบกับการจัดช่องไฟระยะห่างเหตุผลไหลข้อความกำไร ฯลฯ .; ในขณะที่เลย์เอาต์คือการวางองค์ประกอบที่จำเป็นทั้งหมดลงบนหน้ากระดาษให้กว้างขึ้นเพื่อให้ดูดี (รวมถึงการจัดวางองค์ประกอบ แต่ยังรวมถึงการจัดตำแหน่งและการครอบตัดภาพชุดรูปแบบสีการเลือกขนาดหน้า ฯลฯ ) หากคุณกำลังพูดถึง UIs หรือการออกแบบโลโก้คำตอบจะแตกต่างอย่างสิ้นเชิง สิ่งใดที่คุณมุ่งเน้น
Janus Bahs Jacquet

2
@ JanusBahsJacquet มันเกิดขึ้นจากโพสต์เมตานี้ - graphicdesign.meta.stackexchange.com/questions/3258/ ...... - จริงๆแล้วทุกแง่มุมของการออกแบบกราฟิก หากคุณคิดว่าส่วนต่าง ๆ มีความหมายแฝงที่แตกต่างกันโปรดโพสต์ไว้เป็นคำตอบฉันจะสนใจมันมาก
Ryan

คำตอบ:


8

เลย์เอาต์คือตำแหน่งองค์ประกอบจะใช้ในการพิจารณาสิ่งต่าง ๆ เช่นสี ฯลฯ

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

ตัวอย่าง:

]
คลิกเพื่อดูขนาดเต็ม


1
ที่จริงผมใช้ส่วนขยายผู้อ่านมืดดังนั้นฉันกำลังมองเห็นพื้นหลังสีดำมีข้อความสีขาว ดังนั้นฉันจึงเพิ่มสกรีนช็อตสำหรับคุณเพื่ออธิบายจุดของคุณ
PieBie

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

@ Ryan สำหรับฉันการเปลี่ยนแบบอักษรส่วนใหญ่จะเป็นองค์ประกอบ แต่อาจมีผลกับเลย์เอาต์ได้เช่นกันหากมีสิ่งใดเคลื่อนไปมา สำหรับการเปลี่ยนแปลงขนาดตัวอักษรอาจมีการเปลี่ยนแปลงทั้งสองอย่าง
Zach Saucier

@ryan - หากคุณเปลี่ยนขนาดของบล็อคข้อความ (ขนาดพอยต์แบบอักษรจำนวนคำ) ที่มีผลกับเลย์เอาต์ใช่ เลย์เอาต์เป็นส่วนย่อยขององค์ประกอบ แต่ก็ไม่แยก มันมีความสัมพันธ์กับด้านอื่น ๆ โดยทั่วไปเนื้อหากำหนดเค้าโครง แต่บางครั้งเค้าโครงกำหนดเนื้อหาเล็กน้อย: javascript / php ที่ตัดย่อหน้าข้อความสำหรับหน้าตัวอย่างและแน่นอนการปรับขนาดภาพ CSS
PixelSnader

4

มีความแตกต่างที่ฉันคิดว่าเป็นผลรวมที่ดีที่สุดโดย Robert Lane ตามที่เห็นในองค์ประกอบของเว็บไซต์Visual Design :

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

กล่าวอีกนัยหนึ่งองค์ประกอบสามารถมองได้ว่าเป็นองค์ประกอบที่ทำขึ้นการออกแบบ:

องค์ประกอบ

•ธรรมชาติของส่วนประกอบหรือส่วนประกอบของบางสิ่ง; วิธีการทั้งหมดหรือส่วนผสมถูกสร้างขึ้น

ในขณะที่เค้าโครงเป็นองค์กรขององค์ประกอบดังกล่าว:

เค้าโครง

•วิธีการจัดเรียงหรือวางส่วนของบางสิ่งบางอย่าง


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

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