Kategorie: Webdesign

  • das Jahr 2025 ist schon wieder ein paar Tage alt und ich habe heute für dich sieben Webdesign  Trends die mir persönlich am besten gefallen und die möchte ich dir natürlich nicht vorenthalten  bei jedem Trend gilt jedch beobachte oder beurteile ob du diese Trends mit auf deine  Webseite übernehmen möchtest dann schließlich hängt davon ab ob dieser Trend auch zu dir  passt zu deiner Brand zu deinem ja visuellen Kommunikation man muss ja nicht alles mitmachen  so und jetzt zeige ich dir die sieben Trends die du mit Squarespace easy peasy umsetzen  kannst und damit du keine weiteren Tipps und Hacks rund um Squarespace verpasst  und coole Webdesign Ideen abonniere am besten gleich den Kanal bevor Du später vergisst so ich habe hier eine Website für dich vorbereitet um die sieben Trends mit  dir zu besprechen du siehst hier direkt am Anfang ist ein Video und sonst nichts ja schon gesehen  da kommt schon der Text und so wie ich scrolle ja geht das ganze ein bisschen über das Video  drüber da musst du natürlich drauf achten dass es noch alles gut lesbar ist sonst ist auch am  Ziel vorbeig geschossen aber so wie ich scrolle und scrolle kommen noch Bilder und noch mal Text  dazu und noch mal ein Bild und erst dann kommt die nächste Sektion also das hier ist das eine  Feature das nächste ist wenn das jetzt hier deine startsektion wäre ne ist das jetzt auch  mal ein bisschen anders aufgebaut also in diesem Trend geht’s darum dass du hier mehrere Bilder  platzierst direkt auf der Hero section also ist deine erste Sektion auf der Startseite und da ist  auch jetzt im Trend dass andere Informationen neben der Headline und wichtigen vielleicht  positionierungssatz auch noch weitere Information direkt zu sehen ist zumindest auf der desktopvion  und das Buttons auch mal woanders sind und nicht einfach nur immer so schön brav unter dem Text in  dem nächsten Abschnitt sind gleich mehrere Trends verbastelt sozusagen und zwar zum einen siehst du  hier dass der komplette Abschnitt in dem Rahmen sitzt das kann richtig stylisch genutzt werden  du siehst auch dass viel Raum ist ja das ist auch sowas also lass Raum wirken lass viel mehr Platz  in deiner Gestaltung und dann kann das auch mal ein bisschen extravagant angeordnet werden so  wie du das jetzt hier siehst und der dritte Trend in diesem Abschnitt ist der Hintergrund hat eine  Struktur also was ich absolut genial finde und ich habe eh schon immer so die Designidee dass ich mit  Webseiten Räume gestalte und da tatsächlich auch raumsachen mit reinbringen und das ist z.B halt  auch so eine haptische Geschichte z.B so eine Struktur Naturpapier einfach dahinterlegen und  damit einfach ein bisschen mehr Natürlichkeit ins digitale zu bringen genau der nächste Trend den  ich absolut genial finde sind diese ja scrollovers oder diese fetten Schriften große Schriftzüge die  dann auch noch über ein Bild Bereich laufen können ja das ist mega trendy das hat wir hat  ist ein cooles Design Feature und ich zeig dir auch gleich wie du das mit Squarespace machen  kannst und natürlich mein all überhaupt geliebtes Ding ist Bilder auf Bilder zu platzieren und das  geht ja mit Squarespace leichter denn keine Ahnung leichter denn kommt wieder der Englisch der der  denglische in mir durch genau also das geht super einfach und das zeig ich dir und hier unten im  foter siehst auch noch mal so eine richtig bolde Schrift so wirklich fett und genau das darfst du  wirklich auf deiner Webseite nutzen so aber wie habe ich das ganze denn eigentlich eingerichtet  und das gehe ich jetzt mit Dir durch wir gehen h auf diese Seite und ich gehe auf Bearbeiten und  du siehst schon hier das Video ist angepinnt also ich habe hier gesagt du bist oben angepinnt mit  einem Abstand von 124 Pixel von oben also wenn ich jetzt se scroll bleibt das jetzt bei 124  Pixeln sticky oben kleben und der Rest folgt so das heißt hier ist ich mach das mal kurz unsticky  dass du das sehst wie es aufgebaut ist darunter ist dann einfach der Text positioniert dann ist  ein Bild positioniert wieder der Text ein bisschen weiter unten positioniert und wieder ein Bild so  und wenn ich jetzt aber das hier sticky nicht bearbeiten Entschuldigung so hier an Hefte muss  man auch drauf drücken ne so oben erkennt du jetzt ist es schwarz und du erkennst es auch daran dass  es hier angepinnt ist das bleibt jetzt stehen und der restliche content in diesem Abschnitt  scrollt sich jetzt einfach ganz gemütlich über dieses Bild bis der Abschnitt fertig ist genau  so den nächsten Trend klar das ist einfach eine Anordnung der unterschiedlichen Elemente  wenn du g drückst kannst du den Crit sehen und du siehst hier der Abstand der Elemente ist dadurch  entstanden weil einfach der Abstand dieser Grid Elemente da ist also bzw Abstand der Bilder so  rum und Text und so weiter ist dadurch entstanden genau wie kriegst du das hin dass der Text nicht  an der an der Kante klebt dann gehst Du hier auf Hintergrund Stil und machst ein Hintergrund rein  wenn der raus ist klebt das ja immer direkt an der Kante und hier machst du einfach den  Hintergrund rein und genau dann ist das ganze schon angepasst und hat ein bisschen Abstand so  im nächsten im nächsten Abschnitt habe ich hier einfach den Rahmen eingestellt da gehst du auf Abschnitte ich muss selber gucken ein Augenblick hier Hintergrund und einrücken das ist ein  bisschen blöd übersetzt finde ich also randlos ist es dann so und einrücken hast du das und hier  sehen wir auch schon die die Deckkraft von meinem Bild ja also hier diese haptischen Hintergründe  da gehst du einfach auf agenturbilder und suchst nach Hintergrund oder Papier habe ich gesucht muss  man noch richtig schreiben dann geht’s auch besser so und da hast du schon einiges an Ideen was du da  im Hintergrund platzieren könntest könnt es auch nach Wallpaper also Tapete suchen genau und so  hast du auch die Möglichkeit entweder das direkt so zu übernehmen wie es ist oder du machst sogar  noch ein bisschen mehr Helligkeit in die Overlay Farbe rein so und dann ist das ganze dann auch ein  bisschen angepasst die Farbe fürs Overlay musst du in den Farbeinstellungen vornehmen mach wir  es doch mal direkt genau Hintergrund Overlay hier kannst du die Farbe definieren die für das Overlay  für diesen Abschnitt oder für dieses Farbschema besonders f ein eingestellt wird so ansonsten  platzierst du dann an dieser Stelle einfach das Bild und den Text in so einer großzügigen  Variante und hast schon cooles Designelement jetzt sind wir bei den großen scroll Schrift Dingern ja  heißt das Objekt was Du hier einfügst heißt scrolling und das kannst du designen mit einem  Doppelklick bist du drin zu allem schreibst du hier rein was da stehen soll an Text und dann  kannst du hier unterschiedlichste Dinge einstellen da werde ich in Zukunft auch noch mal ein Video  dazu machen bei diesen scroll Balken und dann hast Du hier ja alles mögliche an Freiheit das Ding  einzustellen wenn das Video existiert werde ich es auch hier verlinken irgendwo in die Ecke und dann  hast Du hier dann noch mal ein Video extra dazu damit ich dir zeige wie du das Designen kannst so  und dann haben wir schon den Abschnitt mit den überlappenden Bildern das ist ja easy peasy du  öffnest zwei Bilder und überle überlappst die einfach indem du sie übereinander stellst  anders als wordPress ist das hier wirklich ein Klacks WordPress hast du die zwei Bilder dann  in zwei Spalten und musst es dann hin und her und überhaupt hier nimmst du einfach zwei Bilder und  positionierst sie wo immer Du sie haben möchtest that’s what I love ich liebe es so und hier unten  ist dann auch noch mal eine boldschrift ja das kannst du machen wenn Du möchtest wie gesagt  guck immer dass es auch zu deinem Branding passt also es macht ja auch nur Sinn wenn es tatsächlich  so im gesamten Look in feelel auch deinen Werten deiner Marke entspricht und dann kannst du solche  tollen Sachen auch verwenden und wie machst du das ganze dass es so groß ist weil du hast  ja nur vier überschriftstiele die du verwenden kannst da gibt diesen kleinen Trick du willst  das aus und hast hier diese fülloption ja das ist jetzt also Überschrift 4 die so definiert ist und  wenn du hier drauf klickst dann füllt das quasi die Schrift auf die Größe des Objektes ja also  wenn du das Objekt kleiner ziehst dann wird das auch größer siehst es braucht jetzt hier  eine Zentriertheit dann wird es halt ein bisschen größer und dann kannst du hier noch bestimmen wie  es arrangiert sein soll ja und that’s it so du weißt jetzt wo der hae läuft wie es funktioniert  und dann wünsche ich Dir jetzt ganz viel Spaß dabei das auf deiner Squarespace Webseite  auszuprobieren wenn du noch keine Squarespace Webseite hast dann rate ich dir über mich eine  probease in Squarespace zu öffnen da verlinke ich dir unten ein einfach auch direkt Link zu meiner  Webseite weil du hast über mich die Möglichkeit deine Webseite ein halbes Jahr zu testen ohne auch  nur ein Cent zu bezahlen ansonsten sind es nur zwei Wochen von daher rate ich dir klick da mal  drauf hol dir das umsonst und dann hast du easy Zeit ins Universum von Squarespace einzutauchen  und für dich alles auszuprobieren und bis dahin wir sehen uns im nächsten Video mach’s gut ciao ه