Artikel der Kategorie
Webdesign
Webdesign Inspiration: 20 Firmen-Webseiten mit WordPress als CMS
Wenn WordPress als Content Management System zum Einsatz kommt, sind meist ganz spezielle Features des beliebten Systems gefragt. Vor allem mit den tollen Möglichkeiten von WordPress 3.0 (z.B. der Option Menüs im Admin-Bereich anzulegen) wird das einstige Blogging-Tool immer leistungsstärker. Daher ist es auch kein Zufall, dass immer mehr kleine wie große Firmen und Geschäfte ihre Webseiten mit WordPress betreiben.
Weiterlesen
Tutorials, Webdesign, WordPress
Eine neue Webseite entsteht (Teil 6): WordPress lokal Installation und Blank-Theme
Willst du deine Webseite in WordPress umsetzen, ist es praktisch eine WordPress-Installation auf einem lokalen Web-Server einzurichten. So kannst du auch offline arbeiten, und später deine angelegte Datenbank problemlos auf deinen online Server importieren. Eine weitere tolle Option für die Theme-Erstellung in WordPress ist es, ein sogenannten Blank-Theme als Grundlage für die Programmierung zu verwenden. So spart man sich ein wenig Zeit, und muss nicht bei jeder Webseite komplett von vorne beginnen. Denn keine Sorge, Arbeit kommt noch genug auf uns zu ;-) Also, los gehts!
Weiterlesen
Jede Menge inspirierende Design-Elemente auf Application-Websites
Das Design moderner Application-Websites (z.B. für iPhone- und iPad-Apps) bietet jede Menge Inspiration, da die Webseiten mit spannenden Design-Elementen, Animationen und Effekten ausgestattet sind. Auch die Liebe zum Detail bei der Gestaltung von Logos, Icons und Hintergrund-Strukturen ist sehr beeindruckend. Da lohnt es sich auf jeden Fall genauer hinzuschauen, und das Webdesign der modernen App-Seiten zu analysieren.
Weiterlesen
Pimp Your Logo: Tipps und Tricks zum Logo-Styling in Photoshop
Das Logo ist eines der wichtigsten und ausdrucksstärksten grafischen Elemente einer Firma, eines Produkts oder auch eines Blogs. Daher ist es besonders wichtig, bei der Gestaltung eines Logos viel Liebe ins Detail zu stecken, und so das Beste aus einer Logo-Idee herauszuholen. Im Webdesign ist es manchmal auch sinnvoll, ein bestehendes Print-Logo für die Webseite noch etwas zu stylen, damit es im Header der Webseite die richtige Wirkung erzielen kann. Ich zeige dir anhand des »Adventurer« Trekking-Logos, welche Tricks du beim Logo-Styling in Photoshop anwenden kannst.
Weiterlesen
Ein kleiner Einblick ins Tumblr-Blogging
Tumblr ist ein beliebtes Microblogging-Tool, mit dem man schnell und unkompliziert bloggen und kreativ arbeiten kann. Die sogenannten Tumblelogs sind oft kleine, kreative Kunstwerke und lassen den Bloggern durch ihre unkomplizierte Art viel Freiraum, sich kreativ auszuleben. Tumblr ist eine Art Mischung aus Blog und Twitter und da es nur ein paar Minuten dauert, sich einen Tumblr-Blog einzurichten, macht es riesig Spaß das tumblen einfach mal auszuprobieren.
Weiterlesen
Eine neue Webseite entsteht (Teil 5): Vorbereitungen für die Programmierung
Das Webdesign von Startseite, Header und Footer der CoffeeLove-Webseite haben wir im vierten Teil des Tutorials abgeschlossen. Der schwierigste Teil des Design-Prozesses ist also bereits geschafft. Jetzt fehlt nur noch die Gestaltung der Unterseiten und des Blog-Elements. Außerdem kannst du auch gleich noch alle Bilder deines Webdesigns zuschneiden, und als CSS Sprites generieren. Hast du all dies erledigt, kannst du im nächsten Schritt (bzw. im nächsten Tutorial) endlich mit der Programmierung deiner Webseite beginnen.
Weiterlesen
Inspiration, Tipps und Tools, Webdesign
Kreatives Webdesign mit Photoshop-Pinseln: Inspiration und Beispiele
Photoshop-Pinsel sind praktische kleine Helfer, die Webdesigner bei der kreativen Arbeit unterstützen können. Mit Brushes lassen sich wunderschöne Hintergründe und Effekte z.B. für Header-Grafiken erzeugen, die einem Design-Entwurf das gewisse Etwas verleihen. Außerdem macht es natürlich jede Menge Spaß, seiner künstlerischen Ader einmal ganz freien Lauf zu lassen :-)
Weiterlesen
Eine neue Webseite entsteht (Teil 4): Das Webdesign-Styling
Im Teil 3 des Tutorials ist der erste, grobe Webdesign-Entwurf entstanden. Damit dein Design auf jeden Fall ein echter Hingucker wird zeige ich heute, mit welchen Effekten und Tricks du deinem Entwurf den letzten Feinschliff geben kannst. Denn nur mit Liebe zum Detail wird ein Webdesign zu etwas ganz Besonderem.
Weiterlesen
Eine neue Webseite entsteht (Teil 3): Webdesign mit Illustrator und Photoshop
Nachdem im zweiten Teil des Tutorial das Mockup für die CoffeeLove-Webseite entstanden ist, wird es jetzt endlich so richtig bunt, denn die Arbeit mit Photoshop und Illustrator kann endlich beginnen. Ich werde dir zeigen, wie du bei der Gestaltung des Design-Entwurfs vorgehen kannst, was du beachten solltest, und mit welchen Tricks und Tipps du im Webdesign schneller voran kommst. Also los geht’s an die kreative Arbeit :-)
Weiterlesen
Webdesign Inspiration: Jede Menge kreative Featured Content-Slider
Slider sind ein beliebtes Element, um im Header, auf der Startseite oder im Portfolio einer Webseite spezielle Inhalte hervorzuheben. Ein riesiger Trend ist es, die Slider immer größer und sogar Bildschirm füllend zu gestalten. Ich finde die Featured-Slider besonders für Portfolios und Firmen-Präsentationen geeignet. Um zu zeigen, was man als Webdesigner alles aus den animierten Elementen herausholen kann, hier eine kleine Auswahl besonders kreativer Slider.
Weiterlesen
Social Sites
Twitter
Facebook
Delicious
Vimeo
Illustrator-Tutorial: »Eine Handzeichnung in Illustrator kolorieren«
Flickr
Elmastudios Flickr Diashow