การเขียนบทหนังสั้น - WordPress.com · Web viewThe Edit การต ดต อ ค อ การเช อมระหว างช อต 2 ช
การออกแบบโดยการใช้ระบบกริด DESIGN...
88
DESIGN BY การออกแบบโดยการใช้ระบบกริด GRID SYSTEM LAYOUT DESIGN
Transcript of การออกแบบโดยการใช้ระบบกริด DESIGN...
DESIGN BY การออกแบบโดยการใชร้ะบบกริด
GRID SYSTEM
LAYOUT DESIGN
DESIGNER JOB
LAYOUT DESIGN
Constructivism
LAYOUT DESIGN
Constructivism
LAYOUT DESIGN
BAUHAUS FOUNDER
LAYOUT DESIGN
JON TSCHICHOLD
BAUHAUS FOUNDER
LAYOUT DESIGN
BAUHAUS FOUNDER
LAYOUT DESIGN
JON TSCHICHOLD
BAUHAUS FOUNDER
LAYOUT DESIGN
JON TSCHICHOLD
BAUHAUS FOUNDER
LAYOUT DESIGN
JON TSCHICHOLD
BAUHAUS FOUNDER
LAYOUT DESIGN
JON TSCHICHOLD
BAUHAUS FOUNDER
LAYOUT DESIGN
JON TSCHICHOLD
BAUHAUS FOUNDER
LAYOUT DESIGN
JON TSCHICHOLD
BAUHAUS STYLE
LAYOUT DESIGN
BAUHAUS STYLE
LAYOUT DESIGN
BAUHAUS STYLE
LAYOUT DESIGN
BAUHAUS STYLE
LAYOUT DESIGN
BAUHAUS STYLE
LAYOUT DESIGN
NEW TYPOGRAPHY
LAYOUT DESIGN
JOSEF MULLER BROCKMANN
NEW TYPOGRAPHY
LAYOUT DESIGN
JOSEF MULLER BROCKMANN
NEW TYPOGRAPHY
LAYOUT DESIGN
JOSEF MULLER BROCKMANN
NEW TYPOGRAPHY
LAYOUT DESIGN
JOSEF MULLER BROCKMANN
NEW TYPOGRAPHY
LAYOUT DESIGN
JOSEF MULLER BROCKMANN
NEW TYPOGRAPHY
LAYOUT DESIGN
JOSEF MULLER BROCKMANN
SWISS STYLE
LAYOUT DESIGN
NEUE GRAFIK
SWISS STYLE
LAYOUT DESIGN
NEUE GRAFIK
SWISS STYLE
LAYOUT DESIGN
NEUE GRAFIK
SWISS STYLE
LAYOUT DESIGN
NEUE GRAFIK
SWISS STYLE
LAYOUT DESIGN
NEUE GRAFIK
SWISS STYLE
LAYOUT DESIGN
NEUE GRAFIK
SWISS STYLE
LAYOUT DESIGN
NEUE GRAFIK
SWISS STYLE
LAYOUT DESIGN
SWISS STYLE
LAYOUT DESIGN
SWISS STYLE
LAYOUT DESIGN
SWISS STYLE
LAYOUT DESIGN
SWISS STYLE
LAYOUT DESIGN
SWISS STYLE
LAYOUT DESIGN
SWISS STYLE
LAYOUT DESIGN
SWISS STYLE
LAYOUT DESIGN
BAUHAUS EFFECT
LAYOUT DESIGN
PAUL RAND
BAUHAUS EFFECT
LAYOUT DESIGN
PAUL RAND
BAUHAUS EFFECT
LAYOUT DESIGN
PAUL RAND
BAUHAUS EFFECT
LAYOUT DESIGN
BAUHAUS EFFECT
LAYOUT DESIGN
BAUHAUS EFFECT
LAYOUT DESIGN
BAUHAUS EFFECT
LAYOUT DESIGN
BAUHAUS EFFECT
LAYOUT DESIGN
BAUHAUS EFFECT
LAYOUT DESIGN
BAUHAUS EFFECT
LAYOUT DESIGN
GRID SYSTEM
Heraldry หมายถึง เครื่องหมายที่น าลักษณะรูปร่างโล่ของอัศวินมาใช้ในการออกแบบ มีชื่อเรียกอีกอย่างหนึง่ว่า “Crest” ส่วนใหญ่ของเดิมมักจะมีรูปของสิ่งต่างๆที่อยู่ในธรรมชาติ หรือสัตว์ที่มีอยู่ในจนิตนาการของแต่ละท้องถิ่น
LAYOUT DESIGN
การใช้ระบบกริดในการออกแบบ คือ การแบ่งซอยพื้นที่บนหน้ากระดาษ หรือพื้นที่ว่าง ขนาดใหญท่ี่ใชใ้ห้มขีนาดเล็กลงหลายๆพื้นที่ โดยการใช้เส้นตั้งและเส้นนอนตัดกันเป็น มุมฉาก หรืออาจเปรียบเทียบได้กับการสร้างบ้าน โดยเส้นตั้งเปรียบเสมือนเสา และเส้น นอนเปรียบเสมือนคานของบ้าน ส่วนภาพหรือตัวอักษรนั้นเป็นแค่เพียงองค์ประกอบ ปลีกย่อยเพื่อความสวยงามที่เอามาตกแต่งบนงานออกแบบ
WHAT IS GRID?
GRID SYSTEM
Heraldry หมายถึง เครื่องหมายที่น าลักษณะรูปร่างโล่ของอัศวินมาใช้ในการออกแบบ มีชื่อเรียกอีกอย่างหนึง่ว่า “Crest” ส่วนใหญ่ของเดิมมักจะมีรูปของสิ่งต่างๆที่อยู่ในธรรมชาติ หรือสัตว์ที่มีอยู่ในจนิตนาการของแต่ละท้องถิ่น
LAYOUT DESIGN WHAT IS GRID?
GRID SYSTEM
WHAT IS SIZE ? LAYOUT DESIGN
WHERE IS PLACE ?
GRID SYSTEM
Heraldry หมายถึง เครื่องหมายที่น าลักษณะรูปร่างโล่ของอัศวินมาใช้ในการออกแบบ มีชื่อเรียกอีกอย่างหนึง่ว่า “Crest” ส่วนใหญ่ของเดิมมักจะมีรูปของสิ่งต่างๆที่อยู่ในธรรมชาติ หรือสัตว์ที่มีอยู่ในจนิตนาการของแต่ละท้องถิ่น
WHAT IS SIZE ? LAYOUT DESIGN
WHERE IS PLACE ?
GRID SYSTEM
Heraldry หมายถึง เครื่องหมายที่น าลักษณะรูปร่างโล่ของอัศวินมาใช้ในการออกแบบ มีชื่อเรียกอีกอย่างหนึง่ว่า “Crest” ส่วนใหญ่ของเดิมมักจะมีรูปของสิ่งต่างๆที่อยู่ในธรรมชาติ หรือสัตว์ที่มีอยู่ในจนิตนาการของแต่ละท้องถิ่น
WHAT IS SIZE ? LAYOUT DESIGN
WHERE IS PLACE ?
GRID SYSTEM
Heraldry หมายถึง เครื่องหมายที่น าลักษณะรูปร่างโล่ของอัศวินมาใช้ในการออกแบบ มีชื่อเรียกอีกอย่างหนึง่ว่า “Crest” ส่วนใหญ่ของเดิมมักจะมีรูปของสิ่งต่างๆที่อยู่ในธรรมชาติ หรือสัตว์ที่มีอยู่ในจนิตนาการของแต่ละท้องถิ่น
GRID JOB LAYOUT DESIGN
STRUCTURE OF PAGE
ELEMENT REPLACEMENT
ORGANIZEING INFORMATION
GRID SYSTEM
Heraldry หมายถึง เครื่องหมายที่น าลักษณะรูปร่างโล่ของอัศวินมาใช้ในการออกแบบ มีชื่อเรียกอีกอย่างหนึง่ว่า “Crest” ส่วนใหญ่ของเดิมมักจะมีรูปของสิ่งต่างๆที่อยู่ในธรรมชาติ หรือสัตว์ที่มีอยู่ในจนิตนาการของแต่ละท้องถิ่น
GRID ELEMENT LAYOUT DESIGN
Grid unit
Alley
Alle
y
Grid unit
Grid unit
Margin Margin
Margin Margin
Mar
gin
Gu
tter
Gu
tter
Mar
gin
GRID SYSTEM
GRID ELEMENT LAYOUT DESIGN
Grid unit ส่วนประกอบที่เป็นพื้นที่ย่อยที่เกิดข้ึนจากเส้นในแนวต้ังและแนวนอนตัดกันเป็นรูปสี่เหลี่ยม เพื่อพื้นที่เหล่านี้จะถูกน าไปใช้วางองค์ประกอบที่ใช้ในการออกแบบ โดยในพื้นที่หน้าอาจจะ มียูนิตกริดเท่ากันหรือไม่เท่ากันก็ได้
GRID SYSTEM
GRID ELEMENT LAYOUT DESIGN
Alley ส่วนประกอบที่เป็นพื้นที่ว่างระหว่างยูนิตกริดแต่ละยูนิตที่รวมกันอยู่เป็นกลุ่ม ในการออกแบบ กริดส่วนใหญ่ นิยมมีอัลลีย์เพราะจะช่วยให้เกิดการอ่านง่ายเมื่อวางตัวอักษรลงไปในยูนิต ที่อยู่ติดกัน
GRID SYSTEM
GRID ELEMENT LAYOUT DESIGN
Margin ส่วนประกอบที่เป็นพื้นที่ว่างโดยรอบกลุ่มยูนิตกริดทั้งหมด โดยทั่วไปแล้วจะนิยมออกแบบ ยูนิตกริดให้อยู่รวมกันเป็นกลุ่มครอบคลุมพื้นที่เกือบหมดหน้ากระดาษ โดยเว้นขอบ 4 ด้าน ไว้เนื่องจากหากวางองค์ประกอบบริเวณนี้อาจขาดหายไปได้ เนื่องจากการเจียรหรือตัดขอบ
GRID SYSTEM
GRID ELEMENT LAYOUT DESIGN
Gutter พื้นที่ว่างที่เว้นว่างระหว่างหน้าซ้ายและหน้าขวาของสิ่งพิมพ์ เหตุผลที่เว้นเช่นเดียวกับ การเว้นมาร์จิน แต่จะเป็นปัญหาจากการเย็บเล่ม โดยเฉพาะสิ่งพิมพ์ที่มีความหนามาก
GRID SYSTEM
GRID TYPE LAYOUT DESIGN
Manuscript Grid เป็นระบบกริดที่มีความเรียบง่ายและซับซ้อนน้อยที่สุด นิยมใชใ้นการพิมพ์หนังสือสมัยโบราณ รูปแบบที่ชัดเจนคือ ในหนึง่หน้ากระดาษจะมียูนิตกรดสี่เหลี่ยมใหญ่เกือบเต็มหน้ากระดาษ และมีมาร์จินล้อมรอบ
GRID SYSTEM
MANUSCRIPT GRID LAYOUT DESIGN
GRID SYSTEM
MANUSCRIPT GRID LAYOUT DESIGN
GRID SYSTEM
MANUSCRIPT GRID LAYOUT DESIGN
GRID SYSTEM
GRID TYPE LAYOUT DESIGN
Column Grid เป็นระบบกริดที่มีความซับซ้อนมากข้ึน โดยในหนึง่หน้ากระดาษจะมียูนิตกริดสี่เหลี่ยม มากกว่า 1 ยูนิตโดยแบ่งพืนที่ด้วยเส้นตั้งออกเป็นคอลัมน์คือ มีขนาดความสูงเกือบเต็มหน้า ขนาดอาจจะเท่ากันหรือไม่เท่ากันก็ได้ มักมีอัลลีย์ระหว่างคอลัมน์ และมีมาร์จินล้อมรอบ ระบบกริดนี้มักใช้กับงานที่ให้ความส าคัญกับตัวหนังสือมากกว่าภาพ
GRID SYSTEM
COLUMN LAYOUT DESIGN
GRID
GRID SYSTEM
COLUMN LAYOUT DESIGN
GRID
GRID SYSTEM
GRID TYPE LAYOUT DESIGN
Modular Grid เป็นระบบกริดที่มีความซับซ้อนมากกว่า 2 ประเภทแรก โดยในหนึง่หน้ากระดาษจะมี ยูนิตกริดสี่เหลี่ยมหลายยูนิต โดยแบ่งด้วยเส้นทั้งทางตั้งและทางนอน มักมอีัลลีย์เป็น ช่องว่างระหว่างยูนิต และมีมาร์จินล้อมรอบ ระบบกริดนี้นิยมใช้กับงานทีใ่ห้ความส าคัญ ของภาพมากกว่าหรือเท่ากับตัวหนังสือ
GRID SYSTEM
MODULAR LAYOUT DESIGN
GRID
GRID SYSTEM
MODULAR LAYOUT DESIGN
GRID
GRID SYSTEM
MODULAR LAYOUT DESIGN
GRID
GRID SYSTEM
GRID TYPE LAYOUT DESIGN
Hierarchical Grid เป็นระบบกริดที่มีความซับซ้อนมากที่สุด เพราะเป็นระบบที่ไม่ได้เป็นรูปแบบตายตัว แต่ถูกออกแบบเพื่อให้เหมาะสมกับข้อมูลที่จะน าเสนอ หรือให้ตรงกับบุคลิกภาพ ที่ต้องการในงานออกแบบให้ตรงกับแนวคิด (concept) โดยในหนึง่หน้าจะมียูนิต กริดสี่เหลี่ยมมากกว่า 1 ยูนิตที่เท่ากันหรือไม่เท่ากันก็ได้ จะมีอัลลีย์เป็นช่องว่างระหว่าง ยูนิตหรือวางซ้อนทบักันก็ได้ และจะมีมาร์จินหรือไม่มีก็ได ้
GRID SYSTEM
HIERARCHICAL LAYOUT DESIGN
GRID
GRID SYSTEM
HIERARCHICAL LAYOUT DESIGN
GRID
GRID SYSTEM
HIERARCHICAL LAYOUT DESIGN
GRID
GRID SYSTEM
HIERARCHICAL LAYOUT DESIGN
GRID
SPREAD LAYOUT DESIGN
PAGE
Recto and verso
These are the pages within a double spread; recto refers to the
right-hand while / Verso is the left-hand page
Gu
tter
Fore
-edge
Back-ed
ge
Foot / Bottom margin Foot / Bottom margin
Top margin Top margin
Column Column Column Column Alley Alley
Column Column Column Column Alley Alley
Foot / Bottom margin Foot / Bottom margin
Top margin Top margin
Gu
tter
Fore
-edge
Back-ed
ge
Foot / Bottom margin
Fore-edge Column
Gutter
Inter column space / alley Back-edge
ส่วนประกอบของหน้าคู่
Column Column
Foot / Bottom margin Foot / Bottom margin
Column Column
Gu
tter
Fore
-edge
Back-ed
ge Top margin Top margin
Alley Alley
Column Column
Foot / Bottom margin Foot / Bottom margin
Column Column
Gu
tter
Fore
-edge
Back-ed
ge
Alley Alley
Top margin Top margin
