Responsive Webdesign
Übersicht mobiler Geräte: Smartphone, Tablt, Laptop, Desktop

Heute surft man nicht nur mit dem Rechner, sondern auch mit Tablets und Smartphones im Internet. Und auf allen Geräten sollen Websites vollständig dargestellt werden und gut aussehen. Für uns als Webdesignerinnen eine spannende Sache, denn damit sind neue Anforderungen an Gestaltung und Programmierung von Internetseiten verbunden. Es ist eine neue Denkweise gefragt, mit der wir uns nun ausführlich auseinandergesetzt haben.

Vor einiger Zeit wurden mobile Websites noch für ganz bestimmte Geräte erstellt, zum Beispiel für das iPhone. Heute gibt es so viele unterschiedliche Geräte in unterschiedlichen Größen von unterschiedlichen Herstellern, dass dies gar nicht mehr möglich ist. Stattdessen arbeiten wir nun mit reaktionsfähigem Webdesign, welches sich selbstständig auf die Größe des jeweiligen Endgeräts anpasst – die Übergänge sind fließend. Dies erfordert eine viel engere Zusammenarbeit von uns als Gestalterinnen mit unserer Programmiererin Ellen Bobert.

Deswegen haben wir gemeinsam mit Ellen an einer Weiterbildung zum Thema „Responsive Webdesign“ teilgenommen. Dozent war Christoph Zillgens, dessen Buch über „Responsive Webdesign“ wir bereits kannten und jedem empfehlen, der auf der Suche nach praktischen Ausführungen und Beispielen zum Thema ist. Einen ganzen Tag lang gab es intensiven Input: geballtes Expertenwissen, Tipps für die tägliche Arbeit und nützliches Know-how für Gestalter und Programmierer. Anschließend haben wir gemeinsam mit Ellen einen ganz neuen Workflow definiert, um responsive Seiten zu erstellen. Dabei werden Planung, Konzeption, Beratung und Umsetzung ganz eng verzahnt.

Mehr zum Buch „Responsive Webdesign“

Bild: Collage von skdesign unter Verwendung einer Illustration von mpfphotography – Fotolia.com

Publiziert am 10.06.2014
 

skdesign im Netz
Besuchen Sie skdesign im
Social Web auf twitter,
facebook & Co.


Empfehlen Sie uns weiter:
Archiv
Sie haben die Wahl: Fortbilden mit unserem PPT-Kurs in Leverkusen am 24. SeptemberNeues Gesetz, neue Aufmachung: Unser Design für das Forum des Bundesministerium für Gesundheit in BerlinJetzt auch gedruckt: Mit dem GUT DRAUF Leitfaden informiert die BZgA über das JugendprojektWord wirkt: Mit unserer Vorlage gestalten Sie Ihren Newsletter im Handumdrehen selbstStilsicher: Responsive Website für Biografie-ManufakturBesser präsentieren: Unsere Schulung für die Stadt KölnRuhe bitte! Wir machen Platz für Infos von PAPSILENT Viscolaycaritas in NRW – menschlich und modernGUT DRAUF präsentiert sich mit neuen HinguckernSchatzsuche mal anders: Unser Design zur FachtagungDie richtige Struktur: Handbuch für die CaritasEhrensache: Starke Bilder für die TraumatherapieVoll die Bohne: So mundet der neue Webauftritt von CUPPABOXDrei Projekte, zwei Grafikerinnen, ein Job: Wir gestalten einen MessestandKlare Vorgaben, frische GestaltungDas kölsche ChamäleonLesezeichen für die FastenzeitAn die Stifte fertig los – skdesign AusmalkartePowerPoint-Kurs mit skdesign 2017PowerPoint-Tipp: Logowechsel per MausklickEinfach praktischNeu im Netz: Responsive Website für Kölner HeilpraktikerinGUT DRAUF zur JahrestagungSucht im AlterAcht Redakteure, acht Stunden, ein WorkshopSchwer auf Draht: das neue Keyvisual für Pack LitzWireZu Besuch im BuchZuschlag erhalten: Redesign GUT DRAUF-LogoCuppabox: innen und außen geschmackvollKann man sich in der Schule wohlfühlen?PACK LitzWire: Corporate Design „on the Road”„der niedergelassene Arzt“: neues Heft – neue AnzeigeEin klarer Fall für skdesign„Henri: Ein kleiner Junge verändert die Welt“Lebensschätze und Zeitreisen – Flyer zur Fortbildungsreihe BiografiearbeitAuf Ärzte zugeschnitten: „der niedergelassene Arzt“ in neuem LayoutSchick und bewegt zur BusworldPack LitzWire goes international – mit neuem Corporate DesignHier gibt’s viel zu blättern: der neue HAPPICH-Katalog „Profile“Starke VerbindungSchnell und einfach Designvorgaben für MS Office definieren„Die Ruhestifter“ – neues LieblingsplakatDie Altenpastoral vernetzt: Vorsicht eigensinnig!Checkliste PowerPoint? Erledigt!Eingetaucht fürs Redesigndatenkultur neu im Web!Gut drauf!Layout für die WissenschaftTausend und eine FlaschenpostDigitale SelbstverteidigungKalligraphie intuitivLeises Produkt, lauter AuftrittMit allen Sinnen: Genussvoller Abend im Restaurant ThormannHandgeschriebener HinguckerEine Illustration steht KopfEchse in der JanuarsonneNicht verpassen: Paul Klee-Ausstellung in KölnDrei Jahre, drei Orte, DreikönigssaalFestliche Orgelklänge, tanzende Flötentöne und ein Hauch LateinamerikaKunterbunte Adventsgrüße von skdesign!Tierische Unterstützungskdesign dot koelnGanz schön schrägHallelujaFlyer mit persönlicher NoteIn Bewegung: skdesign gestaltet Logo von „laufend bewegen“Responsive WebdesignJetzt wird’s grün: skdesign gärtnert vorm BüroWorkshop mit Aha-Effektskdesign bringt Social-Media-Buch in FormPetition für HenriHollywood-Glanz made in WuppertalPraktische Arbeitshilfe für die AltenheimseelsorgeWebshop für BücherwürmerVerwaltungsmitarbeiter präsentieren mit Lust und LeichtigkeitEin neuer PPT-Master für den Deutschen Hausärzteverband e.V.Krötenwanderung bei skdesignMedizinische Illustration für den ViaVital Verlagprojecta köln in neuem GewandEin richtiges Leckerchen – die Umzugskarte für „Hund-aufs-Herz“Frisch gedruckt fürs Erzbistum KölnEmpfehlung des Hauses: Vielfältige MediennutzungMops gedackelter Dobermann – mal andersMit vielen Fragen zur passenden WebsiteMicrosite für TENAX® ist onlinePassgenau konstruiert: hs-tragwerkPowerPoint-Kurse mit skdesign 2013Interkulturelles Training vom AsiacoachPeking, PowerPoint, PräsentationenStiftungswebsite mit Content-ManagementFuture Dimensions | Corporate PublishingPowerPoint-WochenendkursePräsentation im Kölner Filmforumskdesign beim Lernfest 2012Frisches Design – Website-RelaunchTag CloudCaptchaBuchprojekt "FriendlyFire"BlogSaaSUser Generated ContentSEOBuzzwordCloud ComputingMemAvatarPowerPoint – Goldene Regeln für die gute Gestaltung... wie ein bunter HundKooperation mit science-texts trägt Früchtesk-Rätsel: sk steht für?Informationsgrafik – Planen, Erstellen, EinsetzenInternetauftritt mit drupal (CMS) erstelltFrühlingsanfang mit neuer StaudengärtnereiÖkologie und Sozialverträglichkeit . Nützliche LinksKreaturen Schwarz-Rot-WeißPDF-Tagesseminarecosign AkademieDie grüne [o]!magidaTypografie . Nützliche LinksBerufverbände