Du brauchst einen Hoster?
🧡 https://bit.ly/mein-hoster

Heute geht es um die Trends im Frontend Development, UI Design, UX Design und auch im Web Design. Dabei werden wir verschiedene Beispiele ansehen und ich werden meine Sichtweise zu diesen Trends für 2023 vorstellen. Und JA dabei wird es auch um AI, Chatbot GPT und alles rund um dieses Thema gehen!

Fragen oder Probleme? Werde Teil der Community! (Kostenlos)
📣 Discord Server: https://discord.gg/NV2NrXA

Unterstütze den Channel:
🧡 Notizen & ToDo: https://affiliate.notion.so/qa91a3px0ahk (Affiliate Link)
🧡 Adobe Creative Cloud: https://prf.hn/l/QxRnVXD (Affiliate Link)
🧡 Meine UI Design Tool: https://prf.hn/l/pmZdNJ9 (Affiliate Link)
🧡 Musik die ich Nutze: http://bit.ly/MeineHintergrundMusik (Affiliate Link)
🧡 Mein Geschäftskonto: http://bit.ly/MeinFreelanceKonto (Affiliate Link)
🧡 Meine Buchhaltungssoftware: http://bit.ly/sevDeskUnleashed (Affiliate Link)
🧡 Meine Hardware/Kamerausrüstung: http://amzn.to/2ccEY0l (Affiliate Link)
🧡 YouTube Mitgliedschaft: http://bit.ly/YouTubeSupporter (Affiliate Link)

Kapitel:
00:00 Intro
00:08 Einleitung
00:49 Frontend Trends
05:13 UI/UX Trends
07:40 Ende

Links aus dem Video:
► Vercel: https://vercel.com/
► Heise: https://www.heise.de/news/Privacy-Shield-Nachfolger-Vorschlag-der-EU-Kommission-zur-US-Datenspeicherung-7393763.html
► Solana: https://solana.com/
► Linear: https://linear.app/
► Railway: https://railway.app/
► GitHub: https://github.com/
► Flutter: https://flutter.dev/
► Vite: https://vitejs.dev/
► Remix: https://remix.run/
► Next: https://nextjs.org/
► Nuxt: https://nuxt.com/
► Svelte: https://kit.svelte.dev/
► Astro: https://astro.build/
► ChatGPT: https://openai.com/blog/chatgpt/
► GitHub Copilot: https://github.com/features/copilot
► Strapi: https://strapi.io/
► Directus: https://directus.io/
► Contentfull: https://www.contentful.com/
► Storyblok: https://www.storyblok.com/
► Apple: https://www.apple.com/de/iphone-14/
► Wicket: https://wickret.cuberto.com/
► Virtuel Economy: https://atelier.net/virtual-economy/
► Thisspan: https://2022.thisispam.com/
► Camillemormal: https://camillemormal.com/
► Revolut: https://www.revolut.com/cards/
► Trade Republic: https://traderepublic.com/en-de
► Memorisely: https://www.memorisely.com/
► AirBnB: https://www.airbnb.com/
► Stripe: https://stripe.com/en-de
► Monophcomms: https://www.monographcomms.ca/
► Thirst: https://thirstcraft.com/
► Sketch: https://www.sketch.com/apps/
► Winamp: https://www.winamp.com/
► VSC Theme: http://bit.ly/VisualStudioCodeTheme
► IDE Tutorial: https://youtu.be/3x4FwEtP93o

#uxuidesign #webdesign #frontend

Meine Social Media Seiten:
► Homepage: http://bit.ly/1y4rvIA
► Youtube: http://bit.ly/1rPBJ9Y
► Twitter: http://bit.ly/1y4rMeD
► Instagram: http://bit.ly/1UjBLuD
► Twitch: http://bit.ly/29VyA7J
► Discord: https://discord.gg/NV2NrXA

Copyright by Johannes Schiel / Unleashed Design

source

37 Comments

  1. Bin am Anfang Webseiten erstellen zu lernen sieht sehr schwer aus ist es wirklich so schwer, gibt es irgendwelche Tipps die man beachten sollte um erfolgreich zu werden

  2. Der Bundler Vite ist leider nicht in Rust geschrieben wie z.B. Turbopack oder ParcelJS. Der Trend geht aber klar in diese Richtung.
    Allein schon wegen der Performance bei sehr großen Projekten. Eigentlich sehr schade.

  3. Hallo und danke für das Video! 🙂
    Darf ich fragen – was ist das für ein Programm, mit dem du dir die Entwicklung auf dem iPhone anzeigen lässt (Minute 4:46, Flutter)?

  4. ich finde high Contrast eine wichtige Entwicklungsrichtung, weil hier ein wichtiger Aspekt der Barrierefreiheit in das Design einbezogen wird. Gerade bei Unternehmen ein sehr wichtiger Punkt

  5. Zum Thema Motion Design: Finde ich persönlich schrecklich. Einfach zu viel, zu hektisch und trägt nicht wirklich zur Übersichtlichkeit bei.

  6. Ich fand das Video ein bisschen zu schnell geschnitten. Als jemand der nicht jeden der vorgestellten Trends schon ein bisschen kennt, versteht man einfach 2/3 davon nicht wirklich.

  7. Gerne mehr zu Edge Rendering und Deployment für Deutschland. Bin interessiert an SvelteKit + Strapi, Flutter, Gradients mit Transparenz wie bei 5:57 und zurückhaltendem Motion Design.

  8. Guten Tag Team von Unleashed Design,

    ich wollte immer ein paar Fragen an Sie stellen!
    Bitte nehmen Sie sich Zeit, um jede dieser Fragen zu beantworten!

    Dokumente oder Tutorials und warum?
    Was ist besser?
    Was benutzen Sie?

    Danke Ihnen!

  9. Beim Thema Gradients dachte ich sofort an dein Video für das Jahr 2021, in dem du meintest, dass du kein großer Fan der Thematik bist und daher keine Videos zu dem Thema erscheinen (damals war ich sehr enttäuscht 😅). Deshalb freue ich mich umso mehr, dass du dir endlich diesen Trend vor knüpfst. Gerade bspw. den Gradient auf der Winamp Seite fühle ich sehr.

  10. DAAAMN gutes vid und auch interessante denk/projekt anstoesse…

    Mache 90% meiner projekte in Nuxt..
    Bin letztens bei so nem fullstack app starter vorbeigekommen, "sidebase"..

    Evtl. interessant fuers naechste vid?

  11. Ich hoffe wirklich das diese ganze Designs nicht kommen werden.
    Ich bin ja schon kein Fan von den OnePager Seiten wo ich ewig scrollen muss um eine Info zu erhalten, da brauche ich nicht noch ständig ändernde Farben oder rumgezappel.
    Okay, ich verstehe auch YT Shorts und TikTok nicht (oder Insta Stories).

  12. Auch Dir ein gutes neues Jahr! Klasse Video, das Jahr startet, wie die anderen Jahre geendet haben. 😉 Ich habe mich auf Astro eingelassen und würde mich auf diesbezügliche Videos freuen. Gruß Wolfgang

  13. Danke Johannes, ich bin zwar UX/UI Designer, aber deine Videos helfen mir, meine Kollegen besser einschätzen zu können (in dem ich weiß wie aufwendig meine Idee vom Design in Code zu bringen ist). 😇 Fuwa🌲💚

  14. Es wäre schön, wenn Du etwas mehr zu Edge Rendering erklären könntest. Interessant wäre, was dieses Konzept ausmacht und warum es nützlich ist. Google hat mir hier wenig weiter geholfen. Ansonsten tolles Video, danke.

  15. Motion Design geht mir am Arsch vorbei. Ich sehe es nicht ein, mein Design anzupassen oder etwas neues zu lernen nur weil der Durchschnitts-Trottel eine geringere Aufmerksamkeitsspanne als ein Goldfisch hat. Solche Nutzer brauche ich definitiv nicht auf meinen Seiten.

  16. Nach fast 8 Jahren wo ich mich beinahe nur mit PHP beschäftigt habe, auch etwas C#, habe ich mir für dieses Jahr nun JS fest vorgenommen. Ein Projekt habe ich bereits gestartet, wo ich mit Vue im Frontend arbeiten möchte. Im Backend werkelt immer noch PHP. Dann möchte ich mich verstärkt NodeJS, Go und Flutter widmen.

    So wie dein Video nun mit gewissen „Entsetzen“ geschaut habe, weil ich scheinbar nicht mehr auf dem aktuellsten Stand bin, bin ich dankbar das Du mich hier auf den aktuellen Stand bringst 😅

    Frohes und Gesundes neues Jahr 🎉

  17. Heute das erste Mal chatGPT getestet und konnte auf Anhieb ein PHP Problem für mich lösen, welches mir immer das errorlog vollgemacht hat. Tolle Sache für mich Nicht-Programmierer.

  18. Danke für das tolle Video. Ich finde bei Gradients ist es immer schwierig, wenn der Gradient auf allen screen sizes gut aussehen soll. Manchmal sehe ich nämlich Design-Ideen wie z.B. dass der "glow" von einem gradient background auch das Subjekt, das im Vordergrund steht "beleuchten" soll.
    Beispielsweise soll eine Gesichtshälfte der Person leicht bläulich "glowen" wenn der gradient an dieser stelle auch bläulich ist, oder ein Server-Rack soll von einer Seite mit diesem farbigen Schatten "beleuchtet" werden.
    Für den Designer sind das nur zwei statische assets, aber für den Developer sind das pure Kopfschmerzen.
    Die Umsetzung auf einem screen size ist da noch irgendwie machbar aber, dass so etwas bei einem responsive Design durchgehend immer korrekt aussehen soll ist fast unmöglich…

    Und ansonsten droht oftmals die Gefahr beim einsatz von gradients einem sehr generischen corporate look zum Opfer zu fallen, der genau das Gegenteil von trendy ausstrahlt. Github Universe 2022 hat es z.B. ganz gut hinbekommen mit den gradients…

Leave A Reply

Please enter your comment!
Please enter your name here