Kategorien
Best-of HTML/CSS/PSD-Ressourcen Essentials

20+ frische kostenlose Templates in HTML/CSS und PSD: Auf geht’s Edition 2015

Anschließend an die Zusammenstellung frischer Ressourcen vom Neujahrstag 2015 wollen wir Ihnen heute einen weiteren Strauß bunter Möglichkeiten an die Hand geben. Was sind die Trends des Jahres 2015? Sicherlich wird auch das neue Jahr Überraschungen bringen. Sicher kann man wohl schon jetzt sagen, dass sich der Trend zum Flat Design eher verstärken als abschwächen wird. Auch der Skeuomorphismus dürfte unwiederbringlich Geschichte sein. Das verhältnismäßig neue Konzept des Material Design aus dem Hause Google ist dabei eine sehr sympathische Variation des Themas. Wenn Sie auf die folgenden Designvorschläge setzen, werden Sie also auf jeden Fall nicht völlig neben der Spur liegen. Die Königsklasse ist es dabei stets, den Vorschlag zu nehmen und zu seinem eigenen zu machen. Lassen Sie sich inspirieren…

Eins noch vorab: Alle der folgenden Elemente können frei genutzt werden. Manchmal ist allerdings im Vorfeld des Download eine kostenlose Registrierung erforderlich. Detailliertere Lizenzinformationen finden Sie bei den jeweiligen Ressourcen. Generell gilt natürlich der Rat, gerade bei beabsichtigter kommerzieller Verwendung, vorher nochmal genau die Lizenzbedingungen zu checken…

Beetle: Responsives HTML-Template

Beetle: Responsive HTML Template

Erstellt von: Mokaine
Features: Responsiv, parallax, einfach anpassbar
Lizenz: völlig frei nutzbar unter den Bedingungen der MIT-Lizenz

Escape Velocity: HTML5-Template

Escape Velocity HTML5 Template

Erstellt von: HTML5 UP
Features: Hey, das ist von HTML5up
Lizenz: frei für persönliche und kommerzielle Nutzung

Gumba: Onepager in HTML5

Gumba: HTML5 Single Page Template

Erstellt von: Rick Waalders
Features: sehr minimalistisches, dennoch bildorientiertes Design
Lizenz: frei für persönliche und kommerzielle Nutzung

La Casa: sehr schönes Template für Immobilien-Websites

La Casa: Beautiful Real Estate Template

Erstellt von: Pixel Hint
Features: PSD und HTML inkludiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Ceevee Website-Template

Ceevee Website Template

Erstellt von: Style Shout
Features: HTML5/CSS3, AJAX, Font Awesome, Lightboxes
Lizenz: frei für persönliche und kommerzielle Nutzung bei Attribution

Roundfolio: Portfolio-Template als Onepager

Roundfolio: One Page Portfolio Template

Erstellt von: WeGraphics
Features: sehr rund, PSD und HTML inkludiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Neu Blue: Responsives Template für Unternehmen und Freiberufler

Neu Blue: Corporate Responsive Web Template

Erstellt von: PSD von Download PSD, HTML von W3layouts
Features: Responsiv, modernes Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Black Sea: Multipurpose Flat Bootstrap Template

Black Sea: Multipurpose Flat Bootstrap Template

Erstellt von: PSD von CSS Author, HTML von W3layouts
Features: Flat Design als Grid-System, perfekt für Agenturen, Künstler und Web-Designer
Lizenz: frei für persönliche und kommerzielle Nutzung

Minimalistisches VCard-Template

Minimal VCard Template

Erstellt von: Elemis Freebies
Features: Minimalistisch, aber professionell organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Twenty: Minimalistisches HTML-Template

Twenty: A Sweet, Minimal HTML Template

Erstellt von: HTML5 UP
Features: wie immer bei HTML5up basierend auf HTML5/CSS3
Lizenz: frei für persönliche und kommerzielle Nutzung bei Attribution

Retina: Responsives Template

Retina: Responsive Template

Erstellt von: Choco Templates
Features: Responsiv, gut dokumentierter Quelltext
Lizenz: kostenlos für persönliche und kommerzielle Nutzung, Backlink erforderlich

Material Design UI-Kit

Material Design UI Kit

Erstellt von: The Ultra Linx
Features: sehr modernes Design auf der Basis von Googles Material Design, was sich aber nicht zu 100% daran hält.
Lizenz: frei für persönliche und kommerzielle Nutzung

Constellation: sehr modernes PSD-Template im Tumblr-Stil

Stylish Tumblr PSD Template

Erstellt von: Michał Ptaszyński
Features: Minimalistisches Design, überlappende Ebenen, Versionen für Desktop und mobile Geräte
Lizenz: frei für persönliche und kommerzielle Nutzung bei Attribution

Teracy Wireframe UI Kit for Sketch

Teracy Wireframe UI Kit for Sketch

Erstellt von: Teracy
Features: alle Elemente sind ausschließlich in Sketch nutzbare Symbole
Lizenz: frei für persönliche und kommerzielle Nutzung bei Attribution

Flat UI Kit: Vielseitiges, farbenfrohes Design mit haufenweise Elementen

Multipurpose Flat UI Kit

Erstellt von: Aykut Yilmaz
Features: farblich mal was anderes, viele Elemente
Lizenz: frei für persönliche und kommerzielle Nutzung

Analytics Dashboard UI Kit

Analytics Dashboard UI Kit

Erstellt von: Balkan Brothers
Features: zwei verschiedene Farbthemen, Icons en masse, geeignet für das eigene Statistik-Dashboard
Lizenz: frei für persönliche und kommerzielle Nutzung

UI Tiles: Website Flowcharts-Kit

UI Tiles: Website Flowcharts Kit

Erstellt von: PixelBuddha
Features: sehr schönes Design in den Formaten AI, PSD und Sketch
Lizenz: frei für persönliche und kommerzielle Nutzung

Nagham: Design für eine Musik-App unter iOS

Nagham: Music iOS 7 App Design

Erstellt von: M-Elgendy
Features: komplett mit Icons, unterteilt in vier PSD-Dateien (eine pro Screen)
Lizenz: frei für persönliche und kommerzielle Nutzung

Santa’s Sleigh UI

Santa's Sleigh UI

Erstellt von: Raleigh Felton
Features: trotz des Namens auch unterjährig verwendbar, wenn man auf krasse Kontraste steht
Lizenz: frei für persönliche und kommerzielle Nutzung

Winter UI-Kit 2015

Winter UI Kit 2015

Erstellt von: PSD Love
Features: sehr umfangreich, dezente Farbgebung
Lizenz: Das einzige, was Sie nicht tun dürfen, ist das Kit als solches zu verkaufen. Ansonsten ist alles erlaubt.

GoodInc. Website Design (PSD)

GoodInc. Website Design PSD

Erstellt von: Blaz Robar
Features: nicht nur, aber auf jeden Fall sehr gut für Reiseblogs; flat und modern
Lizenz: frei für die persönliche Nutzung

Hexatoniq UI als in Ebenen strukturiertes PSD

Hexatoniq UI Layered PSD

Erstellt von: Despoth
Features: ganz eindeutig auf Musik ausgerichtetes, gut organisiertes PSD
Lizenz: frei für die persönliche Nutzung bei Attribution

Weitere Teile unserer Serie mit Design-Ressourcen

Haben Sie erst heute herausgefunden, dass wir die besten Design-Ressourcen regelmäßig zusammenschnüren und als Paket bereit stellen? Wollen Sie sehen, was wir in den vergangenen Monaten ausgegraben haben? Dann schauen Sie mal hier:

(dpe)

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Essentials

HTML, CSS, PSD und mehr: Kostenlose Ressourcen 2014

Kreativität verhält sich wie eine Katze. Manchmal stupst sie einen zärtlich oder streicht aufdringlich um die Beine. Dann wieder schmeißt sie einem nichts als zerrissene Beute vor die Füße. Häufig bleibt sie tagelang verschwunden.

Während man bei der Katze nur genug Geduld haben muss, um ihre Wiederkehr abzuwarten, kann man bei der Kreativität nicht einen solch langen Atem an den Tag legen. Von daher bedarf es solider Strategien, der Kreativität auf die Sprünge zu helfen. Inspiration ist das Zauberwort, und diese kann zwar von überall her kommen, tut es aber, wenn wir ehrlich sind, am zuverlässigsten beim Betrachten der Arbeiten anderer Kreativer.

In vollem Bewusstsein dieses Umstandes haben wir uns wieder durch die Tiefen des Netzes bewegt und sind mit der folgenden Liste voller HTML-, CSS- und PSD-Templates wieder aufgetaucht. Die wird deine Katze sicherlich nicht interessieren, du jedoch solltest diese Beute nicht wieder hergeben…

In diesem Beitrag haben wir alle kostenlosen Design-Ressourcen versammelt, die uns im Jahr 2014 untergekommen sind und für gut befunden wurden. Der Beitrag wird auch in kommenden Jahren hinsichtlich der Links aktuell gehalten.

Eins noch vorab: Alle der folgenden Elemente können frei genutzt werden. Manchmal ist allerdings im Vorfeld des Download eine kostenlose Registrierung erforderlich…

Hawthorne: HTML5-Template, mobil-freundlich mit schicker Typografie

hawthorne template

Erstellt von: Type & Grids
Features: Responsive Design

Tessellate: Responsives HTML5-Theme mit voller Breite

Tessellate template

Erstellt von: HTML5 UP
Features: Responsiv, nutzt die gesamte Breite des Browserfensters

Grayscale: Einseitiges Template in voller Breite

Grayscale HTML template

Erstellt von: Start Bootstrap
Features: Responsives Layout

Zwisesolutions: Responsives Cross-Browser-Template

Zwisesolutions HTML template

Erstellt von: Zerotheme dot com
Features: Responsiv, sauber strukturiert

Eden: Vintage-Theme, erdacht für Landschaftsgestalter

Eden HTML template

Erstellt von: Templatemonster
Features: Nostalgisches Design in voller Breite

House Framing: Mobil-freundliches Template für Makler

House Framing HTML template

Erstellt von: W3layouts
Features: HTML5, responsiv

Jetro Flat: PLakatives Flat Theme

Jetro flat HTML template

Erstellt von: w3layouts
Features: Responsives Design, Slider in voller Breite

Shopmint: Flat Template für Online-Shops

Shopmint PSD template

Erstellt von: HeroWP
Features: Sauber strukturierte Ebenen, One-Pager

Mobile App Template: Einfache Landing Page für Mobil-Apps

Mobile PSD app template

Erstellt von: Freebies Gallery
Features: Ebenen gut strukturiert, dreiteiliges Design

Book App Template: Farbenprächtiges Konzept für einen Buchladen

Book app template

Erstellt von: Tkreative
Features: Flat Design, Icons aus Font Awesome

Prasastenom: Admin Dashboard Template

Prasastenom PSD template

Erstellt von: Andreansyah Setiawan
Features: nützliche Backend-Elemente, Flat Design

Deliver: Klares Landing Page-Template als PSD

Deliver PSD template

Erstellt von: Michael Reimer
Features: 4 Seiten inkl. Kontaktformularvorschlag

Slowave: Business Landing Page mit Kontaktformular

Slowave PSD template

Erstellt von: elemis
Features: Flat Design, mit Kontaktformular

Zoomer: Mehrteiliger Einseiter

Zoomer PSD template

Erstellt von: Pixels Daily
Features: trotz Einseiter-Konzepts mehrteilig layoutet

Luca: Template für einen Onlineshop im Sport-Bereich

Luca PSD template

Erstellt von: Blazrobar
Features: 5 verschiedene Bereiche, auffällige Farbgebung

Admin Dashboard: Template mit starken Farben für grafische Auswertungen

Admin Dashboard PSD template

Erstellt von: Freebies Gallery
Features: auffällige UI-Elemente, Flat Design

Variety: Mehrzweck-Einseiter

Variety PSD template

Erstellt von: Raphael Lechner
Features: Hauptfarbe einstellbar

Flat UI Kit: Minimalistisches Interface für rot-weiße Web-Apps

Flat UI kit

Erstellt von: Hugo
Features: Flat Design

Twitter GUI: Tja, Twitter eben, aber minimalistisch

Twitter GUI

Erstellt von: Marie Dehayes
Features: Flat design, rein pixelbasiert

Bootstrap 3 UI: Alle Bootstrap UI-Elemente als PSD

Bootstrap 3 UI

Erstellt von: Alterplay Labs
Features: mit Glyphicons

Flat UI Kit: Modernes Interface im Metro-Look

Flat UI kit

Erstellt von: George Vasyagin
Features: Metro-Design aka Modern UI

UI Set: Inspiration für iOS-App-Entwickler

App design UI set

Erstellt von: Muharrem Şenyıl
Features: iOS 7 Design

Simple UI Kit: Frauen werden es mögen

Simple Free UI kit

Erstellt von: Candence
Features: „weibliches“ Design, Ebenen sauber konzipiert

Calm: Flat-Grid Portfolio-Template

Calm HTML template


Erstellt von/für: W3layouts
Bemerkenswert: Flat Design im Grid Layout

Motion: Responsives Portfolio-Template

motion HTML template

Erstellt von/für: W3layouts
Bemerkenswert: Modernes Farbschema, responsiv

Leo Images: Schlichtes HTML-Template für Fotografen

Leo Images HTML template

Erstellt von/für: W3layouts
Bemerkenswert: Minimalistisches Design

Steam: Responsiver Vorschlag für Musik-Websites

Steam HTML template

Erstellt von/für: W3layouts
Bemerkenswert: HTML5 und CSS3, voll responsiv, Vorlagen für mehrere Seiten

ZGenesis: Responsives HTML5-Theme

ZGenesis HTML template

Erstellt von/für: zerothemedotcom
Bemerkenswert: Breite Browser-Unterstützung, responsives Layout, mehrseitig

ZValencia: Responsives HTML5-Theme

ZValencia HTML template

Erstellt von/für: zerothemedotcom
Bemerkenswert: mehrseitig, browserübergreifend, 2 generelle Layout-Optionen

Multipurpose Flat Table: InDesign Preis-Tabelle

Multipurpose Flat Indesign table

Erstellt von/für: Erick Ragas
Bemerkenswert: Flat Design, druckfähig

Portfolio Theme: PSD Flat Grid-Template

Portfolio PSD theme

Erstellt von/für: sm-artists
Bemerkenswert: Flat Design, mehrseitig

Oceanarium: PSD Landing-Page

Oceanarium PSD template

Erstellt von/für: Dalechuck Inna
Bemerkenswert: Onepager, Design im Stil von iOS

Dribbblr for iPad: Konzept-Template für eine iPad-App (PSD)

PSD Dribbblr for iPad

Erstellt von/für: Alex Botic
Bemerkenswert: Onepager, sauber in Ebenen sortiert

Dark Analytics Dashboard: Admin-Panel für Analytics-Apps

Dark Analytics dashboard PSD

Erstellt von/für: Davide Pacilio
Bemerkenswert:Onepager, sauber in Ebenen sortiert

iOS Splash: Template für Splash-Screens auf iOS-Geräten

Multipurpose PSD template

Erstellt von/für: David Lillo
Bemerkenswert: sehr einfach zu verwenden

Flat Multipurpose Template: Simple PSD-Landing-Page

Flat-Multipurpose-Template

Erstellt von/für: Agile Infoways
Bemerkenswert: Minimalistisches Design, Onepager

Bar Graph Template: 2 Templates für Statistik-Fans

Bar Graph PSD template

Erstellt von/für: FreebiesGallery
Bemerkenswert: zwei Farbvarianten, sauber in Ebenen strukturiert

Flat UI Widgets: Simple Daten-Widgets für Social Apps

Flat UI widgets

Erstellt von/für: Mihnea Zamfir
Bemerkenswert: Flat Design, sauber in Ebenen strukturiert

Wireframe & UI Kit: Komplette UI für Wireframes

Wireframe & UI kit

Erstellt von/für: Chris Rowe Jr
Bemerkenswert: nicht zu schlicht, trotz Wireframe

Aurora: iOS7-Alternative als Konzept (PSD)

Aurora iOS7 template

Erstellt von/für: Vasil Enev
Bemerkenswert: iOS7 in rundlich

Golden: Flat Website für Unternehmen

Golden HTML template

Erstellt von/für: w3layouts
Bemerkenswert: Responsives Layout

zExterior: HTML5-Theme für Landschaftsgestalter

zExterior HTML template

Erstellt von/für: zerotheme
Bemerkenswert: Responsiv, HTML5

Mission: Flat HTML-Template für Geschäftskunden

Mission HTML template

Erstellt von/für: w3layouts
Bemerkenswert: Responsiv, anpassbar

Magister: HTML5-Template für Warteseiten

Magister HTML5 template

Erstellt von/für: Get Template
Bemerkenswert: HTML5, basiert auf dem Bootstrap-Framework

Brandi: Schlichtes HTML-Template für Firmen

Brandi HTML5 template

Erstellt von/für: w3layouts
Bemerkenswert: anpassbar, responsiv

Loom: Minimalistisches Homepage-Template

Loom PSD template

Erstellt von/für: Elemis
Bemerkenswert: Layout über die gesamte Browserbreite

Yologo: Modernes Flat-Template für Unternehmen

Yologo PSD template

Erstellt von/für: 90 box
Bemerkenswert: enthält Layouts für Desktop- und Mobilsites

Kappe: Schönes Kachel-Template als PSD mit Sidebar-Menü

Kappe PSD template

Erstellt von/für: Faton Avdiu
Bemerkenswert: mit sechs verschiedenen Seitenlayouts

One Page Resume: Schlichtes Template für Lebenslauf oder Portfolio

Onepage resume PSD template

Erstellt von/für: Eftakher Alam
Bemerkenswert: Einseitig, im Flat Design

Starstouch: Grid-basiertes Portfolio-Template

Starstouch PSD template

Erstellt von/für: Hakan Ertan
Bemerkenswert: Onepager im Grid-Stil

Cream: Düsteres Template für persönliche Websites

Cream PSD template

Erstellt von/für: UI Pixels
Bemerkenswert: für Freunde der dunkleren Töne

Bicycle: Übersichtliches Flat-Template für Freelancer und Gewerbe

Bicycle PSD template

Erstellt von/für: Yebo
Bemerkenswert: Onepager

Gift Shop Template: Modernes E-Commerce-Template

Gift Shop PSD template

Erstellt von/für: Web Blog Solutions
Bemerkenswert: Modulares Design

Flight Training Template: Sehr blau, im Hochglanz-Look

Flight training PSD template

Erstellt von/für: PSD Freebies
Bemerkenswert: Sauber in Ebenen organisiert, stark glanzvolle Optik

Ideas Agency: Landing Page für Agenturen

Ideas Agency PSD template

Erstellt von/für: PSD Freebies
Bemerkenswert: saubere Ebenenorganisation

Numb3rs UI Kit: rund um Graphen, Charts, Zahlen

Numb3rs UI kit

Erstellt von/für: Pixel Budha
Bemerkenswert: Design für mobile und Desktop-Optik

Rocket App: Ein Satz von iOS7 iPhone-Style-Templates

Rocket App UI kit

Erstellt von/für: Yahya Ahmedi
Bemerkenswert: Etliche unterschiedliche Screens

Facebook Redesign: Innovatives Konzept-Design

Facebook Redesign UI kit

Erstellt von/für: Wellgraphic
Bemerkenswert: funktioniert auch für Tablets

Online Store UI Kit: E-Commerce-Elemente im iOS7-Stil

Online store UI kit

Erstellt von/für: Ramotion
Bemerkenswert: iOS7 rulz…

Light Flat UI: Haufenweise Elemente im Flat Design

Light Flat UI kit

Erstellt von/für: Ahmed Abbas
Bemerkenswert: gruppierte Ebenen, einfach zu bearbeiten

Morph UI: Flat User-Interface für Dashboards

Morph UI kit

Erstellt von/für: Morphos.is
Bemerkenswert: enthält neben dem PSD auch die Fireworks-Dateien

Flat Mobile App: Retina-Interface für Social-Apps

Flat mobile UI kit

Erstellt von/für: Asgar Khan
Bemerkenswert: 10 PSDs mit HiDPI-Unterstützung

Variety: Portfolio-Template auf Bootstrap-Basis

Variety HTML template

Erstellt von/für: w3layouts

Bemerkenswert: Mehrzweck-Design, basiert auf Bootstrap

Twenty: Minimalistische Landing Page

Twenty HTML template

Erstellt von/für: html5up.net

Bemerkenswert: Responsives Layout über die volle Breite

Foto: Portfolio-Template für Fotografen

Foto HTML5 template

Erstellt von/für: Pixel Hint
Bemerkenswert: drei fertige Seiten genaut in HTML5

Yolk: E-Commerce Template im Flat Stil

Yolk Ecommerce template

Erstellt von/für: w3layouts
Bemerkenswert: basiert auf Twitter Bootstrap, responsives Design

Wave: Einseiter macht die Welle

Wave PSD template

Erstellt von/für: Andreas Grafen
Bemerkenswert: One-Pager im minimalistischen Design

Made by Jack: Modernes Portfolio-Template

made by Jack PSD template

Erstellt von/für: madebyjack.co.uk
Bemerkenswert: Flat Design

Altair: Modernes PSD für Kreative

Altair PSD template

Erstellt von/für: Aldrin Nolasco

Bemerkenswert: leicht anzupassen, in Ebenen organisiert

MyJourney: Schönes minimalistisches Template in PSD/HTML

MyJourney PSD template

Erstellt von/für: Pixel Hint

Bemerkenswert: Grid-Layout für Galerien

Magnetic: Pixel Perfect Photography

Magnetic PSD template

Erstellt von/für: Pixel hint

Bemerkenswert: pixelgenaues Design, in Ebenen strukturiert

Starnight: Pastellige flat Landing Page

Starnight PSD template

Erstellt von/für: Blaz Robar

Bemerkenswert: One-Pager im Flat Design

Wiredima: UI-Elemente für Wireframes/Mockups

WireDima GUI

Erstellt von/für: Pixel Dima, Adel Tahri, Ahmed Bensalah
Bemerkenswert: sauber in Ebenen organisiert, diverse UI-Elemente

Carbon: Schwarzes UI-Kit

Carbon UI

Erstellt von/für: Tech & all

Bemerkenswert: etliche UI-Elemente im iOS7-Stil

Colorz: UI Kit mit klaren, großen Elementen

Colorz UI kit

Erstellt von/für: w3layouts

Bemerkenswert: HTML5, responsives Design

Metro Food: Hochglanz-UI

Metro Food UI

Erstellt von/für: w3layouts

Bemerkenswert: HTML5, responsives Design

Superminimal: Dunkle, geradlinige Elemente für mobile Apps

Superminimal UI

Erstellt von/für: Satya Kumar

Bemerkenswert: sauber in Ebenen sortiert, Flat Design

Gold UI Kit: Luxuriöses iOS User-Interface

Gold UI

Erstellt von/für: Tintins

Bemerkenswert: Passende GUI für das goldene iPhone, in Ebenen strukturiert

Quest: 5 Screens der fiktiven Quests App

Quest UI kit

Erstellt von/für: Olia Gozha

Bemerkenswert: 5 Screens für ein mobiles Spiel im iOS7-Stil

New York UI Kit: Farbenfrohe Widgets mit abgerundeten Ecken

New York UI kit

Erstellt von/für: Tech & all
Bemerkenswert: Web Elemente im Flat Design

Ninestars: Auf Apps fokussiertes Theme für Kreative

Ninestars HTML template

Erstellt von: Bootstraptaste
Bemerkenswert: Slide-Out-Menü in der Sidebar, schick
Lizenz: frei für persönliche und kommerzielle Nutzung | Backlink wird gern genommen, aber nicht verlangt

Seven7: Minimalistische Landing Page

Seven HTML template

Erstellt von: W3layouts
Bemerkenswert: Flat und responsiv
Lizenz: frei für persönliche und kommerzielle Nutzung | Backlink erforderlich, kann mit Spende vermieden werden

E-shopper: Modernes E-Commerce-Template

E-shopper HTML template

Erstellt von: Shapebootstrap
Bemerkenswert: Voll funktionales E-Commerce-Template
Lizenz: frei für persönliche und kommerzielle Nutzung, solange der Footer intakt bleibt | Spenden werden gern genommen

Themfast: Responsives HTML-Template im Flat Design

Themfast HTML template

Erstellt von: W3layouts
Bemerkenswert: Flat und responsiv
Lizenz: Persönlich und kommerziell frei nutzbar unter den Bedingungen der CC BY 3.0

Color Picker UI: Elegante UI für Design Applets 

Safari PSD template

Erstellt von: Bluroon
Bemerkenswert: RGB-Wähler, Farbpalette und einige UI-Elemente
Lizenz: frei für persönliche und kommerzielle Nutzung | Backlink wird gern genommen, aber nicht verlangt

Flatfy: Flat and Minimal Landing Page Template

flatfy HTML template

Erstellt von: Andrea Galanti
Features: responsives Grid-Layout auf Basis von Bootstrap, HTML5, CSS3, jQuery
Lizenz: frei für persönliche und kommerzielle Nutzung

King of Pasta: Modern Looking Template for Restaurants

King of pasta HTML template

Erstellt von: Mohamed Sobhy
Features: jQuery-Effekte
Lizenz: frei für persönliche und kommerzielle Nutzung

Lithium: HTML5 Template for Portfolios

Lithium HTML template

Erstellt von: Vadim Goncharov
Features: gemacht mit CoffeeScript, SCSS and Grunt
Lizenz: frei für persönliche und kommerzielle Nutzung

Halcyon Days: Nice Flat Template for Portfolios and Startups

Halcyon Days HTML template

Erstellt von: Peter Finlan
Features: Bootstrap, jQuery FlexSlider, jQuery Waypoints und Animate.css
Lizenz: frei für persönliche und kommerzielle Nutzung

John Doe: Single Page Portfolio Template

John Doe portfolio HTML template

Erstellt von: w3layouts
Features: basiert auf Bootstrap
Lizenz: frei für persönliche und kommerzielle Nutzung

Dsgn: Clean Grid Portfolio Template

DSGN PSD template

Erstellt von: The Uncreative Lab
Features: Retina-ready, Bootstrap-ready
Lizenz: frei für die persönliche Nutzung

App Profile Page: Mobile App Profile Concept

App profile PSD page

Erstellt von: Alexander
Lizenz: frei für persönliche und kommerzielle Nutzung

Pricing Tables: Fully Layered Flat PSD Template

Pricing tables PSD template

Erstellt von: Parth Gupta
Features: sauber in Ebenen organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Android Grids: Useful Grid for Designing Android Icons

Android grids PSD template

Erstellt von: Jiangping Hsu
Features: sauber in Ebenen organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Logo: Minimal PSD Template

Logo PSD template

Erstellt von: Chirag D
Features: Flächiges Farbbild, schicke Typografie
Lizenz: frei für persönliche und kommerzielle Nutzung

Appshow: Mobile App Landing Page Template

Appshow PSD template

Erstellt von: Pixshub
Features: pixel-genaues Design, sauber in Ebenen organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Kappe: Modern Grid Style Portfolio Template

Erstellt von: Pixshub
Features: pixelgenau designed, sauber in Ebenen organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Android L Kit: Simple Interface of the Newest Android Version

Android L kit

Erstellt von: Jiangping Hsu
Features: sauber in Ebenen organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

UI Kit: AI and EPS Flat Interface for Mobile

UI kit

Erstellt von: Ahmed Mu
Features: AI und EPS
Lizenz: frei für persönliche und kommerzielle Nutzung

Flat UI Kit: Soft Blue Interface for Mobile Apps

Flat UI kit

Erstellt von: Kultvar Temple Co.
Features: sauber in Ebenen organisiert, schicke Schriften
Lizenz: frei für persönliche und kommerzielle Nutzung

Unity UI: Pastel Colors Dashboard UI Kit

unity UI kit

Erstellt von: Team Unity
Features: Flat Design, viele Widgets
Lizenz: frei für persönliche und kommerzielle Nutzung

Android L Launcher: Nice Home Interface Concept

Android L launcher

Erstellt von: Sergiy Ganushchak
Features: organized layers
Lizenz: frei für persönliche und kommerzielle Nutzung

Podstar UI: iOS like Radio App Interface

Podstar UI

Erstellt von: Pixelbuddha
Features: sauber in Ebenen organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Ui Kit: Colorful Line Interface for Mobile Apps

UI kit

Erstellt von: Alex Vanderzon
Features: strukturierte Ebenen
Lizenz: frei für persönliche und kommerzielle Nutzung

Android KitKat: Collection of Elements from KitKat Version of Android

Android KitKat UI

Erstellt von: Chirag D
Features: gut strukturiert, viele Dialog-Elemente
Lizenz: frei für persönliche und kommerzielle Nutzung

UI Set #2: Simple Flat Set for UI and Mobile

UI set #2

Erstellt von: Seb Kay
Features: Flat Design, gut strukturierte Ebenen
Lizenz: frei für persönliche und kommerzielle Nutzung

UseThis: Persönliches Portfolio als Flat Template

Usethis: personal portfolio flat template

Erstellt von: PSD von GraphicsBay, HTML von W3Layouts
Features: vielseiting und modern, mit mausgesteuertem Slider, schicke Farbverläufe
Lizenz: frei für persönliche und kommerzielle Nutzung

Singolo: OnePager für Minimalisten

Singolo: single page website

Erstellt von: PSDChat
Features: HTML und PSD dabei, einen Haufen Icons, kostenlose Schriftart, Social Media-Integration, Portfolio-Bereich
Lizenz: frei für persönliche und kommerzielle Nutzung

Fudi: Responsives Template für das Gastronomiegewerbe

Fudi: hotel responsive template

Erstellt von: PSD von Kristijan Binski, HTML von W3Layouts
Features: Bild-Slider, Lightbox mit Text
Lizenz: frei für persönliche und kommerzielle Nutzung

Vintage: Responsives Template im Flat Look für Restaurants

Vintage a restaurant flat bootstrap responsive web template by w3layouts

Erstellt von: W3Layouts
Features: basiert auf Bootstrap, klares Design, animierte Thumbnails
Lizenz: frei mit Urhebernennung nach Creative Commons Attribution 3.0

OnePager als Website für Kreative

One Page Creative Website Template

Erstellt von: Creative VIP
Features: ungewöhnliche Navigation, knallige Farben, Flat Design
Lizenz: frei für die persönliche Nutzung

Flubia: Responsives Template für App-Entwickler

Flubia: mobile app based responsive template

Erstellt von: PSD von Arda Gündoğdu, HTML von W3Layouts
Features: nützlich zur Präsentation mobiler Apps, viele Animationen, Icons Retina-tauglich
Lizenz: frei für persönliche und kommerzielle Nutzung

Material-Theme auf Bootstrap 3

Material bootstrap 3 theme

Erstellt von: Fez Vrasta
Features: inspiriert von Google Material, leuchtende Farben, elegante Effekte, viele Icons
Lizenz: frei für persönliche und kommerzielle Nutzung

The Landing Page: Responsives Bootstrap-Template im Flat Design

The landing page: flat bootstrap responsive web template

Erstellt von: PSD von Dawid Dapszus HTML von W3Layouts
Features: animierte icons, Flat Design, dunkle Farbgebung
Lizenz: frei für persönliche und kommerzielle Nutzung

Drunken Parrot: UI Kit Lite

Drunken parrot ui kit lite

Erstellt von: Hoarrd!
Features: HTML und PSD, große Vielfalt und Detailverliebtheit
Lizenz: frei für persönliche und kommerzielle Nutzung (auch in der Lite-Version, aber Kaufversion mit mehr Features verfügbar)

Hydrogen: HTML5 OnePager

Hydrogen: html5 one page template

Erstellt von: Owl Design
Features: animierte Thumbnails, SVG-Icons, sehr modernes, klares OnePage-Design, INtegration von Google Maps
Lizenz: frei für persönliche und kommerzielle Nutzung

Lithium: Responsiver HTML5-OnePager

Lithium: responsive one page html5 template

Erstellt von: Vlad Musienko
Features: sehr schlank, responsiv, animierte Buttond und Thumbnails
Lizenz: frei für persönliche und kommerzielle Nutzung

Ink Tattoo: Responsives Fashion-Template auf Basis von Bootstrap

Ink tattoo: fashion bootstrap responsive web template

Erstellt von: W3Layouts
Features: Grid Layout, interessante Farbpalette, responsiv, HTML und PSD enthalten
Lizenz: frei für persönliche und kommerzielle Nutzung

Bella: PSD- und HTML-E-Mail-Template

Bella: psd and html email template

Erstellt von: Pixel Hint
Features: HTML und PSD enthalten, sauber strukturiert und modern
Lizenz: frei für persönliche und kommerzielle Nutzung

Mobile UI: Blueprint

Mobile ui blueprint

Erstellt von: 365PSD
Features: einfaches, zeilenbasiertes Design, nur zwei Farben, klein, aber fein
Lizenz: frei für persönliche und kommerzielle Nutzung

Candy UI Freebie

Candy ui freebie

Erstellt von: Dominique Torfs
Features: leuchtende Farben, verschiedene Designansätze, Verläufe
Lizenz: frei für persönliche und kommerzielle Nutzung

iOS 8 Vector UI Kit für Illustrator

Ios 8 illustrator vector ui kit

Erstellt von: Mercury Intermedia
Features: komplette Sammlung für die Erstellung von Benutzeroberflächen für die neueste iOS-Version
Lizenz: frei für persönliche und kommerzielle Nutzung

Apple Watch GUI PSD

Apple watch gui psd

Erstellt von: imPekable
Features: ordentliche Sammlung, Elemente sehr nah am Original, das wohl derzeit beste Kit
Lizenz: frei für die persönliche Nutzung

Bolt UI Kit

Bolt ui kit

Erstellt von: UI8
Features: knackige Farben, viele Icons, nicht nur für Photoshop, sondern auch für Sketch
Lizenz: frei für persönliche und kommerzielle Nutzung

Jefferson UI Kit

Jefferson: free ui kit

Erstellt von: Print Express
Features: Flat Design, breite Vielfalt verschiedener Elemente, dunkle Palette
Lizenz: frei für persönliche und kommerzielle Nutzung

AppLand: Landing Page-Template für eine App, basierend auf Bootstrap

appland-free-bootstrap-app-landing-page-template

Erstellt von: Bootstraptaste
Features: responsiv, modern und minimalistisch
Lizenz: frei für die persönliche Nutzung

Butterfly: Responsives HTML-Template

butterfly-free-responsive-html-template-freebiesjedi

Erstellt von: W3Goods
Features: responsiv, flat, basiert auf Bootstrap
Lizenz: frei für persönliche und kommerzielle Nutzung

Flatter: HTML, Bootstrap und PSD-Template

flatter-html-bootstrap-and-psd-template

Erstellt von: ByPeople
Features: flat, responsiv, Bootstrap-basiert, HTML und PSD inkludiert
Lizenz: frei für die persönliche Nutzung (Lizenz zur kommerziellen Nutzung käuflich erhältlich)

Kelly: Bootstrap-basiertes HTML-Template für Ihre Bewerbung

kelly-free-bootstrap-cv-resume-html-template-bootstraptaste

Erstellt von: Kelly Hidayah
Features: professionell, minimalistisch, Bootstrap-basiert
Lizenz: frei für die persönliche Nutzung

Pixzee: Flatter Onepager, basierend auf Bootstrap

pixzee-a-singlepage-multipurpose-flat-bootstrap-responsive-web-template-by-w3layouts

Erstellt von: PSD von donwloadpsd, HTML von w3layouts
Features: flat, responsiv, Bootstrap-basiert, mit HTML und PSD
Lizenz: frei für persönliche und kommerzielle Nutzung bei Attribution

Lumino: Bootstrap-Template für den Admin-Bereich

lumino-free-bootstrap-admin-template-medialoot

Erstellt von: Tony Thomas
Features: schöner Starter für den Aufbau einer eigenen Backend-Funktionalität
Lizenz: frei für persönliche und kommerzielle Nutzung bei Attribution (Kaufversion ohne Attributions-Zwang verfügbar)

Elsta: Bootstrap-Template für die Präsentation der eigenen App

elsta-a-mobile-app-based-flat-bootstrap-responsive-web-template-by-w3layouts

Erstellt von: PSD von Omar Ali, HTML von w3layouts
Features: Flat und responsiv
Lizenz: frei für persönliche und kommerzielle Nutzung mit Linksetzung

Office: Bootstrap-basierter Onepager

office-a-single-page-multipurpose-flat-bootstrap-responsive-web-template-by-w3layouts

Erstellt von: HTML von W3layouts, PSD von Vivek Ravin.
Features: flat, responsiv, basiert auf Bootstrap, leicht anpassbar, besonders geeignet für kreative Berufe, Agenturen etc.
Lizenz: frei für persönliche und kommerzielle Nutzung mit Linksetzung

Dagdigdug: Vielseitiges Template für eine Landing Page

dagdigdug-a-landingpage-multipurpose-flat-bootstrap-responsive-web-template-by-w3layouts

Erstellt von: HTML von W3layouts, PSD von Yandi Noviyandi.
Features: flat, responsiv, großer Slider, Kontaktformular
Lizenz:frei für persönliche und kommerzielle Nutzung mit Linksetzung

Business Co: Vielseitiges Unternehmens-Template im Flat Design

business-co-a-corporate-multipurpose-flat-bootstrap-responsive-web-template

Erstellt von: HTML von W3layouts, PSD von Musmodo
Features: flat, responsiv, Social Icons, vielseitig
Lizenz:frei für persönliche und kommerzielle Nutzung mit Linksetzung

Indo Tourism: Responsives Template für touristisch orientierte Seiten

indo-tourism-a-travel-category-flat-bootstrap-responsive-web-template-by-w3layouts

Erstellt von: HTML von W3layouts, PSD von CssAuthor
Features: flat, responsiv, mit Kontaktformular
Lizenz: frei für persönliche und kommerzielle Nutzung mit Linksetzung

Stupen: Flat Bootstrap-Template als Onepager

stupen-a-single-page-multipurpose-flat-bootstrap-responsive-web-template-by-w3layouts

Erstellt von: web template by W3layouts, PSD by AllTemplateNeeds.
Features: bright design, top menu, big slider, flat, responsive, parallax elements, contact form
Lizenz:frei für persönliche und kommerzielle Nutzung mit Linksetzung

Freedom: Single Page Multipurpose Flat Web Template

freedom-a-singlepage-multipurpose-flat-bootstrap-responsive-web-template-by-w3layouts

Erstellt von: HTML von W3layouts, PSD von DesignsCrazed
Features: sanfte Farben, Icons, flat, responsiv, Widgets im Footer
Lizenz: frei für persönliche und kommerzielle Nutzung mit Linksetzung

Trendy: vollständiges GUI-Pack mit PSD und HTML (Bootstrap basierend)

trendy-psd-gui-html-and-bootstrap-template-icons-pack

Erstellt von: ByPeople.
Features: vollständiges UI-Paket mit allen erforderlichen Elementen
Lizenz: frei für die persönliche Nutzung (Kaufversion zur kommerziellen Nutzung erhältlich)

App Screen Showcase Mockup

app-screen-showcase-mockup-graphberrycom

Erstellt von: Graphberry.
Features: PSD, 2.800 x 2.100px, transparent, Fokus auf mobile Verwendung
Lizenz: frei für persönliche und kommerzielle Nutzung

Coloristic: UI-Vorschlag für eine App (als PSD)

coloristic-psd-app-ui-kit-freebies

Erstellt von: Sergey Azovskiy
Features: 8 Photoshop-Screens, sauber in Ebenen strukturiert und gruppiert, abwechslungsreiche Farbgebung
Lizenz: frei für persönliche und kommerzielle Nutzung

NEAT UI KIT: Interessantes UI-Konzept als PSD

neat-ui-kit-free-psd-on-behance

Erstellt von: Valik Boyev und Natalia Raikova
Features: minimalistisch, sehr rund, für Bokeh-Lovers
Lizenz: frei für persönliche und kommerzielle Nutzung

Free Sketch UI Bootflat Kit

teracyhqbootflat-ui-kitsketch-github

Erstellt von: W3Goods
Features: sehr umfangreiches UI-Kit für Sketch
Lizenz: frei für persönliche und kommerzielle Nutzung

Winter UI Kit: viele UI-Elemente als PSD

winter-ui-kit-free-psd-on-behance

Erstellt von: Alan Podemski
Features: Widgets, dunkles Theme, flat
Lizenz: frei für persönliche und kommerzielle Nutzung

Blue Flat UI (PSD)

dribbble-freebie-psd-flat-ui-by-nas

Erstellt von: NAS
Features: blaulastig, flat mit Schlagschatten
Lizenz: frei für die persönliche Nutzung

Infographic Design Vector Pack

title

Erstellt von: DesignShock
Features: viele Infografik-Elemente im Flat Design
Lizenz: frei für die persönliche Nutzung (Kaufversion zur kommerziellen Nutzung erhältlich)

Sublime: Beeindruckendes HTML5/CSS3-Template

Sublime

Erstellt von: Pixelhint
Features: Animationen während des Scrollens
Lizenz: frei für persönliche und kommerzielle Nutzung

Ecomm: Flat E-Commerce-Template auf Bootstrap-Basis

Ecomm template

Erstellt von: w3layouts
Features: Responsive E-Commerce-Layouts
Lizenz: frei für persönliche und kommerzielle Nutzung

Zfamilycenter: Responsives HTML5-Template für den Gesundheitssektor

zfamilycenter

Erstellt von: Zerotheme
Features: Responsives Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Zdeliccio: Elegantes HTML-Template für Gastronomiebetriebe

zdeliccio

Erstellt von: Zerotheme
Features: Mehrere Seiten mit unterschiedlichen Funktionen
Lizenz: frei für persönliche und kommerzielle Nutzung

Good: One-Pager für Mediziner

zdeliccio

Erstellt von: w3layouts
Features: responsives Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Duhoot: E-Commerce Landing Page Template

Duhoot

Erstellt von: Soňa Psotová
Features: PSD gut organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Icrowdme: Minimalistisches Template für Unternehmen

Icrowdme

Erstellt von: CSS Author
Features: 12-Spalten-Grid
Lizenz: frei für persönliche und kommerzielle Nutzung

PSD Dashboard: Flat Dashboard-Template fürs gehobene Backend

PSD dashboard

Erstellt von: Hoang Nguyen
Features: Flat Design in gut organisiertem PSD
Lizenz: frei für persönliche und kommerzielle Nutzung

Weather Widgets: Vier-Jahreszeiten-Widgets

Weather widgets

Erstellt von: Mohsin Khan
Features: Ebenen voll und einzeln bearbeitbar
Lizenz: frei für persönliche und kommerzielle Nutzung

Creative Time: Modernes Template für Studio-Websites

Creative time

Erstellt von: Alexandru Stoica
Features: Flat Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Bike Store Template: Modernes E-Commerce-Template

Bike store template

Erstellt von: Vitali Zakharoff
Features: sauber strukturiertes PSD
Lizenz: frei für persönliche und kommerzielle Nutzung

Office Page: Landing Page Template

Office page

Erstellt von: Vivek Ravin
Features: Flat Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Clean UI Kit: Minimalistisches Interface, erstellt mit Sketch

Clean UI kit

Erstellt von: Mateusz Dembek
Features: klares, modernes Design in gut strukturiertem PSD
Lizenz: frei für persönliche und kommerzielle Nutzung

Designer-naut UI Kit: Flat Interface für mobile E-Commerce-Apps

Designer naut UI kit

Erstellt von: uifest
Features: Flat Design, PSD gut organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Spicy Treats UI: Elemente für Gastronomie-orientierte Apps

Spicy treats UI

Erstellt von: Pixelkit
Features: realistische Widgetdesigns, gut organisiertes PSD
Lizenz: frei für die persönliche Nutzung

Dark Shades: Leuchtstarkes Interface für E-Commerce-Apps und Websites

Dark Shades UI

Erstellt von: Jan Erik Waider
Features: 100 voll bearbeitbare Elemente, klare Vektorformen
Lizenz: frei für persönliche und kommerzielle Nutzung

Ubuntu Gui: Umfangreiches Interface, optisch an Ubuntu 13 angelehnt

Ubuntu UI

Erstellt von: Designshock
Features: viele Elemente, sauber organisiert in Ebenen
Lizenz: frei für die persönliche Nutzung

Flat Web Elements: Einfache Sammlung moderner Elemente für zeitgemäße Designs

Flat web elements

Erstellt von: Alexey Anatolievich
Features: sehr modernes, sauberes Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Breezy: aufmerksamkeitsstarkes Interface mit den Farben des Sommers

Breezy UI

Erstellt von: UIfest
Features: 14 Widgets im Flat Style
Lizenz: frei für persönliche und kommerzielle Nutzung

Zebra: UI für textorientierte Apps

Zebra UI

Erstellt von: uifest
Features: vielfarbiges, minimalistisches Layout
Lizenz: frei für persönliche und kommerzielle Nutzung

The White Stripes UI Kit 

white stripes


Erstellt von/für: Valik Boyev
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Elegant Outline GUI Set part 1 

outline ui


Erstellt von/für: Land-of-web
Lizenz: Frei für die persönliche und kommerzielle Nutzung

ios7 style ui kit 

ios7


Erstellt von/für: Mahmoud Fahim and Mohamed Marakshy
Lizenz: Attribution, nicht-kommerziell

Reach UI Kit 

reach ui


Erstellt von/für:Piotr Makarewicz
Lizenz: Frei für die persönliche Nutzung

Flat Style & iOS 7 Line Style UI Kit

flat ui


Erstellt von/für: Graphicsfuel
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Simple UI Pack 

simple ui


Erstellt von/für: Samuel James Oxley
Lizenz: Attribution, nicht-kommerziell

Mobile Wireframe Kit 

mobile ui


Erstellt von/für: CssAuthor
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Flatimus iOS 

flatimus


Erstellt von/für: Satys
Lizenz: Frei für die persönliche Nutzung

Flat + Transparent UI 

transparent


Erstellt von/für: Monkee-boy
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Vector Wireframe Kit & Symbol Library

vector wireframe


Erstellt von/für: Giles Newman
Lizenz: Attribution Share Alike.

Basiliq 

basiliq


Erstellt von/für: CloudCastleGroup
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Line and Vector UI

line


Erstellt von/für: Saqib Ahmad
Lizenz: Attribution, nicht-kommerziell

Free Agency Web Template 

agency


Erstellt von/für: CssAuthor
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Minimalist PSD Landing Page Template 

minimal


Erstellt von/für: Techandall
Lizenz: Frei für die persönliche Nutzung

Moose Free Homepage 

moose


Erstellt von/für: Elemisfreebies
Lizenz: Frei für die persönliche Nutzung

Elegant Coming Soon Page 

coming


Erstellt von/für: Land-of-web
Lizenz: Frei für die persönliche und kommerzielle Nutzung

One Page Portfolio 

one page


Erstellt von/für: Techandall
Lizenz: Frei für die persönliche Nutzung

BrandaLoka 

banda


Erstellt von/für: Andreansyah Setiawan
Lizenz: Attribution, nicht-kommerziell

Treehouse 

treehouse


Erstellt von/für:Freebiesxpress
Lizenz: Frei für die persönliche Nutzung

(Der Beitrag wurde im April 2019 zuletzt aktualisiert und um tote Links bereinigt.)

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Essentials Freebies, Tools und Templates Webdesign

Für den schnellen Entwurf: 30 kostenlose Wireframes und Mockup-Templates

Dem Detail Aufmerksamkeit zu schenken ist natürlich wichtig – nicht nur im Webdesign. Allerdings ist es nicht ratsam, sich zu Beginn eines Projekts direkt in die Details zu verlieben. Stattdessen sollte man mit dem kleinst möglichen Aufwand erst einmal eine grobe Skizze scribbeln oder ein schnelles Mockup produzieren. Manche stecken sogar schon viel Aufwand in dieses Mockup, andere bleiben eher einem minimalistischen Ansatz treu. Egal, zu welcher Gruppe Sie gehören. Die folgende Übersicht schlüsselfertiger und kostenloser Wireframes und Mockup-Templates wird Ihnen so oder so gerecht….

Awesome Kit

awesome-ui-kit
Erstellt von/für: awesomekit
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

15 Free Wireframes

15free-wireframes
Erstellt von/für: Ali Griffin
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Moto 360 Wireframing template

moto360
Erstellt von/für: Vivien Bocquelet
Lizenz: Frei für die persönliche Nutzung

iPhone 6 & 6 Plus Wireframe .sketch

iphone6
Erstellt von/für: Hudson-Peralta
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

iOS 7 iPhone Wireframe Toolkit for Prototyping

ios7-iphone
Erstellt von/für: André Revin
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Android Vector Wireframing Toolkit

android
Erstellt von/für: Michelle
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

BeTheme Free UI Kit

beui-kit
Erstellt von/für: muffingroup
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Instagram Wireframe

instagram
Erstellt von/für: Kevin White
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Twitter Wireframe

twitter-wireframe
Erstellt von/für: Kevin White
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

iPhone6 Wireframes

iphone-6-template
Erstellt von/für: Oleg Sukhorukov
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Facebook Wireframe

facebook-wireframe
Erstellt von/für: Kevin White
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

One Page Website Wireframe

website-wireframe
Erstellt von/für: Pixeful themes
Lizenz: Frei, aber vor kommerzieller Nutzung erst den Ersteller kontaktieren

Free Wireframe Icons

wireframe-icons
Erstellt von/für: s-pov spovv, Sm Artists
Lizenz: frei für die nicht-kommerzielle Nutzung bei Urhebernennung

Vector Wireframe Kit & Symbol Library

vector-wireframe
Erstellt von/für: Giles Newman
Lizenz: frei bei Urhebernennung und Freigabe des eigenen Werks

One Page Website Wireframes

website-wireframe-2
Erstellt von/für: Nelson Noa
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Free Homepage Wireframes

website-wireframe-3
Erstellt von/für: Emelyn
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

PSD WireFrame

psd-wireframe
Erstellt von/für: Dimple Bhavsar
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Fireworks Wireframe Stencils

free-stencils
Erstellt von/für: Alex Karp
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Responsive Wireframe Sketch Sheet

responsive-wireframe
Erstellt von/für: David Jakes
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Android L Tablet UI Template (.sketch)

android-l
Erstellt von/für: Vincent Tantardini
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

iPhone Vector Wireframing Toolkit

iphone-wireframe
Erstellt von/für:  Michelle
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Responsive Wireframes (GIF)

responsive-wireframes-gif

Erstellt von/für: Chris Bannister
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

960grid AI Wireframe Template

960-gs
Erstellt von/für: Alex Lauderdale
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Sketch Wireframe Template V1

sketch-wireframe
Erstellt von/für: John Menard
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Download UI KIT 

ui-kit
Erstellt von/für: pearlsomani
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Flat Wireframe

flat-wireframe
Erstellt von/für: Grant McAllister
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Android Wireframe Kit (.sketch)

android-wireframe-kit
Erstellt von/für: Rodrigo Soares
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Mobile Cooking App Wireframe

app-wireframe
Erstellt von/für: Geckotree
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Nexus 5 Wireframing Template

nexus5
Erstellt von/für: Vivien Bocquelet
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben

Nexus 5 Wireframe UI .sketch

nexus-5-sketch
Erstellt von/für: Tristan Remy
Lizenz: als “Free” bezeichnet; keine klare Lizenz vergeben
(dpe)

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Essentials

20 kostenlose HTML, PSD und GUI-Templates aus dem August 2014

Der Sommer geht, bevor er so richtig kam, aber wir sind natürlich trotzdem hier. Wie in jedem Monat liefern wir Ihnen einen weiteren Schwung aktueller Templates in HTML, CSS und als PSD. Auch in diesem Monat finden Sie wieder eine Auswahl dezidierter GUI-Elemente für die Entwicklung nativer oder Web-Apps. Lesen Sie zum ersten Mal einen Beitrag dieser Serie, scrollen Sie auf jeden Fall bis ganz zum Ende. Dort haben wir die bisher erschienenen Teile nochmal in Listenform für Sie zusammengestellt.

Eins noch vorab: Alle der folgenden Elemente können frei genutzt werden. Manchmal ist allerdings im Vorfeld des Download eine kostenlose Registrierung erforderlich. Detailliertere Lizenzinformationen finden Sie bei den jeweiligen Ressourcen. Generell gilt natürlich der Rat, gerade bei beabsichtigter kommerzieller Verwendung, vorher nochmal genau die Lizenzbedingungen zu checken. Hier sind sie also: 20 kostenlose HTML, PSD und GUI-Templates aus dem August 2014

Sektion #1: HTML/CSS-Templates

Sublime: Beeindruckendes HTML5/CSS3-Template

Sublime

Erstellt von: Pixelhint
Features: Animationen während des Scrollens
Lizenz: frei für persönliche und kommerzielle Nutzung

Ecomm: Flat E-Commerce-Template auf Bootstrap-Basis

Ecomm template

Erstellt von: w3layouts
Features: Responsive E-Commerce-Layouts
Lizenz: frei für persönliche und kommerzielle Nutzung

Zfamilycenter: Responsives HTML5-Template für den Gesundheitssektor

zfamilycenter

Erstellt von: Zerotheme
Features: Responsives Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Zdeliccio: Elegantes HTML-Template für Gastronomiebetriebe

zdeliccio

Erstellt von: Zerotheme
Features: Mehrere Seiten mit unterschiedlichen Funktionen
Lizenz: frei für persönliche und kommerzielle Nutzung

Good: One-Pager für Mediziner

zdeliccio

Erstellt von: w3layouts
Features: responsives Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Sektion #2: PSD-Templates

Duhoot: E-Commerce Landing Page Template

Duhoot

Erstellt von: Soňa Psotová
Features: PSD gut organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Icrowdme: Minimalistisches Template für Unternehmen

Icrowdme

Erstellt von: CSS Author
Features: 12-Spalten-Grid
Lizenz: frei für persönliche und kommerzielle Nutzung

PSD Dashboard: Flat Dashboard-Template fürs gehobene Backend

PSD dashboard

Erstellt von: Hoang Nguyen
Features: Flat Design in gut organisiertem PSD
Lizenz: frei für persönliche und kommerzielle Nutzung

Weather Widgets: Vier-Jahreszeiten-Widgets

Weather widgets

Erstellt von: Mohsin Khan
Features: Ebenen voll und einzeln bearbeitbar
Lizenz: frei für persönliche und kommerzielle Nutzung

Creative Time: Modernes Template für Studio-Websites

Creative time

Erstellt von: Alexandru Stoica
Features: Flat Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Bike Store Template: Modernes E-Commerce-Template

Bike store template

Erstellt von: Vitali Zakharoff
Features: sauber strukturiertes PSD
Lizenz: frei für persönliche und kommerzielle Nutzung

Office Page: Landing Page Template

Office page

Erstellt von: Vivek Ravin
Features: Flat Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Sektion #3: GUI-Interfaces

Clean UI Kit: Minimalistisches Interface, erstellt mit Sketch

Clean UI kit

Erstellt von: Mateusz Dembek
Features: klares, modernes Design in gut strukturiertem PSD
Lizenz: frei für persönliche und kommerzielle Nutzung

Designer-naut UI Kit: Flat Interface für mobile E-Commerce-Apps

Designer naut UI kit

Erstellt von: uifest
Features: Flat Design, PSD gut organisiert
Lizenz: frei für persönliche und kommerzielle Nutzung

Spicy Treats UI: Elemente für Gastronomie-orientierte Apps

Spicy treats UI

Erstellt von: Pixelkit
Features: realistische Widgetdesigns, gut organisiertes PSD
Lizenz: frei für die persönliche Nutzung

Dark Shades: Leuchtstarkes Interface für E-Commerce-Apps und Websites

Dark Shades UI

Erstellt von: Jan Erik Waider
Features: 100 voll bearbeitbare Elemente, klare Vektorformen
Lizenz: frei für persönliche und kommerzielle Nutzung

Ubuntu Gui: Umfangreiches Interface, optisch an Ubuntu 13 angelehnt

Ubuntu UI

Erstellt von: Designshock
Features: viele Elemente, sauber organisiert in Ebenen
Lizenz: frei für die persönliche Nutzung

Flat Web Elements: Einfache Sammlung moderner Elemente für zeitgemäße Designs

Flat web elements

Erstellt von: Alexey Anatolievich
Features: sehr modernes, sauberes Design
Lizenz: frei für persönliche und kommerzielle Nutzung

Breezy: aufmerksamkeitsstarkes Interface mit den Farben des Sommers

Breezy UI

Erstellt von: UIfest
Features: 14 Widgets im Flat Style
Lizenz: frei für persönliche und kommerzielle Nutzung

Zebra: UI für textorientierte Apps

Zebra UI

Erstellt von: uifest
Features: vielfarbiges, minimalistisches Layout
Lizenz: frei für persönliche und kommerzielle Nutzung

Weitere Teile unserer monatlichen Serie mit Design-Ressourcen

Haben Sie erst heute herausgefunden, dass wir die besten Design-Ressourcen regelmäßig zusammenschnüren und als Paket bereit stellen? Wollen Sie sehen, was wir in den vergangenen Monaten ausgegraben haben? Dann schauen Sie mal hier:

(dpe)

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Essentials Icons & Fonts Inspiration

Konturiert: 30 kostenlose GUI, Icons und Website PSD-Templates

Trends im Webdesign kommen und gehen wie in der Modewelt. Gute Designer stürzen sich nur auf solche Trends, die Substanz und Wert haben. Dieser Tage unumgänglich ist das Flat Design. Microsofts Metro UI startete den Trend, aber erst durch Apples iOS7 erhielt er einen mächtigen Schub. Seitdem präferieren Designer rund um den Erdball flache Formen, einfache Illustrationen, minimale Farben, starke Typografie und verzichten dafür auf alles, was irgendwie pompös wirken könnte. Flat Design zieht sich durch alle Bereiche. Nicht nur Icons, das gesamte Interface erstrahlt im flachen Glanze.

Der Trend hin zu den sogenannten Ghost-Buttons gehört ebenfalls in diese Kategorie. Diese Art, Schaltflächen zu gestalten, verzichten auf jeden plastischen Effekt und stellt Buttons im Grunde als umrandete Textboxen dar, die sich on hover subtil verändern. Und obwohl diese Schaltflächen zumeist transparente oder semi-transparente Hintergründe aufweisen, fügen sie sich gut auch in Videos oder vollillustrierte, farbenfrohe Websites ein. Zusätzlich ist Typografie hier ein wesentliches Element.

Unsere heutige Sammlung widmet sich den genannten Trends. Wir haben drei Hauptbereiche gefüllt, nämlich grafische User-Interfaces, Icons und komplette Website-Layouts. Viel Spaß beim Stöbern…

The White Stripes UI Kit 

white stripes

Erstellt von/für: Valik Boyev
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Elegant Outline GUI Set part 1 

outline ui

Erstellt von/für: Land-of-web
Lizenz: Frei für die persönliche und kommerzielle Nutzung

ios7 style ui kit 

ios7

Erstellt von/für: Mahmoud Fahim and Mohamed Marakshy
Lizenz: Attribution, nicht-kommerziell

Reach UI Kit 

reach ui

Erstellt von/für:Piotr Makarewicz
Lizenz: Frei für die persönliche Nutzung

Flat Style & iOS 7 Line Style UI Kit

flat ui

Erstellt von/für: Graphicsfuel
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Simple UI Pack 

simple ui

Erstellt von/für: Samuel James Oxley
Lizenz: Attribution, nicht-kommerziell

Mobile Wireframe Kit 

mobile ui

Erstellt von/für: CssAuthor
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Flatimus iOS 

flatimus

Erstellt von/für: Satys
Lizenz: Frei für die persönliche Nutzung

Flat + Transparent UI 

transparent

Erstellt von/für: Monkee-boy
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Vector Wireframe Kit & Symbol Library

vector wireframe

Erstellt von/für: Giles Newman
Lizenz: Attribution Share Alike.

Basiliq 

basiliq

Erstellt von/für: CloudCastleGroup
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Line and Vector UI

line

Erstellt von/für: Saqib Ahmad
Lizenz: Attribution, nicht-kommerziell

Free Agency Web Template 

agency

Erstellt von/für: CssAuthor
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Minimalist PSD Landing Page Template 

minimal

Erstellt von/für: Techandall
Lizenz: Frei für die persönliche Nutzung

Moose Free Homepage 

moose

Erstellt von/für: Elemisfreebies
Lizenz: Frei für die persönliche Nutzung

Elegant Coming Soon Page 

coming

Erstellt von/für: Land-of-web
Lizenz: Frei für die persönliche und kommerzielle Nutzung

One Page Portfolio 

one page

Erstellt von/für: Techandall
Lizenz: Frei für die persönliche Nutzung

BrandaLoka 

banda

Erstellt von/für: Andreansyah Setiawan
Lizenz: Attribution, nicht-kommerziell

Treehouse 

treehouse

Erstellt von/für:Freebiesxpress
Lizenz: Frei für die persönliche Nutzung

Simple Line Icons 

simple line

Erstellt von/für: Mirko Monti
Lizenz: Frei für die persönliche Nutzung

Icons

squared

Erstellt von/für: Martin J.Berthelsen
Lizenz: Frei für die persönliche Nutzung

iOS7 Vector Icons 

ios7 icons

Erstellt von/für: Streamlineicons
Lizenz: Frei für die persönliche Nutzung

Pictograms Giveaway 

picto

Erstellt von/für: Jamila Hodges
Lizenz: Attribution, nicht-kommerziell

Nasty Icons 

funny

Erstellt von/für: Nastyicons
Lizenz: Frei für die persönliche Nutzung

Stripes & Co – A Line-Styled Icon Set 

speckyboy

Erstellt von/für: Speckyboy
Lizenz: Frei für die persönliche und kommerzielle Nutzung

Simple Weather Icons 

weather

Erstellt von/für: Dan Vierich
Lizenz: Lizenzfrei

Vector Outline Icon Set 

icons2

Erstellt von/für: Techandall
Lizenz: Frei für die persönliche Nutzung

Gicons

gicons

Erstellt von/für: Designbeep
Lizenz: Lizenzfrei

Icon Square Ilepixeli Set

squared3

Erstellt von/für: Piotr Makarewicz
Lizenz: Frei für die persönliche Nutzung

Thin Rounded Icons 2 

round

Erstellt von/für: Sebastien Gabriel
Lizenz: Frei für die persönliche Nutzung

(dpe)

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Essentials

Kostenlose PSD-Mockups für Apps auf Android Wear

Android Wear steht vor der Tür und die ersten Demos sehen schon recht ansprechend aus. Bislang gehörte ich eher zu den Skeptikern des Smartwatch-Hype, das jüngste Video aus Mountain View hat es allerdings geschafft, mich zu einem glühenden Interessenten zu mutieren. Dabei hat es mir speziell Motorolas Moto 360 angetan. Das Äußere wird sich vielfältig zeigen, wenn erst einmal weitere Hersteller auf den an Fahrt gewinnenden Zug aufgesprungen sind. Das Innere, Android Wear selber, ist schon jetzt eine Augenweide. Dafür zu designen, stellt eine ganz neue Herausforderung dar.

Natürlich ist Android Wear nicht der einzige Wettbewerber im Kampf um die Smartwatch-Kundschaft. Es gibt da noch Pebble Steel, Neptune Pine, Samsung Gear 2, Omate TrueSmart, Martian Notifier und ein paar andere. Hartnäckig halten sich Gerüchte über die bevorstehende iWatch, die man allerdings schon seit Jahren herbei prophezeit. Es dürfte konsensfähig sein, zu behaupten, dass Google mit Android Wear die größten Chancen hat den kommenden Standard zu setzen.

Aufbauend auf dem erdrutschartigen Verbreitungserfolg der Android-Plattform, ist der Markt für zusätzliche Produkte mit den gleichen Genen bereits zum jetzigen Zeitpunkt riesengroß. Bereits jetzt sollte man sich als Designer und App-Entwickler Gedanken dazu machen, wie und wo man sich und seine Produkte positionieren will, wenn die Produkte der Zukunft tatsächlich Realität werden.

Die ersten, auf Android Wear basierenden Geräte werden im Sommer in die Hände einer breiteren Käuferschicht gelangen. Bereits zum jetzigen Zeitpunkt stellen ambitionierte Designer Mockups für User-Interfaces ins Weltennetz, auf deren Basis sich die eigene App schön für die extrem mobile Nutzung vorzeichnen lässt. Im folgenden Beitrag haben wir einige Beispiele und freie Ressourcen gesammelt:

MOTO 360 / UI-Konzept von Anand Mourouguessin  

Dieses Konzept gehört zu den ausgereifteren Varianten. Anand implementiert diverse Grund-Interfaces, etwa für die Uhr, Benacvhrichtigungen, Wetter, Musik und GPS. Dabei hält er sich an aktuelle Designtrends, was dem Konzept einen stylishen, zeitgemäßen Touch verleiht. Besonders das starke Weichzeichnen im Hintergrund scheint sich dieser Tage mehr und mehr durchzusetzen. Hingegen verzichtet Anand weitgehend auf Text und hält das Interface auf diese Weise extrem übersichtlich.

ui-Concept-by-anand-mourouguessin

Spotify – Android Wear App von Rico Monteiro

Wenn alles läuft, wie man sich das landläufig so vorstellt, wird es zumindest jede populäre App auch auf Android Wear schaffen. Der Designer dieses Konzepts geht bei Spotify offenbar sicher davon aus. Seine spekulative Gestaltung überzeugt. Die runde UI passt perfekt zu Musik-Playern, das Design ist besser als man es bislang von den Spotify-Apps kennt. Die geringe Displaygröße zwingt zu weiteren Vereinfachungen, die jedoch nicht zu einer Verschlechterung, sondern eher zu einer Verbesserung der UX führen. Offenbar ist Flat Design nur der Anfang.

spotify---android-wear-app

App-Konzept für Android Wear von Michal Galubinski / Thoke Design

Dieses Design beschäftigt sich mit den grundlegenden Funktionalitäten, die die UI eines Android Wear getriebenen Gerätes leisten muss. Besonders konzentriert man sich hier auf die Umsetzung ein- und ausgehender Nachrichten, Sprachsteuerung, Navigation und Suchfunktionalitäten.

application-concept-for-android-wear

Kostenlose Ressourcen

Android Wear Scene 

android-wear-scene

Erstellt von:  Alexander Obenauer
Features:  PSD-Template
Lizenz: Kostenlos für persönliche Projekte nutzbar

Android Wear

android-wear

Erstellt von:  Alexander Obenauer
Features:  PSD-Template
Lizenz: Kostenlos für persönliche Projekte nutzbar

Google Watch

google-watch

Erstellt von:  Regy Perlera
Features:  PSD-Template
Lizenz: Kostenlos für persönliche Projekte nutzbar

Android Wear Template

android-wear-template

Erstellt von:  JC Ferraris
Features: PSD-Template
Lizenz: Kostenlos für persönliche Projekte nutzbar

iWatch

iwatch

Erstellt von:  Alex Cican
Features: 1 HD PSD-Template
Lizenz: Kostenlos für persönliche Projekte nutzbar

Moto 360

moto-360

Erstellt von:  deeepu
Features:  2 Versionen im PSD-Template
Lizenz: Kostenlos für persönliche Projekte nutzbar

Google Watch AEP

google-watch-aep

Erstellt von:   Christoph Fahlbusch
Features:
3 Kompositionen
Lizenz:  Frei verwendbar für persönliche und kommerzielle Projekte

Moto 360 Mockup

moto-360-mockup

Erstellt von:  Mikael Eidenberg
Features: PSD-Template
Lizenz: frei nutzbar, Urhebernennung erwünscht, aber nicht verpflichtend

Android Wear UI

android-wear-ui

Erstellt von: Taylor Ling
Features: 2 Mockups
Lizenz: Kostenlos für persönliche Projekte nutzbar

Zu guter Letzt: Was hältst du von diesem Konzept einer einfachen Uhr, die sich bei Bedarf in eine Benachrichtigungszentrale verwandelt? Das Konzept basiert, wie du sicher bereits bemerkt hast, ebenfalls auf einem unserer freien Templates, nämlich dem von JC Ferraris.

android_wear_-_clock_app_design_ramotion

(Der Beitrag wurde zuletzt im April 2019 um tote Links bereinigt.)

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Essentials Freebies, Tools und Templates

Total Recall #2: Die 100+ besten kostenlosen GUI-Sets

Im ersten Teil unserer kleinen Serie „Total Recall“  zeigten wir dir die besten kostenlosen Website-Templates in HTML/CSS und PSD, die das Jahr 2013 hervorgebracht hat. Für diejenigen unter euch, die lieber Stein für Stein selber mauern, aber dennoch einer gewissen vorgefertigten Modularität nicht abgeneigt sind, haben wir heute eine weitere große Kollektion.

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Bilder & Vektorgrafiken bearbeiten Design Essentials Photoshop

Best of Juli 2013: 30+ frische HTML/PSD-Themes und UI-Elemente

Im zweiten Teil unserer neuen monatlichen Serie mit frischen HTML/PSD-Themes und UI-Elementen stellen wir Ihnen Ressourcen vor, die sämtlich im Juli 2013 entstanden sind. Wir liefern Ihnen mit über 30 verschiedenen Werken ein breites Set an vorgefertigten Themes, Templates und sonstigen Elementen. In vielen Fällen werden die Rohdaten zur Bearbeitung mit Ihrem favorisierten Bild- oder Vektorbearbeitungsprogramm direkt mitgeliefert. Da sollte für jedermann was dabei sein…

Elegante HTML- und CSS-Themes

Wenn Sie nach Web-Templates suchen, für die Sie nicht erst Photoshop oder Illustrator anwerfen müssen, sind Sie mit der folgenden Liste gut bedient:

Gardentruck: Free Responsive HTML5 Template

Erstellt von: Templatemonster

GardenTruck Html5 Template

Avenir: Clean and Modern “Coming Soon” Page Template

Erstellt von: Wegraphics.Net

Free Coming Soon HTML Template

Caprice: Simple and Beautiful HTML Template

Erstellt von: Elemisfreebies.com

simple and beautiful HTML template

Telephasic: Minimalistic and Responsive Site Template

Erstellt von: HTML5 UP

responsive site template

zAgroPlus: Responsive Dark WordPress Theme

Erstellt von: Templatemonster.com

Responsive Dark WordPress

Simplistic: Simple and Minimalistic HTML5 Template

Erstellt von: Css3templates.co.uk

minimalistic HTML5 and CSS3 template.

ZCorPoRate: Blue and White Responsive HTML5 Theme.

Erstellt von: Zerotheme.com

Blue and White Theme.

PSDs zu Inspirations- und anderen Zwecken

Die folgenden PSDs enthalten Themes mit teils mehreren Layoutvarianten. Sie dienen zu Inspirationszwecken, können aber natürlich auch direkt genutzt werden, wenn man Lust und Fähigkeit zu umfangreichen Anpassungen hat.

Seabird: Elegant Homepage Multipurpose PSD Template

Erstellt von: Elemisfreebies.com

Seabird Free Homepage PSD

Motion: Single Page PSD Web Template

Erstellt von: Mahmoud Baghagho

single page PSD web template.

About Us Page: Minimalistic “About Us” Landing Page

Erstellt von: Chris Allen

About Us Page

Modus Versus: Free Multi-purpose PSD Template for Designers

Erstellt von: Dimitar Tsankov

multi-purpose PSD template

Black Sea: Flat Style Business Template PSD

Erstellt von: Css Author

Clean website design template PSD

Skybox: Minimalistic White PSD Home Page Template

Erstellt von: Elemisfreebies.com

Skybox Free Homepage PSD

Pinball: Responsive Grid Style Blog PSD

Erstellt von: CSS Author

responsive grid style blog PSD

Display: Complete and Elegant Website Template

Erstellt von: Bestpsdfreebies.com

elegant website template

Calm: Free PSD Portfolio Containing a Page for the Home and Another One for the Blog

Erstellt von: Salah Elimam

creative simple portfolio & blog PSD

Bluebox: Flat Website PSD Templates Design

Erstellt von: Adam Engledow

BlueBox: Flat Website PSD

Aditii: Premium Ecommerce Website Template in PSD

Erstellt von: CSS Author

clean e-commerce template.

Coole GUIs zur Entwickler-Entlastung

Mobiles Design entwickelt sich rasant und ist unumgänglich. Kein Wunder also, dass sich mehr und mehr Entwickler in diesen Bereich vorwagen. Zum leichteren Einstieg haben wir folgend eine umfangreiche Liste mit PSD-basierten Interfaces zusammengestellt. Die meisten dieser GUIs sind vollständig.

Modern Touch: Flat and Complete Set of UI Elements in PSD Format

Erstellt von: Pixelkit.com

Modern Touch UI Kit

Light UI Kit: Clean and Deep Collection of UI Elements for Your Web

Erstellt von: Andrewspixels.com

Light and Deep UI Kit

iOS 7 GUI: Fantastic Set of GUI Elements for iOS 7 iPad

Erstellt von: Kim Ruelo

iOS-7 iPad GUI

Dark UI Kit: Simple and Flat Set of UI Elements

Erstellt von: Max Denisov

Dark UI Kit

Fantastic iOS 7 GUI: Spectacular and Useful Resource for Web Designers & Developers

Erstellt von: DesignShock.com

Fantastic iOS 7 GUI

Pop Songs:  Flat Music Player UI Widget

Erstellt von: Pele Chaengsavang

flat music player UI widget.

Flat UI Kit: Nice Set for Flat UIs

Erstellt von: Pixelsdaily.com

Flat UI Kit Free

Marble UI Kit: Simple and Useful GUI Kit in PSD Format

Erstellt von: Jian Wei

Marble UI kit

Dashboard UI: Beautiful Set of Dashboard UI Design PSD

Erstellt von: CSS Author

Dashboard UI

Chubby Stacks: Complete and Elegant UI Kit for Your Next Project

Erstellt von: Pixelkit

Chubby Stacks UI Kit

UI Kit: Modern UI Kit for Web Designers in PSD Format

Erstellt von: Aykut Yılmaz

UI kit for web designers

Flat GUI Kit: Fantastic and Useful Flat GUI Kit in PSD File

Erstellt von: Freepik

Flat GUI Kit

Infographic GUI: Info Graphic PSD Templates Designed in Simple and Clear Style

Erstellt von: Free PSD Files

Infographic PSD Templates

Wooden GUI Set: More Than 1,000 Design Elements for Your Next Web/Software Project!

Erstellt von: DesignShock

Wooden GUI Set

Dark Flat GUI: Cool UI Kit That Includes a Set of Beautiful Components

Erstellt von: Graphicburguer

Flat Design UI Components

Die Autoren

Die Shock Family ist ein Team von Web-Enthusiasten, Designern und Entwicklern, die sich der Erstellung aller Arten von nützlichen Ressourcen rund um das Web widmet. Wer sich offenen Auges im Netz bewegt ist mit Sicherheit schon über eines oder mehrere Projekte der Shock Family gestolpert, als da wären themeshock, eine Sammlung hochwertiger WordPress-Themes und nützlicher Freebies, iconshock, eine der größten Icon-Sammlungen mit mehr als einer Million Piktogramme und WPthemegenerator, ein Online-Tool zur Erstellung von WordPress- und XTML-Themes.

(dpe)

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Bilder & Vektorgrafiken bearbeiten Design Essentials Icons & Fonts Photoshop Webdesign

Riesenset samt PSD und AI: Hunderte kostenlose Icons mit Nutzersymbolen

Dieses Iconset ist was besonderes. Nicht die Tatsache, dass Iconshock, die kommerzielle Plattform für Icondesign, schon wieder ein Freebie verfügbar macht, ist in diesem Falle das Besondere. Es ist vielmehr die Größe des Pakets, das hier kostenlos über die virtuelle Ladentheke geschoben wird. Fast 350 MB Bildzeichen finden sich nach dem Entpacken auf Ihrer lokalen Festplatte. Alle Quellen werden mitgeliefert. Der Symbolsatz bietet ausschließlich Nutzer-Icons, davon aber viele und für jeden erdenklichen Zweck.


50 dieser farbigen Nutzersymbole enthält das Set

Iconshocks Freebie-Politik: Nur gegen E-Mail-Adresse erhältlich, aber sonst völlig frei verwendbar

Eine wichtige Info vorab: Alle Bildsymbole des User-Iconsets sind kostenfrei sowohl in persönlichen, wie auch in kommerziellen Projekten nutzbar, sofern ein Backlink zur Downloadseite gesetzt wird. Zwar muss man für den Download seine E-Mail-Adresse angeben, an die dann der Downloadlink gesendet wird. Weitere Informationen sind jedoch nicht erforderlich. Besonders vorsichtige Zeitgenosse können einen der beliebten Wegwerf-Maildienste verwenden, denn der Downloadlink wird unverzüglich übermittelt. Iconshock verwendet die angegebene E-Mail-Adresse übrigens tatsächlich nur dafür, über neue Freebies zu unterrichten. Meine Adresse ist seit einigen Monaten dort hinterlegt und ich erhielt neben den Freebie-Ankündigungen bislang keine sonstige Werbung.

Wie stets, ist es auch bei diesem Set untersagt, es separat zum Herunterladen anzubieten oder so zu tun, als hätte man die Symbole selbst gezeichnet.

Iconshocks Free User Icons: Detailliert gezeichnete, professionelle Nutzersymbole

Als ich auf den Downloadlink klickte, staunte ich nicht schlecht. Ein nahezu 66 MB großes 7z-Paket strömte durch die Datenleitung. Nach dem Entpacken indes vermutete ich zunächst einen Fehler, konnte mich jedoch schnell vom Gegenteil überzeugen. Über 340 MB Iconmaterial fand sich auf meiner Festplatte wieder, alles fein säuberlich in Unterverzeichnissen nach Art und Größe sortiert.


Der Inhalt des Download-Pakets überrascht selbst Freebie-Gewohnte.

Neben den verwendungsfertigen Bildzeichen im PNG-Format, die in den unterschiedlichsten Auflösungen von 20 x 20 bis 512 x 512 Pixeln vorliegen, liefert Iconshock sämtliche Grunddateien in der Form von PSD-, aber auch Illustrator-Files gleich mit. So sind alle Symbole leicht den persönlichen Vorstellungen anpassbar. Für die beiden großen Mobilplattformen iOS und Android legten die Zeichner von Iconshock die gebräuchlichsten Pixelgrößen für die entsprechenden Geräte an.


Kleine Ausschnitte: Android und iOS erhalten jeweils 100 Nutzersymbole, auch Win8 wird bedacht

Fazit: Das Free User-Iconset ist ein Paket, das nicht nur Menschen, die gern Fullservice oder All Inclusive buchen, schnell ans Herz wachsen wird. Allein der zu erzielende Erkenntnisgewinn aus den PSD- und AI-Dateien ist schon Gold wert.

Link zum Beitrag:

  • Complete And Free User Icon Set – Iconshock
Kategorien
Best-of HTML/CSS/PSD-Ressourcen Design Essentials HTML/CSS Responsive Design

Onepager: Ein kostenloses, responsives HTML5/CSS3-Website-Template

Muhammad Shahbaz Saleem vom Entwickler- und Gründerblog Egrappler stellt eine komplette Website-Vorlage auf der Basis von HTML5/CSS3, sowie jQuery und einigen darauf aufsetzenden Plugins zur freien Verfügung. Das Template namens Onepager ist, wenn man sich mit Optik und Struktur anfreunden kann, ein guter Startpunkt für die eigene Website. Onepager eignet sich besonders für Dienstleister, die kurz und knapp, aber auf dem Stand der Technik, ihr Know-How an den Mann bringen wollen.

Onepager: Responsiv mit Einschränkungen

Das erst wenige Tage alte Template Onepager zeigt sich im Vergleich zu anderen Vorlagen sehr vollständig. Saleem hat auch an ein Kontaktformular gedacht, wobei dieses über ein ebenfalls im Paketumfang befindliches PHP-Script angetrieben wird. Eine Demo kann hier ausprobiert werden.

Eine Vielfalt gängiger jQuery-Plugins liefert weitere Funktionalitäten, sowie sorgt teilweise für das responsive Verhalten des Templates, etwa im Falle des Flex Sliders. Unter anderem findet sich das hier vor einigen Tagen vorgestellte jQuery Knob. Es gibt also doch Anwendungsfälle dafür ;)

Typografie-Freunde finden eine Reihe freier Webfonts vor, die sich durchaus für weitere Businessprojekte eignen. Sie liegen als Eot, SVG, TTF und Woff im Download-Paket vor und werden via @font-face eingebunden.

Das Design funktioniert relativ solide responsiv. Im Gegensatz zu anderen eGrappler-Templates wirkt bei Onepager auch der Anzeigenplatzhalter links unterhalb der Hauptnavigation zwar nicht schön, aber vernünftig platziert. Immerhin beeinträchtigt er beim Resizing, sowohl im Desktopbrowser, wie auch in mobilen Clients nicht das Layout. Da haben wir schon schlechtere Umsetzungen gesehen.

Nicht so gut implementiert ist der Bereich des zweispaltigen Layouts. Dieses reagiert nur insofern responsiv, als es sich zuverlässig reduziert, aber stets zweispaltig bleibt. Bei sehr kleinen Auflösungen ist das nicht sehr nützlich.

Saleem verspricht Cross-Browser-Kompatibilität und liefert einige Styles speziell für den Internet Exploder mit. Ich testete die Vorlage unter Mac OSX mit dem aktuellen Chrome, sowie Safari und Firefox. In allen Browsern skalierte das Layout einwandfrei. Auch im Chrome und im Maxthon unter Android auf dem HTC One X funktionierte das Template zuverlässig.

Im Ergebnis kann sich Onepager durchaus sehen lassen. Wer ein kleines Unternehmen oder Startup unterhält und schnell eine Website auf der Basis aktueller Standards, inklusive responsivem Design benötigt, kann anhand von Onepager schnelle Erfolge erzielen. An der Dokumentation sollte Saleem noch etwas feilen, eventuell hat er sie aber auch nur fehlerhaft verlinkt. Im Moment führt der Link zur Dokumentation jedenfalls zu einem völlig anderen Template. Andererseits, was soll man bei einem einseitigen Template groß an Dokumentation benötigen? Learning by doing ist angesagt.

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Bilder & Vektorgrafiken bearbeiten Essentials Responsive Design

Responsive HTML5/CSS3-Vorlage für einseitige Websites kostenlos

Das Team von Web Code Builder stellt sein erstes freies responsives Website-Template vor. Es ist von der technischen Seite her dem jüngst hier vorgestellten Justapage nicht unähnlich, sieht aber weit besser aus und ist auch responsiver. Justapage beinhaltete ja lediglich eine mobile.css, die per Mediaquery quasi statisch hätte angesteuert werden müssen. Auch das Template der Web Code Builder ist auf einseitige Layouts fokussiert. Wir haben einen Blick darauf geworfen…

Webseiten-Vorlage für den schnellen Erfolg, aber nicht vollständig responsiv

„Responsive HTML5/CSS3 Website“ nennen die Entwickler ihr Template. Da der Name etwas sperrig ist, werde ich mich im folgenden Text immer nur auf „das Template“ beziehen und meine damit eben jenes langnamige. Das Template also validiert nach Angaben der Entwickler vollständig W3C-konform. Neben dem Einsatz von Web Standards basiert es auf jQuery, welches dynamisch via Googleapis eingebunden wird. Die verwendete Schriftart PT Sans kommt über das Google Webfont Directory ins Spiel. Der bekannte jQuery Flexslider ist für die responsive Slider-Funktionalität verantwortlich.

Die Navigation ist – wie üblich – als Liste realisiert. Zweispaltige Layouts erreicht man, indem man einem Div-Container die Klasse half zuweist und ihr damit zu verstehen gibt, dass sie die Hälfte des Platzes, den man zuvor unter Verwendung eines Hauptcontainers mit der Id content definiert hat, einnimmt. Dreispaltige Layouts entstehen durch die Vergabe der Klasse oneThird. Weitere Varianten sind nicht vorgesehen. Damit ist das Template auf das Layout festgelegt, das die Demoseite sehr schön repräsentiert. Es eignet sich für Personen und Unternehmen, die auf der Suche nach einer Vorlage sind, die sie lediglich mit Inhalten bestücken müssen. Es eignet sich nicht als Startpunkt für eigene, vor allem weitergehende Projekte.

Die ledigliche Verwendung dieser beiden Klassen für Mehrspaltenlayouts lässt schon vermuten, dass das responsive Verhalten des Template an Grenzen stößt. Egal, wie man skaliert, das Div mit der Klasse oneThird beansprucht stets ein Drittel des Content-Div. Hier kann man fiese Optik nur durch die vorausschauende Dimensionierung des Content-Div vermeiden. Wenn man mit den Einschränkungen leben kann, ist das Template eine brauchbare Alternative. Das CSS ist ordentlich strukturiert, alle erforderlichen Präfixe sind gesetzt, Kommentierungen, sowie sonstige Dokumentation sucht man allerdings vergeblich.

Immerhin ist das Template schick und vor allem kostenfrei. Da kann ein längerer Blick bei vermuteter Eignung nicht schaden. Der Download erfolgt über die Entwicklerseite. Von dort aus ist auch der Zugriff auf die Demoseite verlinkt.

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Design HTML/CSS

Justapage: Open Source HTML-Template für blutige Anfänger

Hier kommt ein Beitrag für den Freizeitdesigner, der schnell eine einseitige Website für das Mahjong-Team seines Onkels zusammenstöpseln muss, aber nicht so recht weiß, wie… Spaß beiseite, das Template Justapage des Developers Paul Molluzzo ist als Startpunkt für den Bau einer einseitigen Website besonders für Personen geeignet, deren HTML- und CSS-Kenntnisse eher rudimentär sind. Und auf diese Zielgruppe bezogen, ist Justapage in der Tat mehr als einen Blick wert.


Justapage: Bunt as bunt can

Das Konzept von Justapage kritisch betrachtet

Ich habe zunächst gezögert, Justapage hier vorzustellen. Dabei ist es nicht so, dass einseitige HTML-Seiten uninteressant wären oder selten gebraucht würden. Im Gegenteil dürften die meisten Kleingewerbetreibenden und private Einrichtungen ganz gut mit einer solchen Minimalpräsenz bedient sein. Nur ist es durchaus diskutabel, ob man hierfür ein Template hernehmen sollte, dass auf jQuery setzt und nicht responsiv ist. Immerhin schleppt man auf diese Weise einen Datenoverhead von rund 100kb mit sich herum, bloß um ein paar Scrolleffekte zu nutzen und ist zudem nicht für künftige Anforderungen gerüstet.

Ich schaute also genauer hin und setzte mich ein wenig mit dem Code auseinander. Mit den Augen eines Anfängers betrachtet, begann ich nach einer Weile Justapage zu mögen. Die Demoseite, die auch im Download-Paket mitgeliefert wird, setzt den Betrachter zwar der Gefahr einer spontanen Augenpest aus. Allerdings kann man diese klare Kontrastierung auch als Pluspunkt sehen. So ist jedenfalls immer sofort ersichtlich, welcher Style sich auf welchen Teil der Seite auswirken wird. Und das ist gut für Einsteiger.

Unter diesem Gesichtspunkt ergibt auch der Einsatz von jQuery einen Sinn. Natürlich hätte man andere Lösungen hernehmen können, aber jQuery funktioniert einfach out of the box und wird dem angehenden Designer in der Zukunft ohnehin stets wieder begegnen. Wieso sollte man ihn also nicht früh damit konfrontieren? Der einzige echte Makel an Justapage ist der Einsatz von Eric Meyers Reset.css in der alten Version 1. Hobbydesigner, die diesen Beitrag lesen, gehen also bitte auf diese Seite, kopieren sich dort die Version 2 heraus und ersetzen damit den Code aus der reset.css von Justapage.

Hat man sich das rund 370kb schwere Zip von GitHub herunterladen, wo es unter GPL-Lizenz bereit steht, findet man einmal die nachvollziehbare Ordnerstruktur der Demoseite und zum anderen die identische Struktur mit dem eigentlichen Template, welches nur über Platzhalter-Content verfügt. Im Zusammenspiel beider Varianten erschließen sich jetzt dem einigermaßen abstraktionsfähigen Laien recht schnell Funktionsweise und Anpassungsmöglichkeiten.

Justapage ist nicht responsiv, sondern liefert für Viewports zwischen 320 und 480 Pixeln eine separate CSS mit, die per Media Query im Head der Seite getriggert wird. Auch das ist letztlich die meiner Meinung nach für Einsteiger bessere Lösung. Molluzzo lässt das Thema mobiles Design nicht völlig unter den Tisch fallen, macht aber auch nicht gleich das größere Fass des responsiven Designs auf.

So. Wer bis hierhin gelesen hat, kann jetzt seinen Onkel anrufen und ihm sagen, dass das mit der Website für sein Mahjong-Team klar geht.

Kategorien
(Kostenlose) Services Best-of HTML/CSS/PSD-Ressourcen Bilder & Vektorgrafiken bearbeiten Design Essentials Illustrator Photoshop

Freepik: Suchmaschine für kostenlose Design-Ressourcen

Fotos, Vektorgrafiken und Photoshop-Dateien: Diese drei Begriffe definieren ziemlich genau die Bereiche, in denen jeder Designer ständig auf der Suche ist. Freepik ist ein Suchmaschine aus dem schönen Spanien, die sich genau auf diesen Bedarf spezialisiert hat und zur ersten Anlaufstelle werden will. Das Konzept ist einfach. Suchende verwenden es wie jede andere Suchmaschine auch mit frei formulierten Begriffen. Freepik gibt darauf hin mehr oder weniger passende Suchergebnisse zurück. In meinem kurzen Test konnte der Dienst durchaus überzeugen, wenn auch nicht uneingeschränkt.


Freepik: die Startseite

Freepik: Lizenzen bleiben auch hier Fallstricke

Freepik funktioniert nach eigenen Angaben mit automatisiert das Internet durchforstenden Robots. Nur so ist auch die immense Zahl von über 1,3 Mio. verschiedenen Ressourcen zu erklären, die Freepik zu finden verspricht. Laut Betreiber erfolgt auch die Beurteilung des Content und die Katalogisierung, sofern er für relevant gehalten wird, automatisiert. Die Angaben zur jeweiligen Ressource werden aus der Ursprungsseite ausgelesen und auf Freepik mit angezeigt. Hier ist die gültige Lizenz von besonderer Bedeutung, denn hierin lauert bekanntlich das größte, vor allem teuerste Konfliktpotenzial.

Hat man sich für eine Ressource entschieden und sich auf Freepik die relevanten Informationen angeschaut, führt ein Klick auf den Download-Link zur Ursprungsseite, die die Ressource letztlich nativ anbietet. Hier ist es wichtig, sich unbedingt davon zu überzeugen, dass die auf Freepik angegebene Lizenz tatsächlich mit derjenigen auf der eigentlichen Downloadseite übereinstimmt. In meinem Test war das nahezu immer der Fall. Allerdings stieß ich bei einem Foto auf die Angabe einer „ungeklärten Lizenz“. Besonders in einem solchen Falle kann der Rat nur lauten: Finger weg!


Freepik: oben wird das Suchergebnis samt Lizenz gezeigt, darunter eine ganze Menge ähnlichen Contents

Freepik findet im Allgemeinen durchaus hochwertigen Content. Da es sich nicht um eine echte Ressourcen-Sammlung handelt, sondern die Inhalte zusammen gecrawlt werden, ist die Qualität durchwachsen wie das Internet selbst. Freepik gibt es in verschiedenen Sprachen, darunter auch auf deutsch. Verwenden sollte man allerdings die englische Fassung. Alle anderen Varianten sind maschinell übersetzt und bieten eine entsprechend holprige sprachliche Präsenz.

Teilweise werden die Kategorien im Ansatz redaktionell betreut. So gibt es aktuell ein Sommer-Special mit immerhin über 16.000 Inhalten. Die Redaktion arbeitet vermutlich ebenfalls algorithmisch. In weiteren Kategorien werden die neuesten, wie auch die beliebtesten Ressourcen gesammelt.


Freepik: beliebte PSDs

Je nachdem auf welche Downloadseite man letztlich geleitet wird, offenbart sich bisweilen ein weiterer Wermutstropfen. Viele Downloadportale verlangen eine Registrierung, ohne die ein Herunterladen verweigert wird. Es wird sehr auf den konkreten Inhalt ankommen, ob dieser hinreichend motiviert, seine persönlichen Daten an den diversen Stellen des Weltennetzes zu hinterlegen.

Fazit: Freepik ist in jedem Falle eine gute Anlaufstelle für den suchenden Designer. Vor allem zu Inspirationszwecken eignet sich der Dienst hervorragend. Vorsicht ist geboten bei der schlussendlichen Verwendung des angebotenen Materials. Hier muss stets die Lizenz auf der Seite, die letztlich die Ressource beherbergt, gegengecheckt werden.

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Design Essentials Freebies, Tools und Templates HTML/CSS

Brownie: Ein kostenloses, responsives HTML5/CSS3-Website-Template

Muhammad Shahbaz Saleem vom Entwickler- und Gründerblog Egrappler stellt eine komplette Website-Vorlage auf der Basis von HTML5/CSS3, sowie jQuery und einigen darauf aufsetzenden Plugins zur freien Verfügung. Das Template namens Brownie ist, wenn man sich mit Optik und Struktur anfreunden kann, ein guter Startpunkt für die eigene Website. Saleem sieht die Vorlage als besonders für Portfolio-orientierte Websites geeignet. Das liegt hauptsächlich am integrierten Slider, der die komplette Optik der Startseite dominiert.

Brownie: Responsiv mit Einschränkungen

Das erst wenige Tage alte Brownie zeigt sich im Vergleich zu anderen Templates sehr vollständig. Zudem liefert es für manche Bereiche, allen voran der Portfolio-Darstellung, mehrere Designvarianten mit. Saleem hat auch an 404 und Kontaktformular gedacht, wobei das Kontaktformular über ein ebenfalls im Paketumfang befindliches PHP-Script angetrieben wird. Eine Demo kann hier ausprobiert werden.

Eine Vielfalt gängiger jQuery-Plugins liefert weitere Funktionalitäten, sowie sorgt teilweise für das responsive Verhalten des Templates. Um Requests zu sparen, stapelte Saleem alle Plugins in einer einzigen JS-Datei übereinander, die auf diese Weise minified immer noch stolze 120k auf die Waage bringt.


Vollständige Designvorlage mit allem, was man so braucht…

Das Design funktioniert relativ solide responsiv. Nur der Anzeigenplatz oben rechts wirkt undurchdacht implementiert. Er beeinträchtigt beim Resizing, sowohl im Desktopbrowser, wie auch in mobilen Clients das Layout. Das müsste nicht sein.

Saleem verspricht Cross-Browser-Kompatibilität und liefert einige Styles speziell für Internet Exploder mit. Ich testete die Vorlage unter Mac OSX mit dem aktuellen Chrome, sowie Safari und Firefox. In allen Browsern skalierte das Layout einwandfrei. Durchgängig reproduzierbar war allerdings der fehlerhaft implementierte Anzeigenplatzhalter. Auch im Chrome Beta und im Maxthon unter Android auf dem HTC One X funktionierte das Template zuverlässig mit der gleichen Einschränkung, dem Anzeigenplatzhalter. Ebenfalls nicht überzeugend auf dem mobilen Client erschien der Style des zweiten Navigationslevels, der zugeklappt in weißer Schrift auf weißem Grund nur mäßig gut lesbar war. Das ist allerdings mit etwas eigenem Know-How schnell gefixt.


Android ICS: Unschöne Implementationsfehler zeigen sich…

Im Ergebnis kann sich Brownie durchaus sehen lassen. Wer den Einstieg in responsives Design direkt mit einer eigenen Website wagen möchte, kann anhand von Brownie einen schnellen Erkenntnisgewinn erzielen. Learning by doing funktioniert jedenfalls bei mir stets am besten. Zudem hat Saleem für eine recht vernünftige Dokumentation gesorgt.

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Bilder & Vektorgrafiken bearbeiten Design Essentials Freebies, Tools und Templates Illustrator

Vektorgrafiken: Die große Sammlung der (gratis) Vektorgrafikpakete

Designer lieben kostenlose Downloads, die ihnen das Leben erleichtern und ihnen helfen eine bessere Qualität zu erreichen, z.B. mit Illustrator. Gratis Vektoren sind nützlich, kostenlose Pakete mit Vektoren sind es umso mehr. Glücklicherweise gibt es eine Menge talentierte Grafiker, die ihre Arbeiten (oder Proben davon) zu unser aller Wohl bereitstellen. In diesem Beitrag haben wir 60 der besten Vektor-Pakete zusammengestellt.

Viele der hier gezeigten Vektoren sind besonders nützlich für die Gestaltung und Ausstattung bestimmter Website-Typen. Nehmen Sie sich etwas Zeit und vielleicht finden Sie die perfekte Grafik für Ihr nächstes Projekt. Bitte lesen Sie, bevor Sie Vektoren aus den Paketen produktiv einsetzen, die jeweiligen Lizenzen und Nutzungsbedingungen.

Abstract Blobs and Bursts
Ein Paket aus 10 Vektoren für die Gestaltung abstrakter Effekte.

Abstract Vectors

Wavy Vector Ribbons
Ein Paket mit 7 trendigen Vektor-Wellenlinien.

Wavy Ribbon Vectors

Trendy Circles
Noch eine trendige Kollektion, diesmal in sechs Varianten

Trendy Circles

Circles
Verschiedene Arten und Kombinationen von Kreisen beinhaltet dieses Paket.

Circles

Weird Bubbles
Sollten andere Kreise nicht passen, 10 Vektoren sind in diesem Set enthalten.

Weird Bubbles

Modern Arrows
Ein bequemer Weg um einem Design eine Portion Stil hinzuzufügen.

Arrow Vectors

Spiral Vectors
Ein sehr nützliches Set mit verschiedenen Spiralen.

Spiral Vectors

Vector Lines, Swirls and Patterns
Dieses Vektor-Paket enthält 20 verschiedene Linien und Wirbel.

Lines and Swirls

Character Vector Pack
Das T-shirt Blog Teestrict bietet ein Paket mit Cartoon-Figuren.

Charcter Vectors

Free Vector Pack One from Designious
Enthalten sind 20 Vektoren aus den Premium Paketen des Anbieters.

Free Vector Pack from Designious

Free Vector Pack Two from Designious
Enthält noch einmal 20 Premium Vektoren.

Designiou Vector Pack 2

Vintage Mega Pack 5 Samples
Ausgewählte Beispiele aus Designious „Premium Vintage Mega Pack 5“.

Vintage Mega Pack 5 Samples

Night Lights
Ein Set mit 4 verschwommenden Vektoren von Go Media.

Night Lights

Safari and Zoo Animals
Spoon Graphics bietet mit dieser Sammlung 20+ Vektoren von Land- und Seetieren an.

Animal Vectors

Animals
Auch dieses Set mit 17 Grafiken enthält Tiermotive.

Animal Vectors

Dinosaurs Vector Pack
Eine große Sammlung verschiedener Dinosaurier.

Dinosaurs

Birds in Flight
12 Vögel im Paket von Bittbox.

Birds in Flight

Bird Vectors
Ein Paket mit hochwertigen Beispielen.

Bird Vectors

Simple and Cute Twitter Bird Vector Graphics
Diese 8 Vektoren können von Bloggern benutzt werden die Twitter-Updates präsentieren.

Twitter Bird Vectors

Illustrated Vector Sneaker Graphics
3 handgezeichnete Vektoren von Spoon Graphics.

Sneaker Vectors

Hand-Drawn Decorative Ornaments
Dieses dekorative Paket kommt aus der Bittbox.

Decorative Ornaments

Hand-Drawn Decorative Ornaments II
Ein zweites Set der Bittbox.

Decorative Ornaments 2

Vector Garden Symbol Set
Dieses Set enthält 19 hochwertige Vektor-Grafiken.

Swirly Curls

Flowers
Bittbox stellt außerdem diese Blumen-Grafiken zure Verfügung.

Flower Vectors

Flowers
Noch mehr Vektor-Blumenmotive – mit viel Abwechslung.

Flower Vectors

Foliage
Das ersten Blätter-Set der Bittbox.

Foliage Vectors

Foliage Part 2
Das zweite Blätter-Set.

Foliage Part Two

Tree Silhouettes
Verschiedene Arten von  Bäumen enthält dieses Angebot der Digital Artist Toolbox.

Tree Vectors

Ecology Vectors
Ein großes Paket gefüllt mit Vektor-Blättern.

Ecology Vectors

Flowers and Plants
Über 30 Blumen- und Pflanzen Vektoren.

Flowers and Plants

Dotty Women Vector Graphics
Dieses Paket enthält 4 Vektoren.

Dotty Women

Watercolors
Ein großes Set mit Wasserfarben-Malereien, die eine Alternative zu dem Einsatz von Pinseln bieten.

Watercolor Vectors

Fingerprints
11 mal Finger- und Handabdrücke von Go Media.

Fingerprint Vectors

Poppy Color Stickers
20 Web 2.0 Sticker in 10 verschiedenen Farben.

Poppy Color Stickers

Embroidery Badges
Eine Zusammenstellung verschiedener Aufnäher.

Embroidery Badges

Speech Bubbles
Ein Paket mit 33 Sprechblasen.

Speech Bubble Vectors

Office Objects
Dieses Set bietet hochwertige Vektoren zum Thema Büro.

Office Vectors

Technology Vectors
Rund um Computer und moderne Technik.

Tech Vectors

Tower Vector Pack
Schattenrisse von Türmen und Hochhäusern aus aller Welt.

Towers

Vector Stars
Verschiedene Stern-Vektoren.

Vector Stars

Power Tool Pack
10 elektrische Werkzeuge.

Power Tools

Vector Notes
Jede Menge Post-it Notizzettel.

Notes

Wood Signs
Hinweisschilder aus Holz.

Wood Signs

Sport Set
Eine Sammlung von Bällen und Ausrüstungsteilen verschiedener Sportarten.

Sports Pack

Winter Sports Vectors
Dieses Set enthält Snowboards, Snowboarder und Skifahrer.

Winter Sports

Skaters Vector Pack
Skater Designs…

Skater Vectors

Surf Vector Silhouettes
Silhouetten von Surfern.

Surf Silhouettes

Live Music
Musiker auf der Bühne und in Aktion.

Live Music Vectors

Rap Attack Vector Pack
Von Rap und Hip-Hop beeinflußte Vektor-Grafiken.

Rap Attack

Sexy Girls Vectors
Eine Kollektion weiblicher Silhouetten.

Sexy Girls

Vector Skull Set
18 Vektor-Schädel.

Vector Skulls

Urban Collection
Ein recht umfangreiches Paket verschiedener Elemente.

Urban Vectors

Transportation Silhouettes
Hier finden sich Verkehrsmittel vom Fahrrad, über das Pferd bis zum Automobil.

Transportation Vectors

Aircrafts Vector Pack
Ein großes Paket mit Flugzeugen aus verschiedenen Zeiten.

Aircraft Vectors

Road Signs and Traffic Light
Verschiedene US-Verkehrsschilder bietet dieses farbenfrohe Paket.

Signs

Grunge Photo Frames
Mit diesen Rahmen lassen sich bequem Grunge-Elemente zu Layouts hinzufügen.

Grunge Frames

Vector Grunge Elements
Noch ein Paket für grungige Designs.

Grunge Elements

Ink Scribbles and Scratches
Dieses Paket enthält ein paar Kritzeleien.

Ink Scribbles

’70s Vector Pack
Eine Sammlung mit Vektoren im Stil der 70ziger Jahre.

70s vectors

Vector Ornaments
Über 40 ornamentale Vektoren.

Vector Ornaments

Weitere Quellen mit kostenlosen Vektoren

Dieser Beitrag konzentriert sich auf Vektor-Pakete, die folgenden Websites bieten überwiegend einzelne Dateien an:

Über den Autor:

Steven Snell ist Webdesigner und freiberuflicher Blogger. Sie finden ihnen in seinen Publikationen Vandelay Website Design und DesignM.ag. Der Beitrag erschien auf Englisch im Smashing Magazine. Mit freundlicher Genehmigung.

Kategorien
Best-of HTML/CSS/PSD-Ressourcen Design Essentials HTML/CSS

Kostenlose CSS Layouts – Download

Alles muss man nicht selber machen oder neu erfinden. Wenn es schnell gehen muss, eine Idee fehlt oder man nicht sattelfest ist, bieten sich Vorlagen an. Sie eignen sich außerdem hervorragend zum Lernen. Unter einem Template versteht man einen kompletten Seitenentwurf inklusive Grafiken. Ein Layout hingegen bietet nur ein Grundgerüst.

Screenshot

Die folgenden tabellenlosen (X)HTML/CSS-Vorlagen werden gratis zur Verfügung gestellt. Im Falle eines bloßen Layouts ist das auch kaum anders möglich. Bei Templates hingegen verhält es sich anders. Hier ist mehr kreative Leistung im Spiel. Eine Belohnung, oft in Form eines Links, wird zumeist eingefordert. Vor dem Einsatz also immer genau hinschauen.

  • CSS Design Templates
    12 Templates
  • ThreeColumnLayouts von CSS Discuss
    Jede Menge dreispaltiger Layouts aus unterschiedlichen Quellen gesammelt.
  • CSSFILL
    Eine kleine Auswahl mit eigener Website
  • CSS Frames Layouts
    Frames mit CSS sind auch kein Problem
  • CSSplay
    Stu Nicolls ist so etwas wie ein Altmeister wenn es um CSS geht. Frei verfügbare Layoutgerüste finden sich deshalb auch bei ihm. Manchmal muss man vor dem Einsatz um Erlaubnis fragen.
  • CSS Template Gallery
    Schöne Suchmöglichkeiten für allerdings „nur“ 32 Templates. Diese sind zumeist von eher durchschnittlicher Qualität.
  • CSS Intensivstation
    15 Layouts
  • Ex-Designz
    98 XHTML CSS-Templates
  • Code-Sucks
    Sechs Templates und diverse Layouts mit verschiedener Spaltenanzahl.
  • Jimmy Lin
    Acht einfache Templates
  • Layout Gala
    40 Layouts folgen demselben Schema.
  • Little Boxes
    16 Layouts, ein Klassiker
  • Changingman
    Ein einzelnes dreispaltiges Layout. Ausgeführt als Liquid Design.
  • Mollio
    Ein Template in sieben hochwertigen Varianten. Inklusive eines kleinen Styleguides im PDF-Format
  • Open Source Templates
    15 recht schicke Templates
  • OSWD
    Ein riesiges Angebot von Templates aller Arten, aber weitgehend unsortiert.
  • OSWT
    Ein ebenfalls großes Angebot. Mit besseren Such- und Sortiermöglichkeiten. Viel Werbung dabei.
  • Maxdesign
    23 Layouts und Problemlösungen
  • Six Shooter Media
    15 Templates
  • Solucija
    19 Templates, leider ohne nähere Angaben zur Verwendbarkeit.
  • Tinderbox
    Ein Layout in Variationen
  • Yahoo! UI Library: Grids CSS
    Eine komplexe Lösung für viele Probleme. Es wird gerastert. Ein Prinzip, das aus Bildbearbeitungs- oder Layoutprogrammen bekannt ist.