Flash Design Awards

Für das richtig gute Design im Flash braucht vermutlich jeder Designer von Zeit zur Zeit hochkarätige Inspirationsquellen. Diese kann man zugenüge bei diesen sehr guten Flash Design Awards Seiten vorfinden. Tauchen Sie in die aktuellsten Beispiele des Flash und CSS Designs im Web:

Website-Awards-www thefwa com

Favourite Website Awards – Web awards at the cutting edge
www.thefwa.com

„Flash Design Awards“ weiterlesen

Rapid Webdesign Development

Nach dem das Rapid Development die Entwicklerszene im Sturm erobert hat, ist es Zeit gekommen auch das Webdesign auf die Hochgeschwindigkeit zu bringen. Natürlich geht es nur wie auch in allen anderen Fällen mit dem strengen Einhalten der vorgegebener Richtlinien, bzw. Frameworks. Im Fall von „960 Grid System“ bedeutet es eisernes Durchhalten von 12 oder 16 Spalten und maximaler Breite von 960 Pixeln. Das ganze kann man als Framework für Rapid Web Development verstehen, angefangen bei den Skizzen zur neuen Webseiten und beendet bei einer sehr aufgefeilten CSS-Vorlage, die bereits alle möglichen Kombinationen von Boxen und DIVs beinhaltet. „Rapid Webdesign Development“ weiterlesen

Code Schnipsel speichern und weitergeben

Programmiercode speichern, weitergeben und veröffentlichen bei pastie.org
Programmiercode speichern, weitergeben und veröffentlichen bei pastie.org

Jeder, der sich ernsthaft mit Webdesign und Development beschäftigt hat, dürfte dieses Problem kennen: man schickt jemanden einen Code-Schnipsel weiter, damit der gute Freund oder auch Unbekannte aus dem Netz ihn ausprobieren, verbessern oder einfach debuggen sollte, doch die Formatierung des Codes kommt total verfremdet und zerschossen an. Genau für diese Problemlösung gibt es einen kostenlosen Dienst namens pastie.org. Man trägt einfach den Programmiercode in ein Fenster ein, wählt neben der Optik der Darstellung auch die Art der Programmiersprache aus und nach dem Speichern ensteht eine MIni-Content Webseite mit dem Code zum Weitergeben. Immer im schön sauber formatierten und farbig gehighlightetem Zustand. Zu erreichen bleibt dieser Schnipsel immer unter dieser URL und man erhält sogar einen javascript code zum embedden des Source Codes auf eigener Seite oder in Foren. Sehr praktisch!

Zur Übersicht aller neu eingestellten Codes: http://pastie.org/pastes

Neuen Code schreiben und veröffentlichen: http://pastie.org/pastes/new

Zur Zeit unterstützte Formate:

  • C/C++
  • CSS
  • Diff
  • HTML (ERB / Rails)
  • HTML / XML
  • Java
  • Javascript
  • Objective C/C++
  • Pascal
  • Perl
  • PHP
  • Plain text
  • Python
  • Ruby
  • Ruby (on Rails)
  • Shell Script (Bash)
  • SQL
  • YAML

Preise fürs Webdesign

Eine interaktive Preistabelle für das Webdesign eines kompletten Internetauftrittes wurde auf www.webkalkulator.com umgesetzt. Es bietet eine sehr große Orientierungshilfe an, in welchen Preisklassen man sich ungefähr bewegt, denn die gesamte Kalkulation bleibt einfach untransparent. Doch die Bedienung ist sehr einfach und für jeden verständlich aufgebaut: Der gesamte Prozeß der Webseitenerstellung ist in 7 Hauptbereiche wie „Struktuelles“, „Ziele“, „Informationsgewinn“ usw. untergliedert mit vielen Punkten wie „Logo“, „Corporate Identity“, „Steigerung des Images“ usw. Die Preisbestimmung findet über 4 Optionsfelder neben jedem Punkt statt. Folgende Auswahlmöglichkeiten gibt es: „Bestand“, „Ja“, „Nein“ und „Später“. Insgesamt macht es dann doch Spaß die unterschiedlichen Kombinationen auszuprobieren, wobei der Preis bei beiden Optionen „Ja“ und „Später“ immer der gleiche blebt, damit könnte man diese Auswahl auch ruhig auslassen können.

Designer Portfolios

Einige aktuelle Designer Arbeiten kann man immer wieder bei dem online Bildkatalog iStockphoto sehen. Neben günstigen und qualitativ hochwertigen Fotos (was bei günstigen Fotos sicherlich nicht immer der Fall ist). Der Online Katalog kann auch nach Illustrationen, Flash und Video Dateien durchgesucht werden. Doch was wirklich sehenswert ist, ist der Designer Spotlight mit neu hochgeladenen Design Projekten. Es gibt wenige so interessante und unterschiedliche Grafik- und Webdesign Einblicke, wie auf dieser Seite. Viel Spass!

Designer Portfolios bei istockphoto.com

Länder Icons für Sprachen

Dass die Länder, bzw. Sprach- Icons nicht immer langweilig sein müssen, beweist die Webseite www.timeshop24.de. Nicht nur dass die Flaggen endlich nicht rechteckig dargestellt werden müssen, sondern auch der gewählte Ausschnitt und die schräge Lage der Fahnen ermöglicht eine erfrischende Darstellung der Icons.

Flagge Land Sprache Icons

Videos zappen bei youtube

Endlich ist auch das allseits beliebte Zappen im Internet möglich. Was bisher nur dem schön sinnlosen und dadurch sehr entspannendem Fernsehen vorbehalten war – nämlich das Zappen durchs Programm, wurde bei youtube unter dem schicken Namen „Warp Speed“ umgesetzt: Man klick auf ein Video und beginnt eine Reise durch die gesamte Galaxie der Videos, die alle nur einen Klick weiter entfernt sind. Das Interface Design und Usability ist sehr einfach zu bedienen, beim Mouseover kommt eine kurze Einblendung mit dem Titel und einer durchschnittlichen Bewertung und gleichzeitig „öffnen“ sich die Kreise für die verwandten Videos zu dem gerade aktiven. So entwickelt sich das Web immer weiter Richtung eines allumfassenden ÜBER-Mediums. Viel Spass beim Zappen!

Zappen Videos bei youtube

youtube Warp Speed.

Icons

Wie schwierig manche Piktogramme zu verstehen sind, zeigt dieses Beispiel von zeit.de. Während die meisten Icons schnell und leicht zu erfassen sind (Partnersuche, Reisen, Finanzen) sind andere wiederum ohne den erklärenden Text hoffnungslos verloren. Besonders schwierig zu „lesen“ sind die Icons von Literatur und Studium. Sind vielleicht auch schwer zu differenzieren, aber es gibt auch Beispiele in der Praxis, die mehr gelungen sind. Als ein besonderes Highlight würde ich das Icon für Kunst & Kultur bezeichnen: also dieser hochspringender Mann ist einfach obskur 🙂

Icons

Fazit: Es gibt nur eine handvoll an Icons, bzw. Piktogrammen, die eindeutig ohne einer textlichen Erklärung zu verstehen sind, wie zum Beispiel international verbreitete Zeichen an Flughäfen. Um Missverständnisse zu vermeiden sollte man im Webdesign mindestens bei einem Mouseover eine Erklärung einblenden oder permanent anzeigen.