Glas perfekt freistellen mit Photoshop

03 Apr

von am 03.Apr 2009, in der Kategorie Design

0

glas-mit-photoshop-freistellen

Es gibt in der Digitalen Bildbearbeitung so manches was einem den letzten nerv rauben kann. Beispielsweise Haare oder transparente Materialen. Best Practise dürfte hier wohl das Photoshop Plugin oneOne Mask Pro 4 sein. Hier ein Tutorial.

(continue reading…)

:, , , trackback it! (copy link target...)

Rapid Web Prototyping/ Wireframing: iPlotz

23 Mrz

von am 23.Mrz 2009, in der Kategorie Design

0



Rapid Web Prototyping Tool: iPlotz



iPlotz ist genau das Rapid Web- und Application Wireframe-Scribble Tool, das so viele Designer schon so ewig gesucht haben.

mit iPlotz für Mac OS, Windows und Linux lassen sich in kürzester Zeit Scribbles von Webseiten, Desktopanwendungen und iPhone Apps für den Kunden oder für das eigene Team Produzieren. Im folgenden Stele ich die Anwendung vor und zeige ein Paar ihrer Möglichkeiten auf.
(continue reading…)

:, , trackback it! (copy link target...)

10 schöne free Serif-Fonts

18 Mrz

von am 18.Mrz 2009, in der Kategorie Design

0



type



Nachdem ich vor einigen Wochen bereits einen Artikel über 10 nützliche free Sans-Serif Fonts geschrieben habe und dieser gut angekommen ist, habe ich mich heute mal auf die Suche Nach Alternativen für die “althergebrachte” Times New Roman gemacht.

Sans-Serif Schriften wirken zwar meist moderner als Schriftarten mit Serifen, aber darunter leidet oft – vor allem im Fließtext – die Lesbarkeit. In langen Schrftstücken wie Büchern werden deswegen zur einfacheren Führung der Augen durch die Zeilen Schriften mt Serifen verwendet. Hier ein Paar Fonts, die trotz der Serifen auch Sans-Serif Fonts in Modernität in nichts nachstehen.

(continue reading…)

:, , trackback it! (copy link target...)

Wohin schauen User zuerst? Heatmapping mit Feng-GUI

26 Feb

von am 26.Feb 2009, in der Kategorie Design

0



Feng-GUI: Blickwechsel (eyetracking) heatmap von Apfelkuh.de



Dem, der schon immer einmal wissen wollte, wohin Ottonormaluser auf seiner Webseite zuerst schauen, sei nun geholfen.
Eine einfache Lösung dafür ist der kostenlose Online-Dienst Feng-GUI.

Die Prozedur ist einfach:

  • Screenshot der Site oder das Visual (z.b. Print- oder Web-Anzeige/Banner) hochladen
  • Automatisch generierte Heatmap ansehen

Feng-GUI analysiert Tonwertdifferenzen, Kontraste und Größe und Grupperung von Elementen auf der Website und verbindet dies mit statistischen Werten von User-Blickwechseln. Heraus kommt dabei eine Heatmap, d.h. eine Wärmebildaufnahme. Diese zeigt wie wahrscheinlich es ist, dass Usern bestimmte Elemente auffallen. Und wenn ja: in welcher Reihenfolge und wie oft.

Hundertprozentige Richtigkeit kann man bestimmt nicht erwarten. Nichtsdestotrotz ein wirklich nettes Tool.

Vorteil: Aufgrund der Kontrastdifferenzen und der Eyetracking-Statistiken die Feng-GUI benutzt, kann man selbst oder im Team das Ergebnis in die Gestaltung des jeweiligen Produktes einfliessen lassen. Dies kann zu einer visuellen Optimierung des Visuals führen und wirkt sich somit auf Konversionraten von Landingspages/Visuals und/oder die Usability einer Anwendung aus.

:, trackback it! (copy link target...)

10 nützliche free Sans-Serif Fonts

25 Feb

von am 25.Feb 2009, in der Kategorie Design

3



sans



Da es immer etwas kritisch ist, für sein aktuelles Projekt/ Logo eine passende Schrift zu finden, habe ich mich neulich mal online auf den Weg gemacht um ein paar schöne Sans-Serif Schriftarten zu sammeln Dabei sind mir zehn besonders ins Auge gefallen.

Die Schriften sind alle gut fürs Logodesign und als CI-Schriften (wenn mich nicht alles irrt werden manche davon – oder varianten davon – allerdings schon von namhaften Social Services benutzt). Die Downloads gelten sowohl für Winows als auch für Mac OS.

(continue reading…)

:, , trackback it! (copy link target...)

Schöne und valide CSS Info-Klassen

18 Feb

von am 18.Feb 2009, in der Kategorie Design

0

Inspiriert von BinaryBonsai habe ich versucht für einige wichtige Informationen wie Alarme, Bestätigungen, oder anderes valide CSS-Klassen zu schreiben.

benötigt wird hierfür – wieder einmal – das Silk Icon Set von famfamfam.com

je nach Helligkeit des Designs der eigenen Seite muss man eventuell die Farbe leicht nachjustieren, aber im großen und ganzen sind sie eher auf helle Designs ausgelegt.

Die Klassen funktionieren sehr simpel. Durch die Unterstützung des Icons und die jeweilige Farbassoziation entsteht momentan der richtige Eindruck von dem was gerade passiert ist. Ob nun…

(continue reading…)

:, trackback it! (copy link target...)

Nützliche Hinweis-Klasse in CSS

16 Feb

von am 16.Feb 2009, in der Kategorie Design

2

Mit dieser CSS-Klasse “hint” kann man auf sehr diskrete Weise den Blickfluss des Users manipulieren.

Die Farbe des “Zacken.gif” muss nur in die CD angepasst werden, da ich den oft nur partiell funktionierenden PNG-Fix (AlphaImageLoader) umgehen und gleichzeitig den “Zeiger” schön glatt (anti-aliased) lassen wollte

:, trackback it! (copy link target...)

famfamfam silk icons

16 Feb

von am 16.Feb 2009, in der Kategorie Design

1



index_abc



Wer schöne State-of-the-Art silk Icons benötigt ist hier genau richtig. Das FAMFAM-Icon set bietet an die 1000 Icons für nahezu jeden Zweck.

Es beinhaltet nahezu alle notwendigen Icons für Social Networks, Front- sowie Backends und sogar für Grafik-Programme.
Wer also keine Lust hat, sich selber aufwändig Icons zu designen, der sollte hier definitiv Zuschlagen.

download

:, trackback it! (copy link target...)