Es gibt verschiedene Ansätze eine Website mit Hilfe von Media Queries für verschiedene Displaygrößen zu optimieren. Einmal steht das Ausgabegerät im Vordergrund, einmal das Design bzw. die Information. Ich möchte erklären was der Unterschied zwischen einer Responsive Website und einer Adaptive Website ist, welche Vor- und Nachteile die Varianten haben und in welcher Form der Layouttyp wichtig ist.

Beitrag zu Ende lesen

Bei der Konzeption einer Website müsst ihr entscheiden, wie sich das Layout im Browser verhalten soll. Soll die Website immer gleich breit sein? Sollen sich die Elemente der Breite des Browserfensters anpassen? Soll sich das Layout gar proportional verkleinern? In diesem Artikel erfahrt ihr welche Vor- und Nachteile die verschiedenen Layout-Typen haben und welche Auswirkungen eure Entscheidung auf die mobile Variante einer Website hat.

Beitrag zu Ende lesen

Ein stimmiges Farbkonzept ist entscheidend für den Erfolg einer Website. Farben transportieren Emotionen und werden unmittelbar und unterbewusst wahrgenommen. Es lohnt sich also hier etwas Zeit zu investieren um auch die richtigen Emotionen in der Zielgruppe zu erzeugen. In diesem Video zeige ich euch wie Ihr mit Hilfe von Adobe kuler ein Farbkonzept entwickeln könnt. Darüber hinaus erstellen wir ein zweites Farbkonzept auf Grundlage eines Fotos.

Beitrag zu Ende lesen

(Mobiles) Web-Design und App-Design liegen oft nah bei einander. In einigen Bereichen überschneiden sich die Themen, in anderen müssen ganz spezielle und individuelle Anforderungen erfüllt werden. Heiko vom Webstandard-Blog hat einen sehr lesenswerten Artikel zu diesem Thema veröffentlicht den ich euch nicht vorenthalten möchte. Er erklärt an einem konkreten Praxisbeispiel Schritt für Schritt wie eine App gestalterisch aufgebaut wird und wo die Tücken liegen. Angefangen bei konzeptionellen Fragen über die Gestaltung des App-Icons, bis zur Gestaltung der Benutzeroberfläche und Bedienelemente wird die Entstehung einer iPad-App detailliert beschrieben.

Designprozess einer iPad-App

Wenn man gemeinsam mit einem neuen Kunden ein Webdesign-Projekt plant, möchte man einerseits ein ansprechendes und zuverlässiges visuelles Konzept ausarbeiten, andererseits aber wenig Zeit mit Entwürfen vergeuden, die dem Kunden nicht gefallen. An dieser Stelle setzen die Style Tiles von Samantha Warren an und füllen die Lücke zwischen schnellen aber ungenauen, und detaillierten aber zeitintensiven Techniken. Style Tiles sind sozusagen ein Mockup für die Gestaltung.

Beitrag zu Ende lesen

Das Telemediengesetz (TMG) verpflichtet Betreiber von Websites und Facebook-Seiten dazu, bestimmte Angaben über das Unternehmen im Impressum zu veröffentlichen. Ein unvollständiges oder gar fehlendes Impressum kann zu hohen Strafen oder Abmahnungen führen. Für unsere Kunden haben wir aus diesem Grund ein praktisches Merkblatt erstellt, das die Pflichtangaben eines Impressums zusammenfasst. Das PDF-Dokument steht ab sofort allen Besuchern des Blogs als Download kostenlos zur Verfügung.

Beitrag zu Ende lesen

Wenn ihr schnell und intuitiv testen möchtet wie gut sich eine Schriftart für eine Website eignet, lohnt sich ein Blick auf Font Dragr. Das Online-Tool arbeitet mit jeder beliebigen Schriftart und bindet sie mit der CSS-Eigenschaft @font-face in die Website ein. Font Dragr wird zunächst als Bookmarklet in die Favoriten gezogen. Anschließend könnt ihr das Tool als Overlay aktivieren und eine Schriftart zum Test auswählen. Wenn ihr einen Font testen möchtet, der nicht Bestandteil der Galerie ist, könnt ihr per Drag and Drop eine Schrift vom eigenen Computer hinzufügen.

Beitrag zu Ende lesen