Skip to content

Latest commit

 

History

History
410 lines (326 loc) · 8.68 KB

demo.md

File metadata and controls

410 lines (326 loc) · 8.68 KB
Raw
title revealOptions
Puzzle ITC
transition center markdown
slide
false
breaks
true

Präsentation

Puzzle ITC

RevealJS Theme

John Doe john@mail.com

<!-- .slide: class="l-cover" -->

# Präsentation
# *Puzzle ITC*
## RevealJS Theme

John Doe
john@mail.com

Agenda

  • Masteransicht
  • Icons
  • Content mit/ohne Bullet Points
  • Bilder
<!-- .slide: class="l-agenda" -->

# Agenda

- Masteransicht	
- Icons
- Content mit/ohne Bullet Points
- Bilder

Nice to meet you

### Alle Puzzlers #### https://www.puzzle.ch/de/team

<!-- .slide: class="l-agenda" -->

# Agenda

- Masteransicht	
- Icons
- Content mit/ohne Bullet Points
- Bilder

Thema 1

You are the

Master!

<!-- .slide: class="l-title02" -->

## Thema 1

# You are the 
# *Master!*

Masteransicht

  • Um das Corporate Design von Puzzle konsistent zu halten, verwenden wir für Präsentationen diese Folienvorlage.
  • Dieses Template stellt eine praktische Übersicht dar und hilft dir beim Erstellen deiner Präsentation.
  • Wenn du nach unten gehst, siehst du bei jeder Folie wie sie aufgebaut wurde.
  • Du kannst die Folien per «copy and paste» in deine Präsentation integrieren.
# Masteransicht

* Um das Corporate Design von Puzzle konsistent zu halten, verwenden wir für Präsentationen diese Folienvorlage.
* Dieses Template stellt eine praktische Übersicht dar und hilft dir beim Erstellen deiner Präsentation.
* Wenn du nach [unten](#unten) gehst, siehst du bei jeder Folie wie sie aufgebaut wurde.
* Du kannst die Folien per «copy and paste» in deine Präsentation integrieren.

Damit der Link funktioniert wurde auf dieser unteren Folie folgendes definiert:

<!-- .slide: id="unten" -->

Thema 2

Icons rather

than text

<!-- .slide: class="l-title02" -->

## Thema 2

# *Icons* rather
# than text

Titel

Icons findest du in unserer Icon-Library.

  • sozialleistungen
    • Sozialleistungen
  • lohn
    • Lohn
  • ferien
    • Ferien
<!-- .slide: class="l-icons l-icons--big" -->

# Titel
#### Icons findest du in unserer [Icon-Library](https://files.puzzle.ch/apps/files/?dir=/swe/P14_Kommunikation/08_Brand/_Design_Library/01_Icons/Icons_Library_Streamline/assets&fileid=5633521).

- ![sozialleistungen](_assets/imgs/icons/icon_sozialleistungen.png)
  - Sozialleistungen
- ![lohn](_assets/imgs/icons/icon_lohn.png)
  - Lohn
- ![ferien](_assets/imgs/icons/icon_ferien.png)
  - Ferien

Titel

Untertitel

  • sozialleistungen
    • Sozialleistungen
  • lohn
    • Lohn
  • ferien
    • Ferien
  • abos
    • Abos
  • firmentreue
    • Firmentreue
<!-- .slide: class="l-icons l-icons--big" -->

# Titel
#### Untertitel

- ![sozialleistungen](_assets/imgs/icons/icon_sozialleistungen.png)
  - Sozialleistungen
- ![lohn](_assets/imgs/icons/icon_lohn.png)
  - Lohn
- ![ferien](_assets/imgs/icons/icon_ferien.png)
  - Ferien
- ![abos](_assets/imgs/icons/icon_abos.png)
  - Abos
- ![firmentreue](_assets/imgs/icons/icon_firmentreue.png)
  - Firmentreue

Titel

  • sozialleistungen

    • Zwischentitel

      Hier findest du verschiedene Möglichkeiten, wie du eine verschiedene Anzahl von Icons einsetzt.
  • lohn

    • Zwischentitel

      Icons mit Text oder nur einigen Stichwörtern – du wählst, was für dich und deine Präsentation passt.
  • ferien

    • Zwischentitel

      Auch hier gilt immer: Weniger ist mehr. Vielfach reicht ein Icon und ein Stichwort aus.
<!-- .slide: class="l-icons l-icons--list" -->

# Titel
- ![sozialleistungen](_assets/imgs/icons/icon_sozialleistungen.png)
  - ### Zwischentitel
    Hier findest du verschiedene Möglichkeiten, wie du eine verschiedene Anzahl von Icons einsetzt.
- ![lohn](_assets/imgs/icons/icon_lohn.png)
  - ### Zwischentitel
    Icons mit Text oder nur einigen Stichwörtern – du wählst, was für dich und deine Präsentation passt.
- ![ferien](_assets/imgs/icons/icon_ferien.png)
  - ### Zwischentitel
    Auch hier gilt immer: Weniger ist mehr. Vielfach reicht ein Icon und ein Stichwort aus.

Thema 3

rarely use

Bullet Points

<!-- .slide: class="l-title02" -->

## Thema 3

# rarely use
# *Bullet Points*

Aufbau einer leeren Slide

  • Diese Slide dient als Vorlage für eine Folie mit Bullet Points.
  • Für mich als Präsentator*in praktisch, für den/die Zuhörer*in eher unpraktisch

Warum?

  • Weil der/die Zuhörer*in auf dich konzentriert ist.
  • Und während der Präsentation nur wenig Text wahrnehmen kann.
  • Deshalb denk daran: Bullet Points nur bedingt einsetzen.

Und falls ich einen Text zeigen muss

Dann verwendest du eine solche Folie ohne Bullet Points. Auch hier gilt: Nur wenig einsetzen. Der/Die Zuhörer*in kann Text während einer Präsentation nur geringfügig wahrnehmen und lesen. Wir wollen während einer Präsentation erzielen, dass sich der/die Zuhörer*in auf das konzentriert, was du sagst.

Setze Text in Präsentationsfolien mit Bedacht ein.

Titel

Untertitel

Und falls du Text mit unterschiedlicher Hierarchie einsetzen willst, dann kannst du diese Folie verwenden.

Zwischentitel

So ist die Folie gegliedert in Untertitel und Zwischentitel. Die Hierarchie hilft dem Zuhörer oder der Zuhörerin, die Themen einzuordnen.

  • Diese Hierarchie hilft dem Verständnis.
  • Das Gezeigte kann besser eingeordnet...
  • ...und das Gesagte besser verarbeitet werden.

Thema 4

show

visuals

<!-- .slide: class="l-title02" -->

## Thema 4

# show
# *visuals*

Bilder wenn möglich ohne Text zeigen

Ein Bild sagt mehr als

tausend Worte

<!-- .slide: data-background-image="_assets/imgs/demo_image.png" -->

Falls du doch Text verwenden willst

Bilder unterstreichen

deine Worte

Hallo. Ich bin ein kleiner Blindtext

<!-- .slide: class="l-top-head" data-background-image="_assets/imgs/demo_image2.png" -->

### Hallo. Ich bin ein kleiner Blindtext

Bild & Titel

## Bild & Titel
![](_assets/imgs/demo_image3.png)

Bild & Titel

## Bild & Titel
<div style="text-align: center">
  <img src="_assets/imgs/demo_image3.png" />
</div>

Thema 4

show

logos

<!-- .slide: class="l-title02" -->

## Thema 4

# show
# *logos*

Logos aufführen

  • sozialleistungen
<!-- .slide: class="l-logos" -->
## Logos aufführen
- ![sozialleistungen](_assets/imgs/icons/IGE_Logo.svg)
- 
- 
- 
- 
-
-
-
-
-

Merci

Mehr Informationen zu Puzzle: www.puzzle.ch






  • @puzzleitc
  • @puzzleitc
  • @puzzle_itc
  • @puzzleitc
  • @puzzle