23. September 2010

Farbpsychologie im Webdesign

Filed under: Tipps und Tricks von Michael um 09:14
 

Webdesign und die Farbpsychologie

Farben haben einen nicht unwichtigen Einfluss auf uns, unsere Emotionen, unsere Entscheidungen, und im allgemeinen auf unser Leben. So wie ein schöner Sommertag unsere Gefühle positiv beeinflusst, und etwa ein regnerischer Novembertag es vermag unsere Gefühle negativ zu beeinflussen, so verhält es sich mit den Farben u. den teils unterbewussten Reaktionen in uns die ausgelöst werden.

Sich die Wirkung von Farben vor Augen zu halten ist ein wichtiges Element in der Werbung, bei der Vermittlung von Emotionen, beeinflussung von Kaufverhalten, und wie wir uns in der Aussendarstellung geben wollen.
(weiterlesen…)


14. September 2010

IFA 2010: Trends und Neuheiten von der Messe

Filed under: News und Trends von Michael um 00:26
 

vor wenigen Tagen hat sie geendet – die internationale Funkausstellung in Berlin. Und einmal mehr haben sich vom 3. – 8. September 2010 die Augen der Welt auf diese Messe gerichtet, um einen Blick darauf zu erhaschen was vielleicht in näherer Zukunft für uns Konsumenten interessant sein wird.

(weiterlesen…)


1. September 2010

Web 2.0 Button mit Platz für ein Icon / Symbol

Filed under: Tutorials von Michael um 17:01
 

Wir erstellen einen Web 2.0 Button mit Platz für ein Icon / Symbol

Dieses kleine Tutorial richtet sich auch an Anfänger. Ein paar Grundkenntnisse in der Bedienung von Photoshop sollte allerdings vorhanden sein.

Heute habe ich mir überlegt, zeige ich Euch in wenigen Schritten, wie man einen Button mit sogenannter Web 2.0 Optik erstellt, und diesen vom Style her so gestaltet, dass man auch einen
Platz für ein zusätzliches kleines Icon oder Symbol hat.
Der Button lässt sich hervorragend mit meinem Mini CSS-Tutorial kombinieren, und somit ein schöner Hover-Effekt erstellen (also ein Zustandwechsel wenn man mit dem Mauszeiger auf z.B. einer Webseite über den Button fährt.)

CSS Hover-Buttons

Wenn wir fertig sind sollte unser Button in etwa so aussehen:

Button mit Icon

Button mit Icon

Auch hier (wie immer) ist der Phantasie keine Grenze gesetzt, und mit wenig Aufwand und ein paar Einstellungen an den Ebenen-Optionen kann man schnell eine völlig andere Optik erreichen.
(weiterlesen…)