S Inhaltselement für ästhetischi Contentufteilig
Um was geit’s?
E zwäispaltig Bühni uf ere Website bezieht sich uf s’Layout, bi dem dr Inhalt i zwei parälllä Spalte aordnä isch. Das Layout biet mehri Vorteili, wo derzue beiträged chönd, d’Benutzererfahrig z’verbessere und Informationä effektiv z’präsentiere und z’organsiere.
Guet z’wüsse
D Bühne mit zwei Spalten passt sich automatisch a, das heisst, bi chlinere Bildschirme wärde die zwei Spalten unterenand agordnet, damit d Darstellig vom Inhalt guet bleibt.
Zweispaltigi Bühne mit HG-Bild + Text
Flisstexte chamer guet mit Bilder uflockere. S’Bild isch i däre zwöispaltige Bühne als Hintergrundbild i de Rahmenbühne iigsetzt worde, und dr Text het e farbige Hintergrund übercho. D’Position vom Hintergrundbild und vom Text chamer vertuusche, so dass dr Text i dr linke Spalte erscheint.
Zweispaltigi Bühni mit HG-Video + Text
Lauftext cha mer guet mit Videos uflockere. S Video isch i däre zweispaltige Bühne als Hintergrundvideo i dä Rahmenbühne hinterleit, und dr Text het en farbige Hintergrund übercho. D Position vom Hintergrundvideo und vom Text chönd vertauscht wärde, so dass dr Text i dr linke Spalte erscheint.
Zweispaltigi Bühni mit zwei Hintergründe und Abständ zwüsche de Spalte
Zweispaltigi Bühne
Hintergrund: links es Bild
Mobil-Darstellung: D’Reihefolg vo dr Darstellung vo de Spalte wird verdräit, das heisst, zerscht wird d’rechte Spalte (Text) und denn d’linke Spalte (Bild) azeigt.
Da stoht e Überschrift
wo grad im Text mit em Medie-Element erfasst isch
Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Nulla consequat massa quis enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Maecenas malesuada. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Cras sagittis. Nulla facilisi. Morbi mollis tellus ac sapien. Aenean viverra rhoncus pede. Sed lectus. Vivamus consectetuer hendrerit lacus.
"Da stoht es Zitat, wo zum Thema passt. So chamer d’Syte optisch e bitzli uflockere. Statt em Zitat chönnti da au e Gästestimm oder e Tipp vo de Redaktion stah."
vo Max Mustermann
Zweispaltigi Bühni mit Hg-Bild + Text
Lauftext chöi guet mit Bilder ufgelockert werde. S Bild isch i däre zwoispaltige Bühn als Hintergrundbild i de Rahmenbühni hinterleit, und dr Text het en farbige Hintergrund übercho. D Position vom Hintergrundbild und vom Text chöi vertuscht werde, so dass dr Text in dr rechte Spalte erschynt.
S’Bild und dr Text nähmed d’ganz Breiti vom Bildschirm i.
Dr Text bricht nöd um, und hinder em Text chönd Hintergrundfarbä bruucht wärde.
Mer chann Element wie Button, Checkliste vertikal, Überschrift, Text, Fakten vertikal platziere
Da stoht e Headline im Styling M
und da stoht e Untertitel im Styling XL, wo drum grösser wirkt
In d’rächtä Spalt isch im Text mit Medie-Element es Bild als PNG iigfüegt worde, damit s’Logo kei zusätzliche Hintergrund het. Als Hintergrund vo dr Bühne isch e Farb uusegählt worde. Alternativ chönnt mer als Hintergrund o es Hintergrundbild näh, wo e Struktur wie Stoff, Holz, Tapete usw. zeigt und so nume dezänt als Hintergrund wirkt.
Da stoht e Überschrift
wo grad im Text mit em Medie-Element pflegt isch
Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Nulla consequat massa quis enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Maecenas malesuada. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Cras sagittis. Nulla facilisi. Morbi mollis tellus ac sapien. Aenean viverra rhoncus pede. Sed lectus. Vivamus consectetuer hendrerit lacus.
spaltigi Bühni sind e super Sach
ufwendig bis zum letschte Buechstab
Ziele Text schiint optisch attraktiv
Zweispaltigi Bühni mit animiertem Störer
Dr Störer wird i de Bühneneinstellige pflegt.
Zweispaltigi Bühni mit überlappendem Störer
Dr Störer wird i de Bühneneinstellige pflegt.
Das isch e 2/3 1/3 Bühne
I däre Bühne sind d Spalten 2/3 1/3 ufteilt, und redaktionell isch e Abstand zwüsche de beidne Spalten gsetzt.
Das isch e 1/3 2/3 Bühne
Bi däre Bühni sind d’Spalte i 1/3 2/3 ufteilt. I dr 2/3 Bühni isch es Video, und dr Text isch mit ere transparente Box hinderlegt.
Zweispaltigi Bühni
mit einzelnem Medieelement (Bild, Video, Audio) und Farbverlauf im Hintergrund
