Webdesign

Design

Speed Design: 14 schnelle Tipps für die Arbeit mit Illustrator

29. Juli 2015
von
Speed Design: 14 schnelle Tipps für die Arbeit mit Illustrator

Für viele Webdesigner ist Photoshop nach wie vor erste Wahl, wenn es um die Gestaltung von Weblayouts geht. Aber da das Webdesign dank des SVG-Formates zunehmend auf vektorbasierte Grafiken setzt, wird Illustrator auch für Webdesigner immer wichtiger. Für alle, die (noch) keine Profis im Umgang mit Illustrator sind, gibt es Speed Design. Die Website stellt 14 schnelle Tipps vor, die die Arbeit mit Illustrator vereinfachen.

Design

10 coole Sachen, die man mit HTML-Elementen machen kann

27. Juli 2015
von
coolesachen-html-teaser_DE

Bis heute sind insgesamt 142 HTML-Elemente vom W3C standardisiert worden, mit Ausnahme derer, die sich noch in der Phase der Standardisierung befinden und natürlich denen, die man als überholt kennzeichnet. Das bedeutet, dass man durchaus einige Elemente nicht kennt und daher nicht benutzt, obwohl sie vielleicht sehr nützlich sein könnten. In diesem Beitrag stellen wir Ihnen daher einige wenig genutzte Elemente vor, die Ihnen jedoch viel Arbeit bei der Entwicklung neuer Websites und Anwendungen abnehmen und somit hilfreich sein könnten. Auch im Sinne der Webstandards ist es wichtig, für gewisse Aufgaben auch dasjenige Markup zu verwenden, das für diese Aufgabe an sich vorgesehen ist.

Bilder & Vektorgrafiken bearbeiten

10 Jahre am Start: das COMMAG-Magazin von PSD-Tutorials.de

21. Juli 2015
von
10 Jahre am Start: das COMMAG-Magazin von PSD-Tutorials.de

10 Jahre sind im Digitalzeitalter eine Ewigkeit. Solange bringen Matthias und Stefan Petri von PSD-Tutorials.de schon ihr COMMAG heraus. Das monatlich erscheinende Magazin zirkuliert um Themen wie Fotografie, Grafikdesign und Digital Composing. In der aktuellen Juli-Ausgabe gibt der Fotograf Frank Fischer von reckordzeitstudio Tipps für den optimalen Bildaufbau. Der Layouter Stavros Vlahopulos bricht eine Lanze für die Open Source-Software Inkscape als Budget-Alternative zu Illustrator. Und der Composingkünstler Heiko Weidlich erzählt im Interview, was ihn an der Erschaffung von Landschaften im Herr der Ringe-Stil fasziniert.

Design

CSS3: Lade-Animationen mit loaders.css

21. Juli 2015
von
css3-loaderscss-teaser_DE

Zwar sollte im Web immer alles ganz schnell gehen. Aber gerade komplexe Webanwendungen brauchen schon mal ihre Zeit, bis alle Inhalte geladen sind. Mit statischen Grafiken oder kleinen Animationen wird dann gerne mal darauf aufmerksam gemacht, dass noch Daten geladen werden. In den Zeiten von CSS3 müssen solche Lade-Animationen längst nicht mehr mit animierten GIFs realisiert werden. loaders.css stellt eine Reihe von Animationen zur Verfügung, die allesamt per CSS3 gestaltet und animiert sind.

Design

Animiertes SVG-Morphing mit Illustrator

17. Juli 2015
von
Animiertes SVG-Morphing

Das SVG-Format löst mehr und mehr Flash für vektorbasierte und animierte Grafiken ab. Aufgrund der XML-Syntax des SVG-Formates lassen sich Grafiken im Grunde per Texteditor erstellen, was in den meisten Fällen jedoch wenig sinnvoll ist. Denn Zeichenprogramme wie Illustrator verfügen über die Möglichkeit, Grafiken ins SVG-Format zu exportieren. Animationen lassen sich damit allerdings nicht umsetzen, so dass hier doch der Texteditor zu Hilfe genommen werden muss. Allerdings ist es relativ einfach, mit Illustrator und einem Texteditor eine SVG-Grafik in Bewegung zu bringen – zum Beispiel als Morphing-Animation.

E-Business

12 kostenlose Page-Speed Tools für rasant ladende Webseiten

15. Juli 2015
von
pagespeed-teaser_DE

Die Ladegeschwindigkeit einer Website ist ein Rankingfaktor bei Google. Je schneller eine Website lädt, desto besser sollte sie im Ranking einsortiert sein, wenn andere Faktoren auch stimmen. Deshalb ist es unerlässlich, seine Website zu testen und zu optimieren, damit sie so schnell wie nur möglich lädt. Doch nicht nur Google haben Sie mit einer schnellen Website einen Gefallen getan, auch Ihre Besucher sind von zügig ladenden Websites beeindruckt und verweilen dann gern auf der Seite, wenn sie zudem noch gute Inhalte bietet. In diesem Beitrag stellen wir Ihnen einige Tools zum Testen und Optimieren der Ladegeschwindigkeit Ihrer Website vor, damit Sie an der Performance Ihrer Website arbeiten können. Wenn Sie eine WordPress-Website besitzen, dann wissen Sie ja bereits, wie diese zu optimieren ist.

Design

webfont|test: Schriftauswahl leicht gemacht

14. Juli 2015
von
webfonttest-teaser_DE

Die Zeiten, in denen man aus einer Handvoll Systemschriften für die typografische Gestaltung einer Website auswählen konnte, sind glücklicherweise vorbei. Alle modernen Browser unterstützen Webfonts und die Auswahl an Anbietern reicht von kostenpflichtig bis kostenlos. Aber je größer die Auswahl ist, desto schwieriger wird es oft, die richtige Schrift für ein Webprojekt zu finden. Der „webfont|test“ hilft bei der Auswahl geeigneter Schriften, stellt diese zum Vergleich nebeneinander und ermöglicht auch das Hochladen eigener Schriftdateien.

Infografiken

Typographie: 12 handverlesene Infografiken für Einsteiger

13. Juli 2015
von
typographie-infografiken-teaser_DE

Korrekte Typografie ist das vernachlässigte Stiefkind eines manchen Webdesigners. Man könnte mit diesem Thema Jahre verbringen und hätte immer noch nicht alles Wissenswerte darüber erlernt – so scheint es. Doch für Webentwickler bedeutet Zeit immer auch Geld und stundenlange Lektüre von Büchern, Whitepapers und Aufsätzen zum Thema sind einfach nicht drin. Dennoch müssen Webdesigner genug darüber wissen, um fundierte Entscheidungen bezüglich der Typografie in einem Projekt treffen zu können. Natürlich ist das alles leichter gesagt als getan. Genau deswegen haben wir uns im Web einmal für Sie umgesehen und 12 gute Infografiken zum Thema Typografie gefunden.

E-Business

Webdesign und Konversion: Besucher in zahlende Kunden wandeln

11. Juli 2015
von
webdesignkonversion-teaser_DE

Für einen Online-Shop ist die Konvertierung von Besuchern in zahlende Kunden die wesentlichste Aufgabe. Doch genau das ist gar nicht so einfach. Sie können die schönste Website besitzen und doch ist es nicht ganz unwahrscheinlich, dass einfach zu wenig Besucher in zahlende Kunden gewandelt werden können. Das Verhältnis von Leads zu Sales ist entscheidend und nicht immer nur das vielleicht sogar preisgekrönte Design. Erst wenn dieses Verhältnis stimmig ist, sind die vielen Euros, die Sie für Marketing, Design und Entwicklung ausgegeben haben, nicht völlig sinnlos gewesen. Es gibt eine Vielzahl von Aspekten, die für die Entwicklung einer erfolgreichen Website, die genügend Sales erzeugt, zu beachten sind. Auch kleine Details können hierbei eine wichtige Rolle spielen. Daher geben wir Ihnen in diesem Beitrag einige Tipps, die Ihnen helfen können, mehr Leads in Sales umzuwandeln.

Design

CSS Contact Form: Schicke Kontaktformulare sehr einfach

7. Juli 2015
von
csscontactform-teaser_DE

Die Gestaltung benutzerfreundlicher und ansprechender Formulare ist nicht immer einfach. Pflichtfelder sollten gut erkennbar und Fehlermeldungen auffällig sein. Dazu kommt, dass Felder wie Radio-Buttons und Checkboxen nur auf Umwegen mit gänzlich eigenem Aussehen versehen werden können. Wie man Kontaktformulare raffiniert, übersichtlich und sehr individuell gestalten kann, zeigt das CSS Contact Form von CodyHouse.