- \n
- Weiterf\u00fchrung im Bereich Visuelle Kommunikation<\/li>\n\n\n\n
- Verbesserung der Gestaltungs- und Medienkompetenz im Webbereich (als User und Autor)<\/li>\n\n\n\n
- Enwicklung eines eigenen Portfolios<\/li>\n<\/ul>\n\n\n\n
Vorkenntnisse\/ Vor\u00fcbung<\/h1>\n\n\n\n
- \n
- technische Einf\u00fchrung zum Thema Internet und Webdesign (Server, Client, html<\/a>, Browser, Upload etc.)<\/li>\n\n\n\n
- Recherchen und Analysen bestehender Webseiten von Designern und K\u00fcnstlern (Bilder, Typo<\/a>, Layout<\/a>, Farbkonzept, Navigation\/Sitemap, Botschaft)<\/li>\n\n\n\n
- Rekapitualtion der Grundlagen des Grafik- und Web-Designs. Unterscheidung der \u00c4sthetik und Kultur im Print- und Webbereich. Wieso ist das so? Zur Anregung f\u00fcr eine Diskussion kann vom folgenden Bild ausgegangen werden:<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/kunstunterricht.ch\/e\/wp-content\/uploads\/2023\/06\/1855_Berlins_erste_Litfasssaeule-1024x810.jpg\")
<\/figure>\n\n\n\nF.G. Nordmann: Zeitgen\u00f6ssische Lithografie der ersten Berliner Litfasss\u00e4ule von 1854, 1855<\/em> (wm<\/a>)<\/p>\n\n\n\n
Auftrag<\/h1>\n\n\n\n
Erstelle eine Webseite mit deinem Portfolio. Ein Portfolio<\/a> zeigt die besten und wichtigsten Arbeiten und soll der Bewerbung oder Selbstvermarktung dienen. Entscheide dich dabei f\u00fcr ein bestimmtes Berufsfeld der Gestaltung und Kunst, das du im Vorfeld analysierst (siehe oben). Denkbar w\u00e4re: Eine Website mit Portfolio im Berufsfeld Illustration, Grafikdesign, Webdesign, Werbung\/Visuelle Kommunikation, Berufsfotografie, Film (Corporate und Werbung oder Spielfilm), Schauspielerei, Mode-\/ Texildesign, Trendberatung, Denkfabrik (Think Tank), Innenarchitektur, Produktdesign (spezifisch z.B. f\u00fcr Schmuck, Ski…) oder Bildende Kunst. Wer weiss, vielleicht wird dir dieses Portfolio sp\u00e4ter im Studium sogar einen kleinen Nebenerwerb generieren?<\/p>\n\n\n\n
Pr\u00e4sentiere deine Arbeit bzw. dich mit Werkbeispielen auf einer Webseite dem Berufsfeld entsprechend in ansprechender Form und mit passendem Inhalt (z.B. Intro, Werkbeispiele, Kosten, CV, Kontakt). Verletze dabei keine Urheberrechte (Bild, Text, Ton etc.) sondern nutze selbst erstellte Arbeiten oder creative commons lizenzierte Materialien (Credits angeben).<\/p>\n\n\n\n
Kriterien<\/h1>\n\n\n\n
Gesamteindruck \u00fcberzeugt. Im Detail sind dies:<\/p>\n\n\n\n
- \n
- Visuell\/ Appearance<\/strong>: Dem Berufsfeld und Portfolio entsprechend ad\u00e4quates Design („\u00e4usseres Desgin“: Farben, Layout, Motive, Schriften…), grafischer Aufbau stimmt in sich („inneres Design“: professionelles Erscheinungsbild), konsequente Umsetzung auf der gesamten Website (roter Faden)<\/li>\n\n\n\n
- Inhaltlich\/ Content<\/strong>: dem Berufsfeld entsprechend ad\u00e4quates und pr\u00e4gnantes Webseitenkonzept, spannendes Portfolio mit \u00fcberzeugenden Arbeiten, logischer Aufbau und sinnvolle Gliederung der Inhalte auf der Website, die relevanten Elemente sind enthalten (evtl. wer, was, wie, wo, wann…)<\/li>\n\n\n\n
- Benutzung\/ Usability: <\/strong>gute Usability (intuitive Navigation, gutes Text\/Bild-Verh\u00e4ltnis), geeignet f\u00fcr verschiedene Bildschirmgr\u00f6ssen und Browser<\/li>\n\n\n\n
- Technische Umsetzung<\/strong>: sinnvolle Datenorganisation (Ordner und Dateien), korrekte Verkn\u00fcpfung der Texte und Bilder, einheitliche Programmierung, sinnvolle und kreative L\u00f6sungsfindung bei technischen Schwierigkeiten in der Umsetzung<\/li>\n<\/ul>\n\n\n\n
Vorgaben\/ Hilfen<\/h1>\n\n\n\n
- \n
- Bildbearbeitungsprogramm (Photoshop\/ Illustrator oder kostenfreies Gimp\/ Inkscape)<\/li>\n\n\n\n
- HTML-Editor<\/a> mit FTP-Client (z.B. Dreamweaver oder der kostenfreie KompoZer<\/a>) <\/li>\n\n\n\n
- Internetanbindung und Zugang zu einem Webserver (Benutzername, Passwort, Adresse etc.)<\/li>\n\n\n\n
- Optimierung auf FullHDTV-Format (1920 X 1080 Px, RGB)<\/li>\n\n\n\n
- Benutzung websicherer Farben<\/a><\/li>\n\n\n\n
- Benutzung websicherer Schriften<\/a> <\/li>\n\n\n\n
- Platzhaltertext Lorem Ipsum<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
In diesem Auftrag entwickelst du f\u00fcr deine Person einen Webauftritt.<\/p>\n","protected":false},"author":1,"featured_media":3433,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[35,33,38],"class_list":["post-517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-auftraege","tag-kommunikation","tag-neue-medien","tag-webdesign-interactiondesign"],"acf":[],"_links":{"self":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/comments?post=517"}],"version-history":[{"count":2,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/517\/revisions"}],"predecessor-version":[{"id":3434,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/517\/revisions\/3434"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media\/3433"}],"wp:attachment":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media?parent=517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/categories?post=517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/tags?post=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Inhaltlich\/ Content<\/strong>: dem Berufsfeld entsprechend ad\u00e4quates und pr\u00e4gnantes Webseitenkonzept, spannendes Portfolio mit \u00fcberzeugenden Arbeiten, logischer Aufbau und sinnvolle Gliederung der Inhalte auf der Website, die relevanten Elemente sind enthalten (evtl. wer, was, wie, wo, wann…)<\/li>\n\n\n\n
- Recherchen und Analysen bestehender Webseiten von Designern und K\u00fcnstlern (Bilder, Typo<\/a>, Layout<\/a>, Farbkonzept, Navigation\/Sitemap, Botschaft)<\/li>\n\n\n\n
- technische Einf\u00fchrung zum Thema Internet und Webdesign (Server, Client, html<\/a>, Browser, Upload etc.)<\/li>\n\n\n\n
![wm<\/a>)<\/p>\n\n\n\nAuftrag<\/h1>\n\n\n\nErstelle eine Webseite mit deinem Portfolio. Ein Portfolio<\/a> zeigt die besten und wichtigsten Arbeiten und soll der Bewerbung oder Selbstvermarktung dienen. Entscheide dich dabei f\u00fcr ein bestimmtes Berufsfeld der Gestaltung und Kunst, das du im Vorfeld analysierst (siehe oben). Denkbar w\u00e4re: Eine Website mit Portfolio im Berufsfeld Illustration, Grafikdesign, Webdesign, Werbung\/Visuelle Kommunikation, Berufsfotografie, Film (Corporate und Werbung oder Spielfilm), Schauspielerei, Mode-\/ Texildesign, Trendberatung, Denkfabrik (Think Tank), Innenarchitektur, Produktdesign (spezifisch z.B. f\u00fcr Schmuck, Ski…) oder Bildende Kunst. Wer weiss, vielleicht wird dir dieses Portfolio sp\u00e4ter im Studium sogar einen kleinen Nebenerwerb generieren?<\/p>\n\n\n\nPr\u00e4sentiere deine Arbeit bzw. dich mit Werkbeispielen auf einer Webseite dem Berufsfeld entsprechend in ansprechender Form und mit passendem Inhalt (z.B. Intro, Werkbeispiele, Kosten, CV, Kontakt). Verletze dabei keine Urheberrechte (Bild, Text, Ton etc.) sondern nutze selbst erstellte Arbeiten oder creative commons lizenzierte Materialien (Credits angeben).<\/p>\n\n\n\nKriterien<\/h1>\n\n\n\nGesamteindruck \u00fcberzeugt. Im Detail sind dies:<\/p>\n\n\n\n\nVisuell\/ Appearance<\/strong>: Dem Berufsfeld und Portfolio entsprechend ad\u00e4quates Design („\u00e4usseres Desgin“: Farben, Layout, Motive, Schriften…), grafischer Aufbau stimmt in sich („inneres Design“: professionelles Erscheinungsbild), konsequente Umsetzung auf der gesamten Website (roter Faden)<\/li>\n\n\n\nInhaltlich\/ Content<\/strong>: dem Berufsfeld entsprechend ad\u00e4quates und pr\u00e4gnantes Webseitenkonzept, spannendes Portfolio mit \u00fcberzeugenden Arbeiten, logischer Aufbau und sinnvolle Gliederung der Inhalte auf der Website, die relevanten Elemente sind enthalten (evtl. wer, was, wie, wo, wann…)<\/li>\n\n\n\nBenutzung\/ Usability: <\/strong>gute Usability (intuitive Navigation, gutes Text\/Bild-Verh\u00e4ltnis), geeignet f\u00fcr verschiedene Bildschirmgr\u00f6ssen und Browser<\/li>\n\n\n\nTechnische Umsetzung<\/strong>: sinnvolle Datenorganisation (Ordner und Dateien), korrekte Verkn\u00fcpfung der Texte und Bilder, einheitliche Programmierung, sinnvolle und kreative L\u00f6sungsfindung bei technischen Schwierigkeiten in der Umsetzung<\/li>\n<\/ul>\n\n\n\nVorgaben\/ Hilfen<\/h1>\n\n\n\n\nBildbearbeitungsprogramm (Photoshop\/ Illustrator oder kostenfreies Gimp\/ Inkscape)<\/li>\n\n\n\nHTML-Editor<\/a> mit FTP-Client (z.B. Dreamweaver oder der kostenfreie KompoZer<\/a>) <\/li>\n\n\n\nInternetanbindung und Zugang zu einem Webserver (Benutzername, Passwort, Adresse etc.)<\/li>\n\n\n\nOptimierung auf FullHDTV-Format (1920 X 1080 Px, RGB)<\/li>\n\n\n\nBenutzung websicherer Farben<\/a><\/li>\n\n\n\nBenutzung websicherer Schriften<\/a> <\/li>\n\n\n\nPlatzhaltertext Lorem Ipsum<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"In diesem Auftrag entwickelst du f\u00fcr deine Person einen Webauftritt.<\/p>\n","protected":false},"author":1,"featured_media":3433,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[35,33,38],"class_list":["post-517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-auftraege","tag-kommunikation","tag-neue-medien","tag-webdesign-interactiondesign"],"acf":[],"_links":{"self":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/comments?post=517"}],"version-history":[{"count":2,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/517\/revisions"}],"predecessor-version":[{"id":3434,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/517\/revisions\/3434"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media\/3433"}],"wp:attachment":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media?parent=517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/categories?post=517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/tags?post=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}](\"https:\/\/de.wikipedia.org\/wiki\/Litfa\u00dfs\u00e4ule#\/media\/Datei:Berlins_erste_Litfa\u00dfs\u00e4ule.jpg\"){kind=link}