Schöne Paper Prototyping Bilder

Imagesearch


Twitter (hieß am Anfang noch 'my.stat.us')


Flickr Places


und ein lustiger Interface-Test für ein Mailprogramm :)

designerinaction.de

Die Seite die ich euch vorstellen möchte ist www.designerinaction.de
Sie ist gut struckturiert und sehr klassisch was die Positionierung der Elemente angeht. Das Menü ist listenartig unterm Logo plaziert und hat teilweise Unterpunkte. Der Contentbereich ist immer gleich aufgebaut, mit einem rechteckigem bild und kurzem Textblog daneben als Appetithäppchen. Dieser ist noch mit einem längeren Text zum Beitrag verlinkt. Von dort kann man sich dann noch weiterklicken zu der Webseite.
Die seite beinhaltet nur designnahe Artikel. Selbst die Werbung ist auf die Zielgruppe designinteressierte abgezielt.
Alles in allem eine Inhaltlich gute und struckturierte Seite.

Florian Beddig

Wichtige Ankündigung für
Mittwoch den 25.6.2008

Da ab 18 Uhr in der Aula nicht nur die Honorarprofessurverleihung sondern auch die Vorstellung des neuen HBK-Katalogs stattfindet, wird unsere Veranstaltung diesmal etwas kürzer! Dadurch haben alle (mich eingeschlossen) die Gelegenheit rüberzugehen. In der nächsten Woche wird die Veranstaltung dafür garantiert länger, also schon mal den Abend freihalten ;)

Übung Nummer 9 enthält wie bereits angekündigt verschiedene beispielhafte Wege, eine Bildergalerie anzugehen: Entweder mit reinem CSS (was die Möglichkeiten etwas einschränkt), mit Javascript (wir machen es uns einfach und benutzen Dreamweaver) oder mit Flash (bietet die größten Freiheiten, dafür muß man sich aber zumindest ein wenig mit Flash auseinandersetzen).

retrospektive.net

http://www.retrospektive.net/

Hier ein mit wenigen Mitteln, meiner Meinung nach, gut gelungenes Portfolio.
Der Aufbau der Seite wird einem auf Anhieb klar.
Hauptsächlich zeichnet sich die Seite durch die Ästethik und weniger durch ein wirklich innovativen Einsatz von irgendwelchen Flash-Elemente aus. Aber gerade deswegen finde ich sie gut gelungen.

Faux absolute positioning

A List Apart habe ich ja schon wärmstens empfohlen. In Ihrer neuesten Ausgabe haben sie eine neue Technik-Idee am Start, mit der man mehrere Säulen + Header + Footer in einem CSS-Layout bewerkstelligen kann (etwas, das bisher ja weder mit absolutem noch mit floating Layout wirklich in jedem Browser funktioniert hat). Sie nennen es Faux absolute positioning und es bietet einem quasi das beste aus beiden Welten.

Der Artikel setzt Grundkenntnisse in CSS voraus (oder eine ernsthafte Auseinandersetzung mit CSS-Layouts), da er auch relativ detailiert geschrieben ist. Grundsätzlich errechnet diese Methode den linken Offset von einer fixed Position (statt vom rechten Ende des vorhergehenden Elements). Das haben sie hingebastelt mit einer cleveren Kombination von position: relative, left: 100% negativen margin-lefts - dies funktioniert in allen aktuellen Browsern und bis runter zum IE 5.5 Win ohne Hacks, also großer CSS-Sport sag ich mal :)

3 Seiten mit 0 "wooow, tolles Design"-Effekt (sorry)

www.Bildblog.de

Die hellsten Sterne am Bildhimmel - manchmal sogar heller als die Sonne

www.stuffonmycat.com
Fotosammlung aus dem ruhigen Leben in der Wohngemeinschaft Katze und Mensch.

Wie der Name schon sagt geht es um die Disziplin des Platzierens von Gegenständen auf den Katzen. Dem Gewinner winkt ein Fisch.

www.beichthaus.com

Wie der Name schon sagt eine Therapiestunde im Monolog.

In der Übung Nummer 8 beschäftigen wir uns ausführlich mit verschiedenen Arten, ein spezielles CSS-Problem anzugehen: Das Zentrieren. Beliebige Inhalte in einem beliebigen Bereich horizontal und vertikal genau mittig zu platzieren ist leider nicht mehr so einfach wie es früher mit Tabellen-Layouts mal war. Aber es gibt natürlich immer Mittel und Wege...

thebestdesigns.com – Webseitenvorstellung

thebestdesigns.com ist eine Linksammlung für »Designer-Websites". Die Webseite ist einfach und klar strukturiert und somit leicht navigierbar. Neben der einfachen Navigation besitzt thebestdesigns.com ein sehr schönes und fast schon elegantes Design.
In der Hauptspalte finden sich jede Menge thumbnails zu verlinkten Webseiten. Diese Designer Webseiten machen den Großteil des »contents« aus. Unter jedem thumbnail gibt es auch kurze Informationen zu den Gestaltungsmitteln der jeweiligen verlinkten Website, sowie das Verlinkungsdatum.

thebestdesigns.com ist eine sehr interessante, schöne und gut sortierte Webseite für Designer Webseiten. Sehr inspirativ und vielseitig.
»Ein muss für jeden Webdesigner«

von: manuel albert

WEB-Werkstatt-- Kurzreferat

Hallochen..Hier mein "Kurzreferat Web-TIP"

newsflex.de

Das ist eine Homepage zur "Berieselung" das Portal nennt sich selbst fun & entertaimentportal. Man kan hier gut nach netten,interessanten Sachen gucken. Man kann sich im Berreich Surftips,DVS,Filme,Kino,Musik etc. berieseln lassen und gucken was es momentan so an "wichtigen Neuigkeiten" in den einzelnen Bereichen gibt. Am besten gefällt mir die Abteilung Surftips,da man dort einige interessante Internetseiten entdecken kann und stundenlang mit gucken,klicken und stöbern verbringen kann.

LG Steffi

www.tokyoplastic.com

www.tokyoplastic.com

tokyoplastic.com ist eine Internetseite eines japanischen Grafikbüros aus Tokyo das sich Hauptsächlich auf Animationen konzentriert. Nebenbei produziert es aber auch Grafiken und kleine Spielzeugfiguren aus Plastik.
Die Seite ist sehr liebevoll und detailliert gemacht und zeigt sehr viele Flash-Animationen auf. Durch ein einfaches und übersichtliches Menü in dem der Benutzer durch ein paar Mausklicks zu den gewünschten Sektionen kommen kann, ist die Seite einfach zu bedienen. An der ein oder anderen Stelle muß der Benutzer sogar die Animationen, die die Zwischensequenzen darstellen, durch gezieltes Klicken zum fortlaufen bringen.
Einziger negativer Punkt der mir an der Seite aufgefallen ist, ist dass die Textinformationen auf ein Minimum reduziert worden sind, so dass man lediglich das Nötigste, jedoch nichts wirklich über den Backround des Büros erfährt.
Trotzdem ist mein Fazit, dass es eine optisch interessante Seite ist und auf eine angenehme und einfach zu bedienende Art, die Informationen vermittelt, die sie vermitteln will.

von M. Wetzig

Diesmal enthält das ZIP zur Übung Material zur Integration (Embedding) von Medien: Videos als Quicktime und Flash-Filme an sich (gerne dann auch mit Video, siehe youTube), beides in Designer-Portfolios wie „Web 2.0“-Seiten ja reichlich vertreten. Dies erledigt man sauber mit dem qtobject bzw. dem swfobject 2.0, für beides finden sich Beispiele und Links in den Ordnern im ZIP.

Typografie mit sIFR

Alles wichtige zu Typografie im Web mit sIFR findet sich im Wiki, besonders interessant, da grade die neue Version 3 fertig wird:
sIFR 3 Wiki, FAQs, Examples, usw.
Die Demo zeigt, das man so ziemlich jeden Font einbinden und formatieren kann (und das davon alleine die Website nicht besser wird):
sIFR 3 beta Demo
Und wer wie Sebastian damit bereits angefangen hat zu arbeiten findet hier ein paar nützliche Hinweise zu Problemen mit sIFR2:
sIFR 2 Fehler bei Textlinks,...