{"id":7952,"date":"2023-11-07T20:43:14","date_gmt":"2023-11-07T20:43:14","guid":{"rendered":"https:\/\/fortuno.hr\/uvod-u-dizajn\/"},"modified":"2024-07-02T15:00:26","modified_gmt":"2024-07-02T15:00:26","slug":"uvod-u-dizajn","status":"publish","type":"post","link":"https:\/\/fortuno.hr\/de\/einfuhrung-in-das-design\/","title":{"rendered":"Einf\u00fchrung in das Design"},"content":{"rendered":"

Ob App Store, Play Store, Microsoft Store, Steam oder eine andere Plattform mit Apps \u2013 die Sache ist die: Es gibt Unmengen davon, Zehntausende. Der Benutzer sucht nach einer bestimmten Anwendung (egal wof\u00fcr, ob es sich um ein Spiel, ein Programm f\u00fcr Windows, f\u00fcr Mobiltelefone usw. handelt) und wird auf unz\u00e4hlige \u00e4hnliche Anwendungen sto\u00dfen. Wie wird der Benutzer (Sie, wir, ich\u2026) die Anwendung ausw\u00e4hlen? Seltener basierend auf den aufgef\u00fchrten Funktionen, viel h\u00e4ufiger basierend auf dem Aussehen: wie die Anwendungsoberfl\u00e4che aussieht, welche Bilder verwendet wurden, wie der Trailer aussieht, wenn es sich um ein Spiel handelt, welche Farben verwendet wurden. Um die Einleitung abzuk\u00fcrzen und auf den Punkt zu kommen: Design ist wichtig! Design ist SEHR wichtig. <\/span><\/p>\n

 <\/p>\n

Man muss sich nur anschauen, wie viel riesige Unternehmen allein in Design und Werbung investieren: Samsung f\u00fcr ihre Mobiltelefone, Microsoft f\u00fcr ihre Laptops, Spiele f\u00fcr ihre innovativen und merkw\u00fcrdigen Werbeanzeigen. All dies muss so gestaltet sein, dass es die Zielgruppe anspricht (sei es die allgemeine Bev\u00f6lkerung, junge Menschen, \u00e4ltere Menschen, Frauen, Studenten usw.). Es gibt viele Definitionen von Design, aber hier ist eine, die mir pers\u00f6nlich gef\u00e4llt:<\/span><\/p>\n


\n\u201eDesign ist ein Plan zur Erstellung eines Produkts oder einer Dienstleistung mit der Absicht, die menschliche Erfahrung im Zusammenhang mit einem bestimmten Problem zu verbessern.\u201c<\/em><\/span><\/span><\/p>\n


\nEinfach ausgedr\u00fcckt: Design ist alles, was Sie sehen. Die B\u00fccher auf Ihrem Schreibtisch \u2013 jemand hat die Einb\u00e4nde entworfen, der Stift, den Sie in der Hand halten \u2013 selbst wenn es das einfachste Modell ist \u2013 hat jemand das Aussehen und die Funktionalit\u00e4t entworfen, Ihr Mobiltelefon \u2013 jemand hat definitiv das Ger\u00e4t entworfen, das Tischdesign, das Hausdesign \u2026 Alles = Design! Okay, vielleicht lasse ich mich ein wenig hinrei\u00dfen, aber ich versuche, Ihnen die Bedeutung des Designs zu erkl\u00e4ren. Auf einem Planeten mit siebeneinhalb Milliarden Menschen gibt es SEHR VIELE Produkte und es ist wichtig, sich abzuheben. Ja, Funktionalit\u00e4t ist wichtig, aber selbst wenn eine App perfekt funktioniert, viele Funktionen hat, keine Fehler hat \u2026 aber schrecklich aussieht, eine schlechte Benutzeroberfl\u00e4che hat, die Benutzererfahrung (UX) schlecht ist \u2013 wird der Benutzer sich eine andere, n\u00e4chste App suchen. <\/span><\/p>\n

Okay, das ist ungef\u00e4hr die Essenz des Designs. Lassen Sie uns \u00fcber die Erstellung eines Designs sprechen. Der Titel dieses Blogbeitrags lautet nicht ohne Grund \u201eEinf\u00fchrung\u201c, denn ein gutes Design zu erstellen ist nichts, was man tut, indem man sich hinsetzt, die Theorie liest, ein oder zwei Tutorials sucht und das perfekte Design zusammenstellt. Wenn es nur so einfach w\u00e4re. Das Erlernen von Design dauert lange und man beginnt damit, die Dinge um sich herum zu studieren. Sie schauen sich buchst\u00e4blich die Details an, wie etwas hergestellt wird, um auf die alten Beispiele zur\u00fcckzukommen: Wie der Einband eines Buches aussieht, welche Form ein Stift hat, welche Abmessungen ein Mobiltelefon hat, wo und wie lang die Beine eines Tisches sind, wie die R\u00e4ume in einem Haus aufgeteilt sind \u2026 Ich wei\u00df, es klingt einfach und seltsam, aber es ist genauso wichtig \u2013 Informationen aufzunehmen. Ein fortgeschrittenerer Schritt ist nat\u00fcrlich das Internet. Suchen Sie nach dem Design von Dingen, die Sie interessieren, und studieren, analysieren, merken und kombinieren Sie sie. Lesen! \u00dcber Design: Was sind die Trends, was kommt, warum ist etwas im Design so, wie es ist, was ist \u201eout\u201c, was gef\u00e4llt den Benutzern. Der erste Schritt ist also WISSEN.\u00a0<\/span><\/p>\n

Beginnen wir mit dem Design! Sie haben also das Wissen, Sie haben die Aufgabe: Sie wissen, was entworfen werden muss. Sie haben eine Spezifikation, Sie haben einen detaillierten Text dar\u00fcber, was die Anwendung leisten soll, f\u00fcr wen sie bestimmt ist und alle notwendigen Einzelheiten. Ich werde mich hier auf Anwendungen konzentrieren, da sich Fortuno damit befasst und Sie wahrscheinlich auch daran interessiert sind, da Sie auf unserem Blog sind. Nehmen Sie Papier und Bleistift und skizzieren Sie. Nichts Kompliziertes, nur die Position von Men\u00fcs, Schaltfl\u00e4chen, Bildern, Texten und anderen Elementen. Skizzieren Sie viele Versionen, probieren Sie \u00e4hnliche Apps aus, lassen Sie sich inspirieren (nicht kopieren!). Lassen Sie den Entwurf ein oder zwei Tage auf dem Papier ruhen \u2013 und kehren Sie dann mit einem frischen Geist zur\u00fcck. Hat Ihnen ein Design gefallen? Das ist alles? Starten Sie das Programm auf Ihrem Computer und beginnen Sie mit dem Design. Achtung: Auch hier wird es jede Menge Korrekturen, Verbesserungen und Erg\u00e4nzungen geben. Sie fragen sich, welches Programm Sie verwenden sollen? Es gibt sooooo viele davon, zu viele. Da es sich hierbei um einen Blogbeitrag handelt, der auf pers\u00f6nlichen Erfahrungen basiert, werde ich euch mitteilen, welche Programme ich verwende. Adobe Photoshop (leicht durch Affinity Photo zu ersetzen) f\u00fcr das Design. Und ja, ich wei\u00df, dass es nicht ausschlie\u00dflich f\u00fcr das Design gedacht ist (Adobe selbst hat beispielsweise ein Programm namens XD, das f\u00fcr das Design verwendet wird), aber wenn Sie mit Photoshop aufgewachsen sind \u2026 Ein weiteres interessantes Programm mit einigen einzigartigen und n\u00fctzlichen Funktionen ist Figma. Ein Programm, das ausschlie\u00dflich f\u00fcr das Design gedacht ist. Das Tolle ist, dass es eine Browser- und eine Desktop-Version gibt. Sobald Sie Ihr Konto erstellt haben, sind Ihre Projekte \u00fcberall dort verf\u00fcgbar, wo Sie sich bei Figma anmelden. Ihre Designs werden also online gespeichert. Ein weiteres n\u00fctzliches Programm ist Adobe Illustrator (das problemlos durch Affinity Designer ersetzt werden kann). Daher eignen sich diese beiden Programme, insbesondere Designer, sehr gut zum Erstellen von Designs. Sie funktionieren anders und verwenden Vektorbilder und -werkzeuge anstelle von Bitmaps. Es liegt nun an Ihnen, welches Programm Sie kennen oder welches Programm Sie erlernen m\u00f6chten. Ich werde die Programme nicht zu ausf\u00fchrlich beschreiben, dies ist keine Rezension dieser Programme. Das ist er, der zweite Schritt: DESIGN.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

Manchmal gibt es auch einen Zwischenschritt, Schritt 1,5. Vorbereitung, wie ich am Anfang des letzten Kapitels erw\u00e4hnt habe. Manchmal m\u00fcssen Sie die Vorbereitung selbst durchf\u00fchren, manchmal ist sie bereits f\u00fcr Sie erledigt. Es handelt sich um Ihre Zielgruppenforschung, Farben und Elemente, die spezifisch f\u00fcr die App sind, an der Sie arbeiten. Wenn es nicht Ihre Anwendung ist, fragen Sie den Kunden, was er genau ben\u00f6tigt, und erstellen Sie einen Plan. Erstellen Sie also eine Spezifikation.<\/span><\/p>\n

Nehmen wir an, Sie haben ein Design, es gef\u00e4llt Ihnen und Sie denken, Sie sind fertig. Nun, das sind Sie nicht wirklich. Wenn die App f\u00fcr einen Kunden bestimmt ist, sprechen Sie mit ihm, um sicherzustellen, dass Sie ein Design erstellt haben, das seinen Anforderungen entspricht. Manchmal kommt es vor, dass das Design den Vorgaben entspricht, der Kunde jedoch seine Meinung ge\u00e4ndert hat und Sie das Design \u00fcberarbeiten m\u00fcssen. Fragen Sie dann ein Dutzend Leute, wie das Design ihrer Meinung nach aussieht. F\u00fcr Sie ist es vielleicht gro\u00dfartig, aber die Menschen um Sie herum bemerken ein paar Probleme, die Ihnen nicht aufgefallen sind. Nat\u00fcrlich m\u00fcssen Sie hier selbst entscheiden, welches Feedback n\u00fctzlich und qualitativ hochwertig ist und auf welches Sie h\u00f6ren. Sie filtern subjektives Feedback von objektivem Feedback. Und schlie\u00dflich sollten Sie darauf vorbereitet sein, das Design sp\u00e4ter anzupassen \u2013 sei es aufgrund von Erg\u00e4nzungen, weil die Entwickler etwas nicht k\u00f6nnen oder weil es einen dritten Grund gibt.\u00a0 <\/span><\/p>\n

Nichts, das war's zur Einleitung. Wirklich, nur die Grundlagen, nur kurz, und vielleicht klingt es jetzt so geschrieben, als w\u00e4re es einfach, eine Anwendung (ein Produkt) zu entwerfen ... Glauben Sie mir, es klingt einfach. Hinterlassen Sie gerne unten in den Kommentaren Fragen, Anmerkungen und Feedback.<\/strong><\/span><\/p>\n

","protected":false},"excerpt":{"rendered":"

Ob App Store, Play Store, Microsoft Store, Steam oder eine andere App-Plattform \u2013 es gibt Tonnen, Zehntausende davon. Der Benutzer sucht nach einer bestimmten Anwendung (egal wof\u00fcr, ob Spiel, Windows-Programm, Handy-App ...) und st\u00f6\u00dft auf unz\u00e4hlige \u00e4hnliche Anwendungen. Wie w\u00e4hlt der Benutzer (Sie, wir, ich ...) die Anwendung aus? Selten anhand der aufgef\u00fchrten Funktionen, sondern viel h\u00e4ufiger anhand des Erscheinungsbilds: Wie sieht die Anwendungsoberfl\u00e4che aus, welche Bilder wurden verwendet, wie ist die Vorschau (falls es sich um ein Spiel handelt) und welche Farben wurden verwendet. Um es kurz zu machen und auf den Punkt zu kommen: Design ist wichtig! Design ist SEHR wichtig. Sehen Sie sich nur an, wie viel riesige Unternehmen in Design investieren, allein in Werbung: Samsung f\u00fcr ihre Handys, Microsoft f\u00fcr ihre Laptops, Spiele f\u00fcr ihre innovativen und ungew\u00f6hnlichen Anzeigen. All dies sollte so gestaltet sein, dass es die Zielgruppe anspricht (sei es die breite Masse, junge Leute, alte Menschen, Frauen, Studenten ...). Es gibt viele Definitionen von Design, aber hier ist eine, die mir pers\u00f6nlich gef\u00e4llt: \u201eDesign ist ein Plan zur Schaffung eines Produkts oder einer Dienstleistung mit der Absicht, die menschliche Erfahrung in Bezug auf ein bestimmtes Problem zu verbessern.\u201c Einfach ausgedr\u00fcckt: Design ist alles, was Sie sehen. Die B\u00fccher auf Ihrem Schreibtisch \u2013 jemand hat die Cover entworfen, der Stift in Ihrer Hand \u2013 selbst wenn es das einfachste Modell ist \u2013 jemand hat das Aussehen und die Funktionalit\u00e4t entworfen, Ihr Handy \u2013 definitiv jemand hat das Ger\u00e4t entworfen, Ihr Tisch \u2013 Design, Ihr Haus \u2013 Design \u2026 Alles = Design! Okay, vielleicht habe ich mich etwas hinrei\u00dfen lassen, aber ich versuche, Ihnen die Bedeutung von Design zu erkl\u00e4ren. Auf einem Planeten mit siebeneinhalb Milliarden Menschen gibt es SEHR VIELE Produkte, und es ist wichtig, sich abzuheben. Ja, Funktionalit\u00e4t ist wichtig, aber selbst wenn eine App perfekt funktioniert, viele Funktionen hat, keine Fehler hat \u2026 aber schrecklich aussieht, eine schlechte Benutzeroberfl\u00e4che hat, die Benutzererfahrung (UX) schlecht ist \u2013 wird der Nutzer sich eine andere, die n\u00e4chste App suchen. Okay, das ist die Bedeutung von Design. Kommen wir zur Designgestaltung. Der Titel dieses Blogbeitrags lautet nicht ohne Grund \u201eEinf\u00fchrung\u201c. Denn gutes Design zu entwickeln, ist nichts, was man einfach so hinsetzt, die Theorie liest, ein oder zwei Tutorials sucht und dann das perfekte Design entwickelt. Wenn es doch nur so einfach w\u00e4re! Design zu lernen, dauert lange, und man beginnt damit, die Dinge um sich herum zu studieren. Man betrachtet buchst\u00e4blich die Details, wie etwas hergestellt wird, um auf die alten Beispiele zur\u00fcckzukommen: Wie sieht das Cover eines Buches aus, welche Form hat die Chemikalie, welche Ma\u00dfe hat das Handy, wo und wie lang sind die Tischbeine, wie sind die R\u00e4ume im Haus angeordnet \u2026 Ich wei\u00df, es klingt einfach und seltsam, aber es ist genauso wichtig \u2013 Informationen aufzunehmen. Ein fortgeschrittener Schritt ist nat\u00fcrlich das Internet: Suchen Sie nach Designs, die Sie interessieren, und studieren, analysieren, merken und kombinieren Sie. Lesen Sie! \u00dcber Design: Was sind die Trends, was kommt, warum ist etwas im Design so, wie es ist, was ist \u201eout\u201c, was gef\u00e4llt den Nutzern? Der erste Schritt ist also WISSEN. Fangen wir an zu designen! Sie haben also das Wissen und die Aufgabe: Sie wissen, was entworfen werden soll. Sie haben eine Spezifikation, einen detaillierten Text, der beschreibt, was die Anwendung leisten soll, f\u00fcr wen sie gedacht ist und alle notwendigen Details enth\u00e4lt. Ich konzentriere mich hier auf Anwendungen, denn Fortuno besch\u00e4ftigt sich damit, und Sie interessieren sich wahrscheinlich auch daf\u00fcr, da Sie ja auf unserem Blog sind. Nehmen Sie sich Stift und Papier und skizzieren Sie. Nichts Kompliziertes, nur die Position von Men\u00fcs, Schaltfl\u00e4chen, Bildern, Texten und anderen Elementen. Skizzieren Sie viele Versionen, probieren Sie \u00e4hnliche Anwendungen aus und lassen Sie sich inspirieren (nicht kopieren!). Lassen Sie den Entwurf ein oder zwei Tage auf Papier ruhen \u2013 und kehren Sie dann mit frischem Geist zur\u00fcck. Hat Ihnen ein Entwurf gefallen? Das war's? Starten Sie das Programm auf Ihrem Computer und los geht's mit dem Design. Achtung: Auch hier wird es unz\u00e4hlige \u00dcberarbeitungen, Verbesserungen und Erg\u00e4nzungen geben. Sie fragen sich, welches Programm Sie verwenden sollen? Es gibt unz\u00e4hlige. Da dieser Blogbeitrag auf pers\u00f6nlichen Erfahrungen basiert, erz\u00e4hle ich Ihnen, welche Programme ich verwende. Adobe Photoshop (kann leicht durch Affinity Photo ersetzt werden) f\u00fcr das Design. Und ja, ich wei\u00df, es ist nicht ausschlie\u00dflich f\u00fcr Design gedacht (Adobe selbst hat das Programm XD, das f\u00fcr Design verwendet wird), aber wenn man mit Photoshop aufgewachsen ist ... Ein weiteres interessantes Programm mit einigen einzigartigen und n\u00fctzlichen Funktionen ist Figma. Ein Programm, das ausschlie\u00dflich f\u00fcr Design gedacht ist. Das Tolle daran ist, dass es eine Browser- und eine Desktop-Version gibt, und wenn Sie Ihr Benutzerkonto erstellen, sind Ihre Projekte \u00fcberall dort verf\u00fcgbar, wo Sie sich bei Figma anmelden. Ihre Designs werden also online gespeichert. Ein weiteres n\u00fctzliches Programm ist Adobe Illustrator (das leicht durch Affinity Designer ersetzt werden kann). Diese beiden Programme, insbesondere Designer, eignen sich sehr gut zum Erstellen von Designs. Sie arbeiten anders und verwenden Vektorbilder und -werkzeuge anstelle von Bitmaps. Welches Programm Sie kennen oder welches Sie lernen m\u00f6chten, bleibt Ihnen \u00fcberlassen. Ich werde die Programme nicht zu ausf\u00fchrlich beschreiben, dies ist keine \u00dcberpr\u00fcfung dieser Programme. Das war's, der zweite Schritt: DESIGN. Manchmal gibt es auch einen Zwischenschritt, Schritt 1.5. Vorbereitung, wie ich zu Beginn des letzten Kapitels erw\u00e4hnt habe. Manchmal m\u00fcssen Sie die Vorbereitung selbst treffen, manchmal wird sie bereits f\u00fcr Sie erledigt. Es geht um Ihre Zielgruppenforschung, Farben und Elemente, die spezifisch f\u00fcr die App sind, an der Sie arbeiten. Wenn es nicht Ihre Anwendung ist, fragen Sie den Kunden nach seinen genauen Anforderungen und erstellen Sie einen Plan. Erstellen Sie also eine Spezifikation. Nehmen wir an, Sie haben ein Design, es gef\u00e4llt Ihnen und Sie denken, Sie w\u00e4ren fertig. Nun, das sind Sie nicht wirklich. Wenn die Anwendung f\u00fcr einen Kunden bestimmt ist, kl\u00e4ren Sie mit ihm, ob Sie ein Design erstellt haben, das seinen W\u00fcnschen entspricht. Manchmal entspricht das Design zwar den Spezifikationen, aber der Kunde hat seine Meinung ge\u00e4ndert, und Sie m\u00fcssen es \u00fcberarbeiten. Besprechen Sie dann mit Dutzenden von Leuten, wie ihnen das Design gef\u00e4llt. Vielleicht ist es f\u00fcr Sie gro\u00dfartig, aber die Leute um Sie herum bemerken ein paar Probleme, die Ihnen entgangen sind. Nat\u00fcrlich m\u00fcssen Sie hier selbst entscheiden, welches Feedback n\u00fctzlich und qualitativ hochwertig ist und welches Sie ber\u00fccksichtigen. Trennen Sie subjektives Feedback von objektivem. Und schlie\u00dflich sollten Sie bereit sein, das Design sp\u00e4ter anzupassen \u2013 sei es aufgrund von Erg\u00e4nzungen, weil die Entwickler etwas nicht umsetzen k\u00f6nnen oder aus anderen Gr\u00fcnden. Nichts, das war's mit der Einleitung. Wirklich, nur die Grundlagen, nur kurz und vielleicht klingt es jetzt so, als w\u00e4re es einfach, eine Anwendung (ein Produkt) zu entwickeln... Glauben Sie mir, es klingt einfach. Fragen, Kommentare und Feedback k\u00f6nnen Sie gerne unten in den Kommentaren hinterlassen.<\/p>","protected":false},"author":7,"featured_media":11862,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[285],"class_list":["post-7952","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-arhiva"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/posts\/7952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/comments?post=7952"}],"version-history":[{"count":3,"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/posts\/7952\/revisions"}],"predecessor-version":[{"id":11863,"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/posts\/7952\/revisions\/11863"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/media\/11862"}],"wp:attachment":[{"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/media?parent=7952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/categories?post=7952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fortuno.hr\/de\/wp-json\/wp\/v2\/tags?post=7952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}