Differences

This shows you the differences between two versions of the page.

--- teaching:ba:courses:design-basics:sose24:kurzzeitprojekt [2025/03/22 08:08] – [Präsentation] Felix Hardmood Beck
+++ teaching:ba:courses:design-basics:sose24:kurzzeitprojekt [2025/03/22 08:41] (current) – [Dokumentation] Felix Hardmood Beck
@@ Line 38: / Line 38: @@
 ==== Schritt 2 ====
-{{:ba:design_basics:sose24:mpdrei_doku_01.jpg?direct&200|}} {{:ba:design_basics:sose24:mpdrei_doku_02.jpg?direct&200|}} {{:ba:design_basics:sose24:mpdrei_doku_03.jpg?direct&200|}}
+{{:teaching:ba:courses:design-basics:mpdrei_doku_01.jpg?direct&200|}} {{:teaching:ba:courses:design-basics:mpdrei_doku_02.jpg?direct&200|}} {{:teaching:ba:courses:design-basics:mpdrei_doku_03.jpg?direct&200|}}
 Prototypen Erstellung
-  * **Quick- and Dirty Prototypen ** \\ \\ Die bisherige Konzeptskizze wird überführt in verschiedene **Quick- and Dirty Prototypen**. (Dauer pro Modell max. ca. 30 Minuten). Bei der Erstellung eines solchen Prototypen geht es darum mit relativ geringen Material-, Kosten- und Zeitaufwänden bestimmte Aspekte Ihrer Idee auszutesten. Dies kann zum Beispiel die geplante Größe Ihres Objektes oder die äußere Form sein. Auch kann an so einem Modell etwa die Positionierung bestimmter Elemente wie Knöpfe, Lautsprecher etc. getestet werden. Es geht hier __nicht__ um ein "gutes" Aussehen. Es ist überhaupt nicht schlimm, wenn Teile abgerissen und an anderer Stelle wieder angeklebt werden. Versuchen Sie anhand eines solchen Prototypen möglichst viel Erkenntnisse abzuleiten zum Beispiel zur Handhabung des Objektes. Testen Sie durch diverse //Quick-and-dirty Prototypen// in kürzester Zeit unterschiedliche Alternativen. \\ \\ Beispiele: \\ {{:ba_design_basics:quick_and_dirty_prototype_radio_01.jpg?direct&100|}} {{:ba_design_basics:quick_and_dirty_prototype_radio_02.jpg?direct&114|}} {{:ba_design_basics:quick_and_dirty_prototype_radio_03.jpg?direct&100|}} {{:ba_design_basics:quick_and_dirty_prototype_radio_04.jpg?direct&100|}} {{:ba_design_basics:quick_and_dirty_prototype_radio_05.jpg?direct&154|}} {{:ba_design_basics:quick_and_dirty_prototype_radio_06.jpg?direct&100|}} \\ \\
+  * **Quick- and Dirty Prototypen ** \\ \\ Die bisherige Konzeptskizze wird überführt in verschiedene **Quick- and Dirty Prototypen**. (Dauer pro Modell max. ca. 30 Minuten). Bei der Erstellung eines solchen Prototypen geht es darum mit relativ geringen Material-, Kosten- und Zeitaufwänden bestimmte Aspekte Ihrer Idee auszutesten. Dies kann zum Beispiel die geplante Größe Ihres Objektes oder die äußere Form sein. Auch kann an so einem Modell etwa die Positionierung bestimmter Elemente wie Knöpfe, Lautsprecher etc. getestet werden. Es geht hier __nicht__ um ein "gutes" Aussehen. Es ist überhaupt nicht schlimm, wenn Teile abgerissen und an anderer Stelle wieder angeklebt werden. Versuchen Sie anhand eines solchen Prototypen möglichst viel Erkenntnisse abzuleiten zum Beispiel zur Handhabung des Objektes. Testen Sie durch diverse //Quick-and-dirty Prototypen// in kürzester Zeit unterschiedliche Alternativen. \\ \\ Beispiele: \\ {{:teaching:ba:courses:design-basics:quick_and_dirty_prototype_radio_01.jpg?direct&100|}} {{:teaching:ba:courses:design-basics:quick_and_dirty_prototype_radio_02.jpg?direct&114|}} {{:teaching:ba:courses:design-basics:quick_and_dirty_prototype_radio_03.jpg?direct&100|}} {{:teaching:ba:courses:design-basics:quick_and_dirty_prototype_radio_04.jpg?direct&100|}} {{:teaching:ba:courses:design-basics:quick_and_dirty_prototype_radio_05.jpg?direct&154|}} {{:teaching:ba:courses:design-basics:quick_and_dirty_prototype_radio_06.jpg?direct&100|}} \\ \\
-  * ** Papier/Papp-Modelle ** Bauen Sie ein oder mehrere **Papier/Papp-Modelle im Massstab 1:1**. Hier geht es um die Erstellung eines Körpers aus Papier oder Pappe in Originalgröße, d.h. im Massstab 1:1 (Dauer ca. 3,5 Stunden!). Dies kann beispielsweise als Schicht- oder als Faltmodell erfolgen. Auch wird in diesem Schritt ausgetestet, wie groß bestimmte Bedienelemente sein können/müssen oder an welchen Positionen diese genau sitzen sollen. Testen Sie an Ihrem Modell die optimale Position und Handhabung bestimmter Positionen, Flächen und Bedienelemente (Dauer ca. 2 Stunden pro Modell). Eine Orientierung für einen ersten Schritt in die richtige Richtung bietet das untere Bildbeispiel. Hier testet der Student Adham Chakohi diverse Ansätze einer Radiofrontfläche, um daraus einen ersten Ansatz für ein Modell in 1:1-Größe abzuleiten. \\  {{:ba_design_basics:design_fundamentals_img_5032.jpg?direct&400|}} \\ \\ Weitere Beispiele verschiedener Papier/Papp-Modelle: \\ {{:ba:sose24:paper_prototype_radio_00.jpg?direct&96|}} {{:ba:sose24:paper_prototype_radio_01.jpg?direct&114|}} {{:ba:sose24:paper_prototype_radio_02.jpg?direct&114|}} {{:ba:sose24:paper_prototype_radio_03.jpg?direct&114|}} {{:ba:sose24:paper_prototype_radio_04.jpg?direct&64|}} {{:ba:sose24:paper_prototype_radio_06.jpg?direct&115|}} {{:ba:sose24:paper_prototype_radio_05.jpg?direct&230|}}   \\ \\ Durch solche Modelle können Sie Ihre Idee beispielsweise auf Ergonomie oder Funktionsweise überprüfen. \\ Dokumentieren Sie Ihren Prozess und die einzelnen Ergebnisse. \\ \\ Verschiedene Entwurfsscribbles: \\ {{:ba:sose24:beispiel_3ansichten_sose21_teresa_gerard.png?direct&200|}} {{:ba:sose24:beispiel_3ansichten_sose21_vincent_musial.png?direct&200|}} {{:ba:sose24:beispiel_3ansichten_sose21_nicola_stolze.png?direct&200|}} \\ //Beispiel von links nach rechts: Teresa Gerard, Vincent Musial, Nicola Stolze (SoSe2021)//
+  * ** Papier/Papp-Modelle ** Bauen Sie ein oder mehrere **Papier/Papp-Modelle im Massstab 1:1**. Hier geht es um die Erstellung eines Körpers aus Papier oder Pappe in Originalgröße, d.h. im Massstab 1:1 (Dauer ca. 3,5 Stunden!). Dies kann beispielsweise als Schicht- oder als Faltmodell erfolgen. Auch wird in diesem Schritt ausgetestet, wie groß bestimmte Bedienelemente sein können/müssen oder an welchen Positionen diese genau sitzen sollen. Testen Sie an Ihrem Modell die optimale Position und Handhabung bestimmter Positionen, Flächen und Bedienelemente (Dauer ca. 2 Stunden pro Modell). Eine Orientierung für einen ersten Schritt in die richtige Richtung bietet das untere Bildbeispiel. Hier testet der Student Adham Chakohi diverse Ansätze einer Radiofrontfläche, um daraus einen ersten Ansatz für ein Modell in 1:1-Größe abzuleiten. \\  {{:teaching:ba:courses:design-basics:design_fundamentals_img_5032.jpg?direct&400|}} \\ \\ Weitere Beispiele verschiedener Papier/Papp-Modelle: \\ {{:teaching:ba:courses:design-basics:paper_prototype_radio_00.jpg?direct&96|}} {{:teaching:ba:courses:design-basics:paper_prototype_radio_01.jpg?direct&114|}} {{:teaching:ba:courses:design-basics:paper_prototype_radio_02.jpg?direct&114|}} {{:teaching:ba:courses:design-basics:paper_prototype_radio_03.jpg?direct&114|}} {{:teaching:ba:courses:design-basics:paper_prototype_radio_04.jpg?direct&64|}} {{:teaching:ba:courses:design-basics:paper_prototype_radio_06.jpg?direct&115|}} {{:teaching:ba:courses:design-basics:paper_prototype_radio_05.jpg?direct&230|}}   \\ \\ Durch solche Modelle können Sie Ihre Idee beispielsweise auf Ergonomie oder Funktionsweise überprüfen. \\ Dokumentieren Sie Ihren Prozess und die einzelnen Ergebnisse. \\ \\ Verschiedene Entwurfsscribbles: \\ {{:teaching:ba:courses:design-basics:beispiel_3ansichten_sose21_teresa_gerard.png?direct&200|}} {{:teaching:ba:courses:design-basics:beispiel_3ansichten_sose21_vincent_musial.png?direct&200|}} {{:teaching:ba:courses:design-basics:beispiel_3ansichten_sose21_nicola_stolze.png?direct&200|}} \\ //Beispiel von links nach rechts: Teresa Gerard, Vincent Musial, Nicola Stolze (SoSe2021)//
   * Je nachdem wieviel Zeit Sie noch haben, werden Sie in Ihren weiteren Prototypen Schritt für Schritt etwas detailreicher. Nutzen Sie zur Erstellung bspw die Ressourcen des Maker-Spaces oder der Werkstatt im ZBE.
   * Achten Sie darauf, dass parallel zu Ihrer Arbeit in allen Bearbeitungsphasen die einzelnen Schritte gut und ausreichend dokumentiert werden.
@@ Line 56: / Line 56: @@
 ==== Schritt 4 ====
-  * Überlegen Sie sich einen **Namen** für Ihr Audio-Objekt. Verwenden Sie dafür eine //morphologische Matrix//. Unteres Bild (//Abb. Prinzip der morphologischen Matrix//) ist dabei als __modellhaft__ zu verstehen. So könnten Sie beispielsweise vier verschiedene Worte (A,B,C,D) mit vier verschiedenen Einsatzbereichen (1,2,3,4) kreuzen, oder alternativ dazu auch etwa vier verschiedene fiktive Namen (A,B,C,D) mit vier verschiedenen englischen Worten (1,2,3,4), um zu neuen Ansätzen zu gelangen. Sie sehen also, dass es hier beliebig viele verschiedene Möglichkeiten gibt Ansätze und Varianten mit diesem Prinzip zu generieren. Es liegt an Ihnen sich die entsprechenden Parameter zu überlegen, die Sie verwenden wollen und anhand derer Sie Ihre Ansätze ableiten. Schauen Sie sich ebenfalls folgende [[https://pin.it/1CuVJMI|Beispiele bei Pinterest]] an. Wählen Sie aus den erstellten Ansätzen die drei Varianten aus, die Ihnen am besten gefallen, bzw. Ihres Erachtens am meisten potential haben weiter entwickelt zu werden. Heben Sie diese visuell in Ihrer Matrix hervor. In der unteren Abbildung sind dies beispielhaft die Ansätze **<color /#ed1c24>1A</color>**, **<color /#fff200>3C</color>** und **<color /#00a2e8>2D</color>**. \\ \\ {{:ba_design_basics:prinzip_morphologische_matrix.jpg?direct&200|}} \\ //Abb. Prinzip der morphologischen Matrix//. \\  \\
+  * Überlegen Sie sich einen **Namen** für Ihr Audio-Objekt. Verwenden Sie dafür eine //morphologische Matrix//. Unteres Bild (//Abb. Prinzip der morphologischen Matrix//) ist dabei als __modellhaft__ zu verstehen. So könnten Sie beispielsweise vier verschiedene Worte (A,B,C,D) mit vier verschiedenen Einsatzbereichen (1,2,3,4) kreuzen, oder alternativ dazu auch etwa vier verschiedene fiktive Namen (A,B,C,D) mit vier verschiedenen englischen Worten (1,2,3,4), um zu neuen Ansätzen zu gelangen. Sie sehen also, dass es hier beliebig viele verschiedene Möglichkeiten gibt Ansätze und Varianten mit diesem Prinzip zu generieren. Es liegt an Ihnen sich die entsprechenden Parameter zu überlegen, die Sie verwenden wollen und anhand derer Sie Ihre Ansätze ableiten. Schauen Sie sich ebenfalls folgende [[https://pin.it/1CuVJMI|Beispiele bei Pinterest]] an. Wählen Sie aus den erstellten Ansätzen die drei Varianten aus, die Ihnen am besten gefallen, bzw. Ihres Erachtens am meisten potential haben weiter entwickelt zu werden. Heben Sie diese visuell in Ihrer Matrix hervor. In der unteren Abbildung sind dies beispielhaft die Ansätze **<color /#ed1c24>1A</color>**, **<color /#fff200>3C</color>** und **<color /#00a2e8>2D</color>**. \\ \\ {{:teaching:ba:courses:design-basics:prinzip_morphologische_matrix.jpg?direct&200|}} \\ //Abb. Prinzip der morphologischen Matrix//. \\  \\
   * Erstellen Sie ein **Logo** für Ihren mp3-Player. Das Logo muss eine Wort- und Bildmarke enthalten.((Corporate Identity, Dieter Herbst, Cornelsen Verlag, Berlin, 1999)). Für die Wortmarke verwenden Sie den Namen, der Ihnen am besten gefallen hat.
@@ Line 75: / Line 75: @@
       * Speichern Sie Ihre Datei als //default.de.md//
     - Es dürfen nur **Bilder** im __JPG Dateiformat__ verwendet werden. Diese müssen __eine Größe von 1400 x 800 px (72 dpi)__ haben und müssen für das Web optimiert sein. Gehen Sie dafür wie folgt vor:
-      * Benutzen Sie beispielsweise in Photoshop die "Safe for Web"-Option ("Für Web Speichern"). Achten Sie dabei auf die unten hervorgehobenen Punkte 1 (Bildformat: JPG), 2 (Bildqualität: 80%) und 3 (Bildgröße: 1400x800 px). Achten Sie darauf, das die Dateigröße, wie bei Punkt 4 hervorgehoben, 800k (Kilobyte) nicht überschreitet. \\ {{:ba:save_for_web_1400x800px.jpg?direct&960|}}
+      * Benutzen Sie beispielsweise in Photoshop die "Safe for Web"-Option ("Für Web Speichern"). Achten Sie dabei auf die unten hervorgehobenen Punkte 1 (Bildformat: JPG), 2 (Bildqualität: 80%) und 3 (Bildgröße: 1400x800 px). Achten Sie darauf, das die Dateigröße, wie bei Punkt 4 hervorgehoben, 800k (Kilobyte) nicht überschreitet. \\ {{:teaching:ba:courses:design-basics:save_for_web_1400x800px.jpg?direct&960|}}
       * Speichern Sie dann die Bilddatei. Benutzen Sie im Namen __keine__ Majuskeln (nur Kleinbuchstaben), __keine__ Leerzeichen (stattdessen einen Unterstrich, wie im Beispiel: test_bild_1400x800px.jpg), __keine__ Sonderzeichen und __keine__ Umlaute!
       * Kontrollieren Sie, dass die verwendeten Bildnamen auch richtig in Ihrer *.md-Datei verwendet werden.