Art-Direction, Webdesign und Grafiker / Strategie, Kunst und Design

Blog

Unsere Veröffentlichungen

Essays zu designverwandten Themen. Nachfolgend die neuesten Artikel.

Die Geometrie der Natur – Fraktale

Mandelbrot, Computergrafik und Fraktale

Fraktale Strukturen als Darstellung natürlichen Wachstums

Fast überall, wo man in der Natur genauer hinschaut findet man Fraktale. Nehmen wir als einfaches Beispiel zunächst einen Baum.

Silhouette eines Baumes
Beispiel für einen Baum

Was sieht man, wenn man einen Baum ansieht? Einen Baumstamm, aus dem fast zufällig Äste abzweigen. Wenn man nichts über Fraktale weiß, mag einem ein Baum wie ein sehr zufälliges Objekt erscheinen. Ohne erkennbare Regeln und mit rein zufälligen Mustern.

Wenn man sich intensiver mit Fraktalen beschäftigt merkt man bei genauerem hinsehen, dass dies nicht der Fall ist. Wir sehen dann, dass ein Baum grundsätzlich aus einem Baum besteht, aus dem weitere Bäume abzweigen. Diesem einfachen Grundprinzip folgen alle Bäume und viele weitere Pflanzen.

„Wolken sind keine Kugeln, Berge keine Kegel, Küstenlinien keine Kreise und Rinde ist nicht glatt, so wie auch der Blitz nicht auf einer Geraden unterwegs ist“

Benoît Mandelbrot

 

Weiter lesen: „Die Geometrie der Natur – Fraktale“

Lucas-Folgen in der Typographie

Harmonisches Schriftbild mit Fibonacci- und Lucas-Zahlen

Rhythmus, Klang und Betonung in der Schriftgestaltung

Die Beziehungen zwischen unterschiedlichen Textelementen stellen eine Charakteristik jedes typographischen Designs dar. Durch verschiedene Größen werden einzelne Elemente hervorgehoben und voneinander getrennt. Durch die Mischung und Verhältnismäßigkeiten entsteht ein Gesamtbild.

Unter den einzelnen Elementen entsteht ein Rhythmus, eine Betonung und ein gemeinsamer Klang. Die korrekte Schrift-Strukturierung stellt dabei einen Glücksfall dar, wenn man über keinen Anhaltspunkt bei der Designentwicklung verfügt.

Schriften ausgewogen und ansprechend zu gestalten erfordert viel Aufwand, Feingespür und Erfahrung. Viele Webdesigner fallen an diesem Punkt zurück ins Print-Design und wählen die typischen Standardschriftgrößen, welche Sie aus ihrer Layoutsoftware gewöhnt sind: 8pt, 10pt, 12pt, 14pt, 18pt, 24pt usw.

Praktikabel, leicht und flexibel

Eine weitaus bessere typografische Möglichkeit besteht allerdings darin, Texte nicht länger einzeln festzulegen. Weiter lesen: „Lucas-Folgen in der Typographie“

Kreativität für bessere Konzepte

Aussergewöhnliche Ergebnisse durch kreative Ideen

Kreativ arbeitende Menschen wissen, dass der erste Schritt zu einem neuen Konzept in den meisten Fällen über Skizzen, Ideensammlungen und Notizen erfolgt. Um die strukturelle Arbeit während dieses Prozesses zu erleichtern macht es Sinn systematisch vorzugehen. Dafür stelle ich ab sofort Vorlagen zum kostenlosen Download zur Verfügung.

Software hat vieles vereinfacht – Aber nicht alles besser gemacht

Software bietet einen bestimmten Lösungsansatz für ein Problem. Entwicklerteams haben einmal einen Lösungsansatz bestimmt und in der Software verwirklicht. Auch Designsoftware (z.B. Adobe CS) funktioniert nach einem spezifischen Software-Konzept. Die Gefahr für den professionellen Anwender besteht nun darin, dass er alternative Möglichkeiten nicht mehr sieht und aus den Augen verliert. Weiter lesen: „Kreativität für bessere Konzepte“

Downloads

Freie Marketing Downloads und Templates für Online und Offline Strategieplanung

Downloads zur UI/UX-Design- und Projektplanung

 

Gute Ideen sind wertvoll. Brilliante Ideen sind noch wertvoller, weil sie um einiges seltener sind. Sie erreichen uns meist unvorhersehbar und blitzschnell. Genauso schnell verschwindet die Idee auch wieder aus unserem Gedächtnis oder wird von neuen Eindrücken überlagert. Sobald wir versuchen uns an die Idee zu erinnern haben wir sie häufig schon fast wieder vergessen. Wer kennt das nicht?

Es macht definitiv Sinn die besten Einfälle zu skizzieren und direkt in den richtigen Kontext zu bringen um sie später erneut dem richtigen Thema zuordnen zu können. Zu diesem Zweck habe ich einige Templates entwickelt, welche diese Arbeit erleichtern können.

Alle Projektplanungs-Vorlagen sind optimiert für schnelle Skizzen. Sie sind dezent gestaltet um maximalen Gestaltungsspielraum zu ermöglichen. Einfach ausdrucken und gleich loslegen.

Auf dieser Website stelle ich alle Vorlagen zum kostenlosen Download zur Verfügung. Verfügbar sind bisher u.a. Designvorlagen (für iPhone, iPad, Android, Windows, Websites, Twitter- Facebookdesign, Featurelisten, freie Projektplanung) und Templates zur Marketingplanung und Strategieentwicklung. So lassen sich Zusammenhänge und Abläufe verdeutlichen und planen.

Laden Sie die Vorlagen gerne zur freien Verwendung herunter.

  • Pixelgenaue Layouts
  • PDF oder Word Download
  • Einfach ausdrucken und loslegen
Model Description .pdf .doc
01 Iphonedesign von Bendesign Model: iPhone
amount per page: 4
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
02 Iphone design details Model: iPhone details
amount per page: 4
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
03 Iphone design details Model: iPhone details
amount per page: 12 scale: 60%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
04 iPhone design horizontal Model: iPhone details horizontal
amount per page: 4
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
05 iPhone design horizontal Model: iPhone details horizontal
amount per page: 16
scale: 60%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
06 iPad design Model: iPad
amount per page: 1
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
07 htc dream design Model: HTC Dream
amount per page: 4
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
08 htc hero design Model: HTC Hero
amount per page: 4
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
09 htc magic design Model: HTC Magic
amount per page: 4
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
10 motorola droid design Model: Motorola Droid
amount per page: 4
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
11 motorola droid design horizontal Model: Motorola Droid horizontal
amount per page: 2
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
12 Nexus One Design Model: HTC Nexus One
amount per page: 4
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
13 Windows 7 phone design Model: Windows 7 Phone
amount per page: 5
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
14 Windows 7 phone design Model: Windows 7 Phone
amount per page: 24
scale: 60%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
15 Appdesign Bendesign App Feature List
amount per page: 10
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
16 Webdesign sheet Webdesign Sheet
amount per page: 1
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
17 webdesign details Webdesign Detail Sheet
amount per page: 1
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
18 Webflow design Navigation Flowchart
amount per page: 20
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
19 facebooksite design Facebook design sheet
amount per page: 1
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file
20 twitterpage design Twitter design sheet
amount per page: 1
scale: 100%
free downloads marketing free download marketing download pdf marketing download doc marketing download word file

Designvorlagen für Web-, Print- und Projektplanung

Mit den angebotenen Designvorlagen lassen sich sehr schnell erste Ideen skizzieren, kreative Einfälle ausprobieren und interessante Designs entwickeln. Angeboten werden die Dateien wahlweise als PDF oder Word Download in Deutsch und Englisch. Einfach ausdrucken und gleich loslegen!

Lizenzbestimmungen

Die Designvorlagen zur Projektplanung werden zur freien Verwendung angeboten. Einzig der Verkauf oder das Zugänglichmachen der Dateien auf anderem Wege als über http://ben.design/blog/downloads ist untersagt. Wenn Sie auf die kostenlosen Downloads hinweisen möchten setzen Sie bitte einen Link auf diese Seite.

Die Theorie von gutem Webdesign 3 (Farbgestaltung)

Die richtige Farbwahl spielt eine erhebliche Rolle bei effektivem Webdesign. Anhand von praktischen Beispielen können Sie sehen, wie sich die Wahl von guten Farben auf den Betrachter auswirkt. Ich habe in diesem Blog-Eintrag einmal die wichtigsten Faktoren für die richtige Farbwahl zusammengestellt, die für ein erfolgreiches Webdesign ausschlaggebend sind.

Farbgestaltung und Bildauswahl für Websites

Die Farbwahl

Die Wichtigkeit der richtigen Farbwahl beim Webdesign wird immer wieder unterschätzt. Es ist schon soviel darüber geschrieben worden. Deswegen fasse ich es einfach mal kurz zusammen. Farben beeinflussen als wichtiger Faktor die Stimmung der Website. Die Farbwahl spielt eine erhebliche Rolle bei einem guten und erfolgreichen Webdesign.Die Farbwahl sollte sich natürlich an der Zielgruppe orientieren. Verwenden Sie zum Beispiel gedämpfte Farben für edle Produkte, elegante Farben für hochpreisige Seiten, bunte Farben für verspieltere Seiten, usw.

 

Weissräume und silberne Verläufe sorgen auf apple.com für schlichte Eleganz.

Weiter lesen: „Die Theorie von gutem Webdesign 3 (Farbgestaltung)“

Die Theorie von gutem Webdesign 2 (Navigation)

Effektive Navigation im Webdesign

Je nach inhaltlicher Ausrichtung und Publikum der Website gibt es verschiedene Möglichkeiten eine Navigation einzurichten.

Mögliche Navigationslinien

1.) Die Ein-Linien Navigation . Ein Beispiel für ein einfaches Thema oder eine Präsentation:
(Der User navigiert anhand von einem vorgegebenen Pfad. Diese Art der Benutzerführung hat sich in der Praxis bei logischen Abfolgen oder einfachen Themen bewährt.)

Die Navigation erfolgt nach einem vorgegebenen Pfad.

Weiter lesen: „Die Theorie von gutem Webdesign 2 (Navigation)“

Die Theorie von gutem Webdesign 1 (Layout)

Gutes Webdesign hat mit Erfahrung, Gespür und Kentniss der elementaren Design-Grundlagen zu tun. Der erste Teil über die „Theorie von gutem Webdesign“ behandelt die Möglichkeiten der Layoutgestaltung.

Die Theorie von gutem Webdesign

Gutes Webdesign ist ein komplexes Thema. Es hat mit Erfahrung, Gespür und Kentniss der elementaren Design-Grundlagen zu tun. Nachfolgend möchte ich einen kleinen Überblick über die Hintergründe geben.

Teil 1: Das Layout.

Schauen wir uns zuerst das Thema Layout an:

Den Besuchern einer Website geht es vorrangig darum die relevanten Informationenschnell zu finden. Zeit ist schließlich kostbar! Es gibt ein Überangebot an Informationen. User bleiben daher nicht auf unübersichtlichen Seiten hängen, sondern surfen schnell weiter.

Weiter lesen: „Die Theorie von gutem Webdesign 1 (Layout)“

Logos mit Helvetica

Über 60% aller Printerzeugnisse verwenden die Schrift Helvetica. Hier sind 40 Logos, die ebenfalls mit der Helvetica erstellt wurden.

Die beliebteste Schrift überhaupt dürfte Helvetica sein. 60% aller Printerzeugnisse verwenden Sie. Webdesignerdepot hat eine Reihe von Logos zusammengestellt, die ebenfalls mit der alterwürdigen Helvetica erstellt wurden.

Weiter lesen: „Logos mit Helvetica“