SlideShare ist ein Scribd-Unternehmen logo
1 von 21
Downloaden Sie, um offline zu lesen
Medienproduktion
                                                                 Session #2
                                                                 Worksheets –
                                                                 Struktur, Layout
                                                                 und Design




http://www.tpub.com/content/draftsman/14066/img/14066_41_1.jpg
1   2
1   2
Nicht übertreiben!
        Firlefanz nur wo es
        Sinn macht.




1   2
Zusammengehörigkeit
        sichtbar machen:
        Nähe, Farbe, Form




1   2
Spalten und Reihen
        bringen Ruhe und
        Übersichtlichkeit.




1   2
Spalten und Reihen
        bringen Ruhe und
        Übersichtlichkeit.




1   2
Weniger bringt mehr.
        Reduktion, nicht nur
        didaktisch, sondern
        auch visuell


1   2
Elemente aneinander

1   2   ausrichten, Chaos
        vermeiden.
Elemente aneinander

1   2   ausrichten, Chaos
        vermeiden.
Beispiele
http://sprawsm.com/
http://sprawsm.com/
http://ycnonline.com/
http://www.tivi.de/fernsehen/logo/start/index.html
Timothy Samara:
Making and breaking the grid, S. 39
Timothy Samara:
Making and breaking the grid, S. 39
Timothy Samara:
Making and breaking the grid, S. 20
Timothy Samara:
Making and breaking the grid, S. 20
Nicht langweilen!
http://webdesignledger.com/inspiration/18-great-examples-of-sketched-ui-wireframes-and-mockups

Weitere ähnliche Inhalte

Andere mochten auch

Perencanaan Layout Fasilitas Pabrik (Plan Layout)
Perencanaan Layout Fasilitas Pabrik (Plan Layout)Perencanaan Layout Fasilitas Pabrik (Plan Layout)
Perencanaan Layout Fasilitas Pabrik (Plan Layout)Putri Athena
 
Pert v-perencanaan-tata-letak
Pert v-perencanaan-tata-letakPert v-perencanaan-tata-letak
Pert v-perencanaan-tata-letakArya Pratama
 
7 modul pa2 m7- bentuk atap
7 modul pa2 m7- bentuk atap7 modul pa2 m7- bentuk atap
7 modul pa2 m7- bentuk atapArsitek 15
 
6 modul pa2 m6-rancangan tapak
6 modul pa2 m6-rancangan tapak6 modul pa2 m6-rancangan tapak
6 modul pa2 m6-rancangan tapakArsitek 15
 
Manajemen media-massa-cetak
Manajemen media-massa-cetakManajemen media-massa-cetak
Manajemen media-massa-cetakAlfiansyah Aziz
 
Timeline Sejarah Arsitektur
Timeline Sejarah ArsitekturTimeline Sejarah Arsitektur
Timeline Sejarah ArsitekturArsitek 15
 
Layout media cetak dan digital (Materi Workshop LPMN)
Layout media cetak dan digital (Materi Workshop LPMN)Layout media cetak dan digital (Materi Workshop LPMN)
Layout media cetak dan digital (Materi Workshop LPMN)Happy Prasetiya
 
Lokasi dan layout produksi
Lokasi dan layout produksiLokasi dan layout produksi
Lokasi dan layout produksimikyandiano
 
Standar Kompetensi Arsitek IAI
Standar Kompetensi Arsitek IAIStandar Kompetensi Arsitek IAI
Standar Kompetensi Arsitek IAIAdin A. Dinawan
 
Arsitektur brutalisme dan ceo brutalisme
Arsitektur brutalisme dan ceo brutalismeArsitektur brutalisme dan ceo brutalisme
Arsitektur brutalisme dan ceo brutalismeTadulako University
 
Sejarah Perkembangan Arsitektur Dunia: Romawi
Sejarah Perkembangan Arsitektur Dunia: RomawiSejarah Perkembangan Arsitektur Dunia: Romawi
Sejarah Perkembangan Arsitektur Dunia: RomawiAlvin Karama
 
PLO tugas kelompok 7 "Process Layout"
PLO tugas kelompok 7 "Process Layout"PLO tugas kelompok 7 "Process Layout"
PLO tugas kelompok 7 "Process Layout"Nurul Azizah
 
SEJARAH ROMAWI KUNO & YUNANI KUNO
SEJARAH ROMAWI KUNO & YUNANI KUNOSEJARAH ROMAWI KUNO & YUNANI KUNO
SEJARAH ROMAWI KUNO & YUNANI KUNOAhmad Rafi Fauzan
 
Arsitektur klasik dan modern
Arsitektur klasik dan modernArsitektur klasik dan modern
Arsitektur klasik dan modernAhmad Riyadi
 

Andere mochten auch (20)

Perencanaan Layout Fasilitas Pabrik (Plan Layout)
Perencanaan Layout Fasilitas Pabrik (Plan Layout)Perencanaan Layout Fasilitas Pabrik (Plan Layout)
Perencanaan Layout Fasilitas Pabrik (Plan Layout)
 
Pert v-perencanaan-tata-letak
Pert v-perencanaan-tata-letakPert v-perencanaan-tata-letak
Pert v-perencanaan-tata-letak
 
Poster ilmiah
Poster ilmiahPoster ilmiah
Poster ilmiah
 
7 modul pa2 m7- bentuk atap
7 modul pa2 m7- bentuk atap7 modul pa2 m7- bentuk atap
7 modul pa2 m7- bentuk atap
 
6 modul pa2 m6-rancangan tapak
6 modul pa2 m6-rancangan tapak6 modul pa2 m6-rancangan tapak
6 modul pa2 m6-rancangan tapak
 
Manajemen media-massa-cetak
Manajemen media-massa-cetakManajemen media-massa-cetak
Manajemen media-massa-cetak
 
Timeline Sejarah Arsitektur
Timeline Sejarah ArsitekturTimeline Sejarah Arsitektur
Timeline Sejarah Arsitektur
 
Tata Letak
Tata LetakTata Letak
Tata Letak
 
Process layout
Process layoutProcess layout
Process layout
 
Layout media cetak dan digital (Materi Workshop LPMN)
Layout media cetak dan digital (Materi Workshop LPMN)Layout media cetak dan digital (Materi Workshop LPMN)
Layout media cetak dan digital (Materi Workshop LPMN)
 
Lokasi dan layout produksi
Lokasi dan layout produksiLokasi dan layout produksi
Lokasi dan layout produksi
 
Standar Kompetensi Arsitek IAI
Standar Kompetensi Arsitek IAIStandar Kompetensi Arsitek IAI
Standar Kompetensi Arsitek IAI
 
Arsitektur brutalisme dan ceo brutalisme
Arsitektur brutalisme dan ceo brutalismeArsitektur brutalisme dan ceo brutalisme
Arsitektur brutalisme dan ceo brutalisme
 
Sejarah Perkembangan Arsitektur Dunia: Romawi
Sejarah Perkembangan Arsitektur Dunia: RomawiSejarah Perkembangan Arsitektur Dunia: Romawi
Sejarah Perkembangan Arsitektur Dunia: Romawi
 
Teori arsitektur
Teori arsitektur Teori arsitektur
Teori arsitektur
 
PLO tugas kelompok 7 "Process Layout"
PLO tugas kelompok 7 "Process Layout"PLO tugas kelompok 7 "Process Layout"
PLO tugas kelompok 7 "Process Layout"
 
Teori arsitektur
Teori arsitekturTeori arsitektur
Teori arsitektur
 
SEJARAH ROMAWI KUNO & YUNANI KUNO
SEJARAH ROMAWI KUNO & YUNANI KUNOSEJARAH ROMAWI KUNO & YUNANI KUNO
SEJARAH ROMAWI KUNO & YUNANI KUNO
 
Arsitektur klasik dan modern
Arsitektur klasik dan modernArsitektur klasik dan modern
Arsitektur klasik dan modern
 
Sejarah peradaban yunani kuno
Sejarah peradaban yunani kunoSejarah peradaban yunani kuno
Sejarah peradaban yunani kuno
 

Mehr von Alexander Sperl

E-Learning in der wissenschaftlichen Weiterbildung
E-Learning in der wissenschaftlichen WeiterbildungE-Learning in der wissenschaftlichen Weiterbildung
E-Learning in der wissenschaftlichen WeiterbildungAlexander Sperl
 
Das ICM als Modell für die praxisnahe Ausbildung im Lehramt
Das ICM als Modell für die praxisnahe Ausbildung im LehramtDas ICM als Modell für die praxisnahe Ausbildung im Lehramt
Das ICM als Modell für die praxisnahe Ausbildung im LehramtAlexander Sperl
 
Vortrag WS 7, Arbeitstagung Weimar
Vortrag WS 7, Arbeitstagung WeimarVortrag WS 7, Arbeitstagung Weimar
Vortrag WS 7, Arbeitstagung WeimarAlexander Sperl
 
Präsentation M.Sc. Kinderzahnheilkunde
Präsentation M.Sc. KinderzahnheilkundePräsentation M.Sc. Kinderzahnheilkunde
Präsentation M.Sc. KinderzahnheilkundeAlexander Sperl
 
Präsentation AG E-Learning, Fachforum JLU 2014
Präsentation AG E-Learning, Fachforum JLU 2014Präsentation AG E-Learning, Fachforum JLU 2014
Präsentation AG E-Learning, Fachforum JLU 2014Alexander Sperl
 
E-Learning-Unterstützung im WM³-Projekt
E-Learning-Unterstützung im WM³-ProjektE-Learning-Unterstützung im WM³-Projekt
E-Learning-Unterstützung im WM³-ProjektAlexander Sperl
 
Präsentation AG E-Learning, Projektgesamttreffen
Präsentation AG E-Learning, ProjektgesamttreffenPräsentation AG E-Learning, Projektgesamttreffen
Präsentation AG E-Learning, ProjektgesamttreffenAlexander Sperl
 
Wissensvermittlung in allen drei Phasen der Lehrerbildung
Wissensvermittlung in allen drei Phasen der LehrerbildungWissensvermittlung in allen drei Phasen der Lehrerbildung
Wissensvermittlung in allen drei Phasen der LehrerbildungAlexander Sperl
 

Mehr von Alexander Sperl (17)

Videos in der Lehre
Videos in der LehreVideos in der Lehre
Videos in der Lehre
 
E-Learning in der wissenschaftlichen Weiterbildung
E-Learning in der wissenschaftlichen WeiterbildungE-Learning in der wissenschaftlichen Weiterbildung
E-Learning in der wissenschaftlichen Weiterbildung
 
Das ICM als Modell für die praxisnahe Ausbildung im Lehramt
Das ICM als Modell für die praxisnahe Ausbildung im LehramtDas ICM als Modell für die praxisnahe Ausbildung im Lehramt
Das ICM als Modell für die praxisnahe Ausbildung im Lehramt
 
Vortrag WS 7, Arbeitstagung Weimar
Vortrag WS 7, Arbeitstagung WeimarVortrag WS 7, Arbeitstagung Weimar
Vortrag WS 7, Arbeitstagung Weimar
 
Präsentation M.Sc. Kinderzahnheilkunde
Präsentation M.Sc. KinderzahnheilkundePräsentation M.Sc. Kinderzahnheilkunde
Präsentation M.Sc. Kinderzahnheilkunde
 
Präsentation AG E-Learning, Fachforum JLU 2014
Präsentation AG E-Learning, Fachforum JLU 2014Präsentation AG E-Learning, Fachforum JLU 2014
Präsentation AG E-Learning, Fachforum JLU 2014
 
E-Learning-Unterstützung im WM³-Projekt
E-Learning-Unterstützung im WM³-ProjektE-Learning-Unterstützung im WM³-Projekt
E-Learning-Unterstützung im WM³-Projekt
 
Präsentation AG E-Learning, Projektgesamttreffen
Präsentation AG E-Learning, ProjektgesamttreffenPräsentation AG E-Learning, Projektgesamttreffen
Präsentation AG E-Learning, Projektgesamttreffen
 
Steps for CSS Layout
Steps for CSS LayoutSteps for CSS Layout
Steps for CSS Layout
 
Layout
LayoutLayout
Layout
 
Analysing Prototypes
Analysing PrototypesAnalysing Prototypes
Analysing Prototypes
 
Design Prototyping
Design PrototypingDesign Prototyping
Design Prototyping
 
Visualisierung
VisualisierungVisualisierung
Visualisierung
 
Wissensvermittlung in allen drei Phasen der Lehrerbildung
Wissensvermittlung in allen drei Phasen der LehrerbildungWissensvermittlung in allen drei Phasen der Lehrerbildung
Wissensvermittlung in allen drei Phasen der Lehrerbildung
 
Lernplattformen
LernplattformenLernplattformen
Lernplattformen
 
Color
ColorColor
Color
 
Aspects of good design
Aspects of good designAspects of good design
Aspects of good design
 

Struktur, Layout und Design