scrollleiste.de

GUI-Elemente für Screen- und Webdesigner

von Christoph Dietrich

Entwirft man für eine Website oder eine Applikation ein Screendesign, führt der Weg meist über ein Konzept in Photoshop, welches später mit den entsprechenden Webtechnologien (z.B. HTML und CSS) als Template umgesetzt wird. Gerade für Kundenpräsentationen, aber auch um die eigene Vorstellung vom Endprodukt zu schärfen, empfiehlt es sich den Entwurf in einem Screenshot eines Browserrahmens vorzunehmen. Manch einer legt sich eine solche Vorlage gleich fertig mit Ebenen für Favicon, URL-Text, Titel-Text, etc. als Photoshop-Datei auf Vorrat ab.

GUI-Element Browserfenster


Designers Toolbox geht noch einen Schritt weiter und bietet auf seiner Website für die Browser Mozilla Firefox, Safari und Internet Explorer jeweils unter den Betriebssystemen OS X, Windows XP und Windows Vista freie Photoshop-Vorlagen (.PSD) für:

  • Fenster in fünf verschiedenen Größen (640 x 480 bis 1600 x 1200)
  • Pulldown-Menüs
  • Eingabe- und Suchfelder
  • Radio-Buttons
  • Checkboxen
  • Click-Buttons
  • Textareas
  • Scrollleisten (horizontal und vertikal)

So sehen diese Vorlagen beispielsweise für OS X aus:

GUI-Element Pulldown GUI-Element Pulldown

GUI-Element Inputfield GUI-Element Suchwert

GUI-Element Radiobutton checked GUI-Element Radiobutton unchecked GUI-Element Checkbox checked GUI-Element Checkbox unchecked

GUI-Element Button GUI-Element Button

GUI-Element Textarea

GUI-Element Scrollbar

Keine Kommentare