Archiv für die Kategorie ‘Grafik’

Freie Hintergrundmuster für Website Layouts

Massig Hintergrundgrafiken findet man hier:
Subtle Patterns | Free textures for your next web project.

  • Share/Save/Bookmark
Categories: Grafik Tags:

35 Photoshop Tutorials für Website Layouts

Sehr guter Einstieg für alle die Photoshop für Webdesign lernen möchten. Auf diesem Blog gibt es 35 Tutorials, wie spezielle Seiten mit PS gelayoutet wurden:

35 Photoshop Tutorials for Website Layouts | Vandelay Design Blog.

Einige Beispiele:

  • Share/Save/Bookmark
Categories: Grafik Tags:

Designmoo – Freie Designbibliothek

Blog Designmoo

Habe durch das Smasing Magazine folgende Plattform gefunden:
Hier werden freie Designvorlagen veröffentlicht, die dann frei zur Nutzung herangezogen werden können, d.h. PSDs zum Download.
Bestimmt für den ein oder anderen Designer interessant, um nicht alles neu vom Skretch machen zu müssen


  • Share/Save/Bookmark
Categories: Grafik Tags: , ,

User Centered Design: Worum geht es eigentlich Poster

Habe hier ein schön illustriertes Poster gefunden, das erklärt worum es beim UCD geht und wie es überhaupt funktioniert. Verschönert bestimmt das ein oder andere Büro.

User-centered Design Poster

User-centered Design Poster

Zur Seite des Künstlers geht es hier:

Das Poster zum Download und zum selbst ausdrucken gibt es hier:

  • Share/Save/Bookmark
Categories: Allgemein, Grafik, Links Tags: , ,

IO-Graphica – Der Arbeitsvisualisierer

Habe hier eine coole Anwendung gefunden, welche einen Arbeitstag am PC visualisiert. Es entstehen Kunstwerke, die durch unterschiedliche Nutzungsverhalten völlig unterschiedlich aussehen können.

Für alle die schon immer ein Bild “Meine Photoshop-Nutzung” an die Wand hängen wollten ;-)



Die Software zum Erstellen dieser Kunstwerke gibt es hier!

  • Share/Save/Bookmark
Categories: Grafik, Tools, Trends Tags: ,

Browserfüllende Videos und Bilder

The Meta-Project

The Meta-Project

Das browserfüllende Videos und Bilder funktionieren können,
zeigt eindrucksvoll diese Website.
Sehr schönes Konzept, um viel Image zu transportieren.

Hier gehts zum: Metaproject.

  • Share/Save/Bookmark
Categories: Grafik, Trends Tags: ,

Tutorial: Bokeh Effekt in Photoshop ganz einfach

Bokeh Effect

Bokeh Effect

Ein sehr tolles und schrittweise beschreibendes Tutorial, wie man Bokeh Effekte erstellen kann (Beispiel siehe links).

Das Tutorial gibt es hier:
Awesome digital bokeh effect in Photoshop

  • Share/Save/Bookmark
Categories: Grafik Tags: , ,

Highlight-Video Richtlinien von Userfocus

It’s propaganda, not a documentary

Remember the purpose of your highlights video. It’s to encourage the design team to make changes to the system. You’re not a news reporter, dispassionately presenting the strengths and weaknesses of the system: you have a point of view. Leave the balanced reporting for a written report where you have more time and space. If the design team are interested in the specific issues, they’ll go through your bug list. It’s like the first rule of psychotherapy: they need to accept there’s a problem before they can fix it.

Say something positive

You’re about to tell people that their baby is ugly. If the audience comprises people who designed this system, they may not like your attitude. So soften them up with clips showing one or two strengths of the system. Since you don’t have long, make this clip do double duty: try to pick a clip that also demonstrates the “thinking aloud” protocol, so people understand the process you used.

Focus on the top 5 issues

Chances are, you spotted dozens of usability problems. In another report, you’ll describe each of these problems, provide a severity rating and suggest a fix. But in a highlights video you need to summarise and prioritise. So review your problems and identify 5 themes that capture the most important problems. For example, say you spotted one usability problem to do with a confusing label on a form, a second to do with an abbreviation that baffled users and a third to do with organisational-centred navigational terms. You could summarise these as a single issue (“terminology”) and then select the best clips to demonstrate it.

Show 5 clips per theme

For each of your themes, select around 5 clips that demonstrate the problem. When choosing your clips, aim to convey some of the diversity of your participant pool. It’s tempting to focus on the one or two participants that were particularly articulate or fun to watch, but doing this leaves you open to the criticism that the problems you’ve found were due to stupid users. So aim for at least 2 participants per theme and make sure all your participants get heard in at least one of your 5 videos.

Show each problem in 5 minutes or less

You’ll have lots of clips of participants illustrating each theme, so be ruthless with your editing. People expect video clips to get to the point quickly: for example, the average YouTube video lasts 3 minutes. So you should aim for a maximum of 5 minutes to illustrate each theme. If you have 5 clips, that means an average of 60 seconds per clip.

Put your best clips first

When creating the storyboard for each theme, put the most compelling clip first. Then, if the audience buys in and agrees, stop the video and skip to the next one… or keep it rolling if there are doubters. This approach works well because one of the biggest problems in presenting usability test results is often getting through them all!

Help viewers concentrate

When you show a 1024 x 768 screen in all it’s glory it’s often hard for people to see what you’re getting at. People may not be able to see the participant’s mouse — or the participant’s mouse may not be where the action is. This means you should zoom in on specific areas of the screen, or use callouts in the video to explain what’s happening. This is where you need to go beyond usability testing software like Morae and Silverback and use more flexible tools for editing digital video like Camtasia Studio and Screenflow. Both these tools are cheap ways to make your videos look good and for you to feel proud of the results.

Mehr hierzu unter:
The rule of 5: How to create a usability test highlights video you can be proud of

  • Share/Save/Bookmark

Corporate Websites – 50 Excellent Corporate Website Designs

50 Corporate-Sites als Inspirationsquelle für Designer – innovativ und ästhetisch:
Corporate Websites – 50 Excellent Corporate Website Designs | Webdesigner Depot

  • Share/Save/Bookmark

Animoto – Slideshows gehören nun der Geschichte an

Eine sehr coole Anwendung um richtig effektvolle Slideshows oder Videos automatisch zu generieren. Einfach nur Musik und Bilder hochladen und den Rest erledigt das Programm! Sehr eindrucksvoll, ohne hohen Aufwand. Wir nutzen es bei uns zur Referenzdarstellung.

animoto – the end of slideshows

  • Share/Save/Bookmark
Categories: Grafik, Tools, Trends Tags: ,