5 wichtige Webdesign Prinzipien die JEDER kennen sollte! [Tutorial]

[@adorable3817]

Dieter Rams 1) Design Lenkt 2) Design ist vorhersehbar 3) Design is responsive 4) Design ist nützlich 5) Design ist performant (Fists Law? 🤔)

[@RayVanGeil]

ich muss dich wirklich loben für deine arbeit!!! es ist echt angenehm dir zuzuhören was wiederum das lernen sehr einfach macht! Danke dafür! dafür hast du abo und video like von mir sicher. freu mich auf weitere Projekte :)

[@UnleashedDesign]

Vielen Dank :) freue mich immer über so nettes Feedback :)

[@RayVanGeil]

ich hätte vielleicht noch eine frage...kennst du dich aus, oder weißt du zufällig wie man eine Meta discription, Meta tags, geschweige denn SEO Optimierung für seine eigene seite einbauen kann? damit man bei Google rankt...ich kenn mich mit SEO etwas aus, aber auch nur weil dies mit bei JTL wawi gleich mit im shop System drinn ist, aber nicht wirklich damit wie man sie in einer eigenen gecodeten seite einbindet??? ich denke vielleicht interessieren sich ja noch mehr dafür. also gegen ein kleines Video mit ein statment dazu wäre echt klasse :)

[@jojopde]

Erst denken und dann machen. Etwas was viele nicht können. Ich bin erst am Anfang HTML CSS und werde deine Ratschläge immer im Hinterkopf behalten. 👍👍👍👍👍

[@codeage1]

Ich lerne soviel grundlegende Sachen bei dir, das ist einfach unglaublich! luv u

[@UnleashedDesign]

Freut mich wenn ich helfen konnte :)

[@evelynschlosser8088]

Knapp, schnell, informativ und ohne unnögtiges Vorgeplänkel und Abschlussgeplapper. Genau richtig. Vielen Dank, das war ein super erster Einstieg für mich ins Thema WebDesign. Die Punkte finde ich alle sehr wichtig und gut erklärt. Vieles davon ist mir so noch nicht klar gewesen. Mein Dankeschön: Daumen hoch und Abo. ;)

[@SpireboGemeinschaft]

Habe mir viele Videos angeschaut - nicht nur zu diesen Themen. Und eines möchte ich los werden: Du kommst sehr natürlich rüber, das schätze ich! Ruhige Art, verständlich erklärt - und ich glaube dir was du sagst, das du das auch so meinst :) Hab das Video extra noch mal gesucht, weil mir dein Video auch bei einem Grundproblem geholfen hast: SICH EINFACH SELBST TREU ZU BLEIBEN. Danke dafür!

[@phmi4989]

Hi ich finde es echt super, dass du verständlich, flüssig schnell (genau richtig) sprichst. Mach weiter so!

[@lovetower1953]

Voll Gut! Danke auch, dass du direkt zur Sache kommst! Die Design-Kriterien finden sich so auch in deinem Video wieder. #läuftbeidir

[@johnengert5768]

Deine Videos helfen mir sehr. In Designempfinden bin ich etwas drin als Werbetexter und möchte es nun ausbauen. Das mit den eigenen Icons prüfen mache ich gerade bei der Homepage vom Schachverein. Der alte Verwalter der sie selbst programmiert hat, nutzt Icons dessen Sinn keiner versteht. Es ist alles andere als Benutzerfreundlich. Da habe ich noch einiges an Arbeit aber mache es gerne und verbessert meine Fähigkeiten.

[@WahresIchTV]

Herzlichen Dank. Jetzt bin ich sehr gespannt auf den Blog mit dem zappelnden Fisch…denn ähnliches möchte ich selbst bauen für den Hintergrund.

[@Gongodler]

Bei den Prinzipien bin ich voll deiner Meinung. Einfach die Seite so gestalten, wie man sie als Nutzer gerne hätte und ohne nervige Ablenkungen. In jetzigen Zeiten ist das wichtiger denn je, wo man mit immer mehr Ablenkungen zu kämpfen hat und ne minimalistisch pragmatische Webseite von Nutzern vermutlich mehr denn je geschätzt wird. Muss aber sagen, dass ich die vorgestellte Webseite Vibrant nicht so super finde. Ich mag es, wenn ich direkt mehr Text mit viel Informationsgehalt zu sehen bekomme. Ich lese gern mal ein paar Zeilen und will mich nicht ewig lange durch Seiten mit ner geringen Inhaltsdichte scrollen müssen. Einfach zentriert die wichtigsten Infos mit kleinen feinen optischen Details, ner netten Schrift und drumherum vielleicht ein nettes Hintergrunddesign packen. Ne gute Mischung. Verkauft den Nutzer nicht für einen Analphabeten, aber gibt ihm trotzdem ein wenig was fürs Auge. Viel mehr braucht es nicht.

[@Nast1a]

Bestes Video! Verständlich und bildhaft erklärt, tausend Dank!

[@UnleashedDesign]

Danke freut mich wenn dir das Video gefällt :)

[@romanschaller2816]

Vielen lieben Dank für diese lehrreichen Inputs.

[@UnleashedDesign]

Danke freut mich wenn dir die Inhalte gefallen :)

[@honkolei]

Sehr schönes Video, anschaulich und sachlich erklärt und mit Beispielen verständlich (für mich als Laien) gemacht. Hier versteht jemand sein Handwerk. :) Vielen Dank und schönes Wochenende.

[@UnleashedDesign]

Danke freut mich wenn dir das Video gefällt :)

[@kippenvogelchen9717]

Danke! Sehr gut erklärt und wirklich interessant. Weiter so!

[@lgktube]

Auf jeden Fall sehr wichtige Prinzipien. Was UX angeht finde ich, dass Google mit Material Design unter Android vieles richtig gemacht hat. Die Animationen sehen nicht nur schön aus, sondern sie führen den User und zeigen was passiert.

[@UnleashedDesign]

Ja absolut ;) schreibe da grade in meiner Thesis drüber kann dir da nur Microinteractions von Dan Saffer empfehlen das ist super :P

[@lukasluftlaufer1093]

Sehr schönes Video! Danke für diese Übersicht.

[@UnleashedDesign]

Danke freut mich wenn dir das Video gefallen hat :)

[@ReneDominik]

Sehr gutes video. Danke dafür :)

[@UnleashedDesign]

Danke freut mich wenn es dir gefallen hat :)

[@christianmorokutti]

Grenzgeniale erfahrung sehr nützlicher Input du bist wirklich eine bereicherung für die menschheit muss mal gesagt sein!

[@UnleashedDesign]

Danke :P freut mich immer wenn ich helfen konnte.

[@yaspistierliebe6666]

Vielen Dank! Super auf den Punkt gebracht, ich habe viel gelernt! 🙂

[@Vincent-ll2kq]

sehr wichtiges Video!

[@lukaszceglarski3119]

Tausend Dank für deine tollen Tipps!

[@UnleashedDesign]

freut mich wenn dir das Video helfen konnte!

[@XviSi0nplays]

Super verständlich! Intressantes Video

[@UnleashedDesign]

Danke :)

[@fabicreativemoviemaker3327]

Tolles Video von dir ! Find ich sehr informativ

[@UnleashedDesign]

Danke freut mich wenn dir das Video gefällt :)

[@Sergfio_S.F]

Top!!!! Ein perfektes Beispiel für - ich kenne das Fach und ich liebe meine Arbeit👍🏼

[@UnleashedDesign]

Danke, freut mich wenn dir das Video gefällt auch wenn es schon etwas älter ist :D

[@nicoleheidinger5881]

Das Video war super hilfreich für mich, da ich gerade dabei bin, meine website zu konzipieren. Danke für die Tipps und Gedankenanstöße.

[@UnleashedDesign]

Freut mich wenn es dir helfen konnte einen Einstieg zu finden :)

[@ivankacut9712]

Danke! Klasse, wie prägnant, kurz und knapp du die Information darstellst. Ich mag dein Stil, weiter so👍

[@UnleashedDesign]

Freut mich wenn dir die Videos gefallen :)

[@ju2705s]

wirklich toll, ich hab so viel mit Design zu tun wie eine Raupe mit Segelbootbau aber selbst ich fand die Punkte und die Erklärungen echt verständlich und nützlich. lieben Dank!

[@UnleashedDesign]

Freut mich wenn dir das Video gefallen hat.

[@helgamayer3636]

Viel Info knackig auf den Punkt gebracht! Super!

[@UnleashedDesign]

Freut mich wenn dir das Video helfen konnte :)

[@queenofunderland]

Wow.. Du hast. Komplexe Sachen und Prinzipien von Web Design. ziemlich verdaulich erklaert.. Du hast tolles Video gemacht. Danke.

[@UnleashedDesign]

Freut mich wenn dir das Video gefällt :)

[@universallik]

Finde deine Präsentation und Logik gut! Super Videos!!!

[@UnleashedDesign]

Danke :) Freut mich wenn es gefällt

[@adelheidherm2096]

Super Video, vielen Dank 😊 ich versuche die Tipps für meine Kunstseite umzusetzen

[@UnleashedDesign]

Freut mich wenn dir die Inhalte weiter helfen :)

[@planb4212]

3.14 "Ja, was machen wir denn mit dem leeren Raum" 😁😁😁 So wahr 😁 Ich weiß nicht, wie oft ich diesen Satz in 30 Jahren Werbebranche gehört habe 😁😁 Weißraum als Wirkungsraum ist in den Wenigsten bekannt. Ähnliches gilt ja auch für Leerraum als (starkem) Wirkungsraum im Dreidimensionalen...

[@UnleashedDesign]

Ja GENAU das haha :D

[@derschratling5604]

Vielen Dank für das Video

[@UnleashedDesign]

Freut mich wenn es dir gefallen hat :)

[@thomaschristener9264]

Sehr relevant, sehr clean und verständlich erklärt.

[@UnleashedDesign]

Freut mich wenn dir das Video gefällt :)

[@afd-pc-service-de6207]

Sehr gutes Video. Design lenkt, habe ich vor kurzem einem Sportverein mit neuer Webseite von uns gezeigt. Wollten alles mögliche verlinken, aber nicht was wirklich wichtig ist. Danke für das Video. Werde ich gerne öfter weiter teilen!

[@UnleashedDesign]

Danke freut mich wenn dir das Video gefällt :)

[@venezian]

super! danke! 👍🏻🤗

[@UnleashedDesign]

Gerne :)

[@owlnight]

Gerne mehr so Videos, Danke.

[@UnleashedDesign]

Wird kommen :P

[@seeking9145]

Coole Tipps. Vielleicht mit mehr Beispielen, damit man sehen kann, was gute und was schlechte Beispiele sind

[@UnleashedDesign]

Danke für das Feedback, werde es mir mal mitnehmen und dann in zukünftigen Videos verwenden :)

[@timdienstplaner1104]

Die wichtigste Grundlagen sehr toll und kurz erklärt!!!

[@UnleashedDesign]

Freut mich wenn es dir gefällt :)

[@Enthusiastin1]

Über jede Regel steht seine Majestät Geschmack! Über gelben Button würden sich Kunden meines ehemaligen Arbeitgebers sofort beschweren.

[@SamaelAgreda]

Super Input Danke viel mal!

[@hjs1966]

Klasse Video ... logisch, das man einen solchen Kanal gerne abonniert.

[@herrk2352]

Top, danke!

[@UnleashedDesign]

Gerne :)

[@divine1953]

hallo jo, vielen dank für deine videos. sehr angenehme stimme. ich würde mir noch mehr visuelles material in den videos wünschen. ist aber zeitaufwändig, ich weiß. extrem gute website auch. allerdings finde ich die poppins thin extrem schlecht lesbar. würde die eher nur für titel (mit größerer schrift) benutzen. noch ne frage: was hälst du eigentlich von adobe muse für leute, die nicht coden können?

[@UnleashedDesign]

Ja die Website von mir ist leider allgemein Schrott :D aber keine Zeit die neu zu machen :/ wie man so schön sagt "die Schuhe des Schusters sind immer die schlechtesten" :D aber irgendwann mal :P @Muse kann ich nichts zu sagen habe ich noch nie genutzt sry.

[@it-artsupport]

Thank you very much for sharing this valuable content. I learned a lot from your videos.

[@UnleashedDesign]

I am happy you like my content even this is german :D

[@it-artsupport]

@@UnleashedDesign wir sprechen auch Deutsch 😁

[@Der.Geraet]

SauGut, so kommt man zu einem guten Ergebnis.

[@timomuller7510]

Ich war erst skeptisch, aber dann hast du mich doch überzeugt! :D Danke!

[@NichtLustig11]

Vielen Dank!

[@UnleashedDesign]

Gerne freut mich wenn es helfen konnte :)

[@matesirovic409]

Sehr hilfreiches Video!

[@UnleashedDesign]

Freut mich wenn dir das Video geholfen hat :)

[@dakro29]

Super content!!! Tausend Dank :)

[@UnleashedDesign]

Freut mich wenn dir die Videos gefallen :)

[@Niko-hz9ct]

Wow • Das Video ist von 2017 und es ist heute noch aktueller. 👍 + Abo

[@UnleashedDesign]

Ja die Theorien altern sehr gut haha :D

[@hcgreier6037]

Gute Tipps, danke! Ein veränderbarer Hintergrund beim Runterscrollen ist aber imho Geschmacksache. Mich würde sowas eher ablenken. Ist sicherlich ein netter Effekt beim ersten Mal, aber auf jeder Blogseite, das nervt dann schnell mal....

[@whymadbrah7074]

Super erklärt

[@UnleashedDesign]

Freut mich wenn es helfen konnte :)

[@schmid-johann]

thx...klasse Arbeit

[@UnleashedDesign]

Freut mich wenn es dir gefällt :)

[@marcokronenwett5502]

Hi, wie immer ein sehr geiles Video. Mach weiter so......

[@danielb7372]

Vielen Dank!

[@UnleashedDesign]

Gerne :)

[@KarlFragrance]

Sehr tolles Video!

[@UnleashedDesign]

Danke :)

[@Paul24]

gutes video!

[@UnleashedDesign]

Danke freut mich wenn es dir gefällt :)

[@PhillipSchlieckriede]

Macht Spaß dir zuzuhören. Gerne mehr Input! eventuell leise Musik im Hintergrund

[@UnleashedDesign]

Danke freut mich wenn dir meine Videos gefallen :)

[@christianehrhardt2767]

Das hat mir sehr geholfen weil ich jetzt mit webdesign anfange und mich noch orientieren muss

[@UnleashedDesign]

Dann drücke ich dir die daumen in dem Bereich Fuß zu fassen :)

[@dmstudio3516]

Spielt es eine Rolle welche Bildschirmgröße und Auflösung der Monitor hat? Habe die Erfahrung gemacht, dass wenn ich auf einem 32 Zoll Monitor mit WQHD Auflösung via Wordpress Webseiten gestalte, diese Inhalte auf kleineren Monitoren mit 27 Zoll und Full HD ganz anders angezeigt werden, oder auf 13 Zoll MacBooks, ganz anders dargestellt werden, wie zb. Header ist weiter oben oder weiter unten usw. Konnte nirgendswo was dazu finden. Evtl. kennst du dich aus oder die Community hier. Lieben Dank schonmal

[@jrohl85]

Super 👍🏻

[@Chrizzonator]

zum thema bei stelle 5:30 naja... das kann man nicht immer. Beispiel Entwicklungs-IDE. Es kommt ja ganz darauf an wer die Zielgruppe der APP ist. Wenn man einen nicht Entwickler an die IDE setzt und sagt, hey hier schau dir mal die icons an und der sieht jetzt nen button mit nem Käfer drauf, dann kann der sicherlich nichts damit anfangen weil er nicht weiß was debugging ist.

[@davef1528]

VIELEN VIELEN DANK!!!! :))))))

[@UnleashedDesign]

Gerne :)

[@frankiberlin]

Sehr schön, danke! Aber könntest Du Einblendungen bitte wenigstens solange stehen lassen, dass man sie auch anschauen kann? (die Website-Bsp.) Gruß :)

[@active285]

Ein Paradebeispiel für das hier Erklärte ist wohl die Apple-Website ^^.

[@UnleashedDesign]

Absolut!

[@Turntill]

vielen dank!

[@UnleashedDesign]

Kein Ding :)

[@leongurski]

Zwar nicht das was ich erwartet habe, aber dennoch sehr hilfreich.

[@UnleashedDesign]

Hauptsache man hat doch was mitgenommen :)

[@numbers9to0]

Dieter Rams: "Gutes Design ist langlebig." Viel Glück damit bei Websites. :)

[@UnleashedDesign]

:D haha ja das stimmt xD da sieht man halt von wann die "Kriterien" von ihm kommen zumal man auf das "Webdesign" sowieso nur eine Adaption bzw. Interpretation verwenden kann die eigentlichen Kriterien sind ja auf Produktdesign bezogen :) aber z:B. der Punkt könnte auf gewissen Design Elemente bezogen wirklich anwendbar sein. Wenn ich hier an Times New Roman oder "Schwarz & Weiß" denke dann könnte es wirklich langlebig sein finde ich :D aber ist halt nen DIsskussionthema

[@black_baron_net]

☠BLACK BARON☠ Das ehemalige "Web Design Consortium" hatte damals in den 90er Jahren dafür gesorgt, dass der Laden "Web Design" läuft mit allen beteiligten Großmächten der IT Tech Branche. Das war damals DIE Stimme für Web Designer. Gibt es heute nicht mehr. Deswegen fehlt Web Designern heutzutage ein wichtiges Instrument. Das "Consortium".

[@angelagrahovska9393]

Gutes Video! Sehr informativ und es ist sehr angenehm und interessant dir zuzuhören. Danke Wenn es möglich ist würde ich mich gerne mit dir in Verbindung zu setzen für ein paar Fragen für meine Webseite.

[@UnleashedDesign]

Am besten via Discord :)

[@KikoSanJuan]

Hey das ist eine moerderGeile Kappe, ist das eine denkKappe ????

[@markusjahn1398]

absolutly!!! great!!!

[@christine-kht]

"Was machen wir mit dem leeren Raum" ... Wenn ich einen Cent bekäme jedes Mal wenn .... x,D Es gibt ja einen Song namens "Make the logo bigger" - ich wäre dafür dass jemand einen Song zum Thema "Weg mit dem Weißraum" schreibt! Wäre sicherlich ein Hit unter Designern! :D

[@UnleashedDesign]

ja :D definitiv

[@-perclf783]

bitte mach mehr davon

[@UnleashedDesign]

wird kommen :)

[@sirknumbskull3418]

Du rettest mir mein webdesign Modul

[@UnleashedDesign]

das ist doch die Hauptsache :D

[@bjornzschernack7653]

Wie sagte doch Jakob Nielsen. Three Tipps: Simplify, Simplify, Simplify .. oder wenn der User was falsch machen kann, hat der Designer geschlampt ;-) #wennmanesnochmalliestklingteswieklugscheissen

[@ScrumplexOld]

In der Beschreibung steht Diter nicht Dieter

[@UnleashedDesign]

Danke :D nicht gesehen, ist geändert.

[@hamidaminirad]

Das wovon Du hier gesprochen hast, ist nicht Webdesign sondern User experience design bzw. UXdesign

[@UnleashedDesign]

True wobei man sagen muss das alle Begriffe sehr sehr schwammig sind 😂 selbst in der Fachliteratur ist das nicht eindeutig zu trennen

[@hamidaminirad]

@@UnleashedDesign Das stimmt auch wieder. Allerdings liegt das eher daran, weil es Schnittstellen gibt. Zum Beispiel kann man die User-Experience mit Farben und Formen lenken und gestalten und genauso können auch User-Experiences Einfluß auf die Farb- und Formauswahl haben. Aber trotzdem sind das zwei unterschiedliche Gebiete :) Trotzdem ein aufschlußreiches Video. Vielen Dank

[@7thlegion984]

Top

[@dogistyle89]

Ich wünschte mein Chef würde sich mal deine Videos anschauen ...

[@UnleashedDesign]

Kannst sie ihm ja zeigen :P

[@romanseidel5650]

kannst du das mal ausschreiben...dieses... Fistz law... ich finde da garnichts zu... ;)

[@UnleashedDesign]

Fitts's law :)

[@FabianHiller]

👍

[@farukgumus6705]

JuliensBlog's Bruder

[@UnleashedDesign]

?? xD

[@mr.k905]

Ich stimme generell zu. Aber Du redest immerzu von Design, meinst aber weitgehend nur Webseiten-Design. Man gewinnt den Eindruck es gäbe da keine Unterschiede. ...Wörter lenken auch ; )

[@UnleashedDesign]

Da hast du natürlich absolute recht :P

[@lincranberry8449]

Danke war echt gut das Video Abo hast du auch von mir :)

[@UnleashedDesign]

Freut mich willkommen in der Community

[@ThePrayder]

Genau diese Dinge hat windows 10 (siehe Mail) :,(

[@UnleashedDesign]

Was meinst damit? :)

[@ThePrayder]

Unleashed Design Verschrieben, genau das hat Windows 10 NICHT, das hab ich gemerkt, als ich einen neuen PC für meine Großeltern eingerichtet habe, ist mir das total aufgefallen. Die Benutzerfreundlichkeit für nicht technikaffine Menschen am Arsch. Kontakte einspeichern ist total kompliziert und übertrieben aufwendig... Naja kann man nichts machen

[@ThePrayder]

Und das kommt dabei raus, wenn man sich den Kommentar nicht nochmal vorher durchliest ^^

[@manuelschober5142]

Hallo also ich komme aus dem SEO Bereich finde aber deine Videos und Ideen voll inspirierend auch für meine tägliche Arbeit Danke dir dafür und mach weiter so Lg

[@tj_1260]

Loi

[@oltomcat2106]

Du hast Hunger ...

[@UnleashedDesign]

warum ? :D

[@oltomcat2106]

@@UnleashedDesign Mir kommt es so vor, als knurrte Dein Magen in der ersten Hälfte deines Beitrags 😀 Natürlich können die Geräusche auch einen anderen Ursprung haben ^_^. Super Beitrag übrigens, hat mir sehr gefallen. 😊

[@apoflosmedicalcannabis]

Guter Content Unleashed! kzbin.info/www/bejne/i6DHZZuvbpJqhJI hier wird das thema auch ganz gut für anfänger erklärt. rein schauen und informieren lohnt sich immer

[@timomuller7510]

Ich war erst skeptisch, aber dann hast du mich doch überzeugt! :D Danke!

[@POLYGLOT-All_4_Family]

Toller Beitrag! Sehr informativ und logisch! Vielen Dank! 🍀

[@UnleashedDesign]

Danke freut mich wenn es dir gefällt und helfen konnte :)