Jun 19 2014

Solid: 30 Free GUI, Icons and Website PSD Templates Featuring Contour-style Graphics

Advertisement

Trends in web as well as in mobile design tend to come and go like fashion. Truly devoted UI designers only catch on those that are worth it. Nowadays flat style runs the show. Microsoft’s Metro UI started the trend, while Apple’s iOS7 gave it the real boost.  Designers all over the world give preference to plain shapes, simple graphics, minimal coloring, bold typography and the absence of various lavish effects when it comes to prototyping website and mobile app interface designs. Flat style involves the use of various elements starting at icons with long shadows and not ending up at line-style graphics.

Speaking of line-style graphics, we are starting to see another strong trend. So-called “ghost” buttons, contour style icons, functional blocks and areas with bold borders have started to flood the web and mobile interfaces recently. Despite of having transparent or semi-transparent canvases they nicely stand out even from a video or fully illustrated backgrounds, though, to be honest, they look best on solid color backdrops. Simple and sharp typography effectively co-works with this type of graphics as well. Moreover, by adjusting the thickness of a border stroke you can easily adapt it to various designs.

Today’s collection is dedicated to these new tendencies. We’ve curated three main categories: GUIs, website layout templates and icons.

GUIs will help you to quickly gather interfaces, literally brick-by–brick, whereas icons will add finishing touches to your projects. And if you want to get some inspiration and explore some excellent samples, you can set your eyes on our free website layout mockups that demonstrate how contour-style components should be properly implemented into website design. We hope you like what you get to see…

The White Stripes UI Kit 

white stripes

Creator: Valik Boyev
Features: Checkboxes, forms
License: Free for personal and commercial use.

Elegant Outline GUI Set part 1 

outline ui

Creator: Land-of-web
Features: Navigation, buttons
License: Free for personal and commercial use.

ios7 style ui kit 

ios7

Creator: Mahmoud Fahim and Mohamed Marakshy
Features: Navigation, slider
License: Attribution Non-commercial.

Reach UI Kit 

reach ui

Creator:Piotr Makarewicz
Features: PSD, Fonts
License: Free for personal use.

Flat Style & iOS 7 Line Style UI Kit

flat ui

Creator: Graphicsfuel
Features:  Buttons, bars
License: Free for personal and commercial use.

Simple UI Pack 

simple ui

Creator: Samuel James Oxley
Features: Widgets, calendar
License: Attribution Non-commercial.

Mobile Wireframe Kit 

mobile ui

Creator: CssAuthor
Features: Mobile ui kit
License: Free for personal and commercial use.

Flatimus iOS 

flatimus

Creator: Satys
Features: Retina ready ui
License: Free for personal use.

Flat + Transparent UI 

transparent

Creator: Monkee-boy
Features: Buttons, checkboxes
License: Free for personal and commercial use.

Vector Wireframe Kit & Symbol Library

vector wireframe

Creator: Giles Newman
Features: Frames, buttons
License: Attribution Share Alike.

Basiliq 

basiliq

Creator: CloudCastleGroup
Features: Widgets, frames
License: Free for personal and commercial use.

Line and Vector UI

line

Creator: Saqib Ahmad
Features: Forms, slider
License: Attribution Non-commercial.

Free Agency Web Template 

agency

Creator: CssAuthor
Features: PSD template
License: Free for personal and commercial use.

Minimalist PSD Landing Page Template 

minimal

Creator: Techandall
Features: PSD template
License: Free for personal use.

Moose Free Homepage 

moose

Creator: Elemisfreebies
Features: PSD template
License: Free for personal use.

Elegant Coming Soon Page 

coming

Creator: Land-of-web
Features: PSD template
License: Free for personal and commercial use.

One Page Portfolio 

one page

Creator: Techandall
Features: PSD template
License: Free for personal use.

BrandaLoka 

banda

Creator: Andreansyah Setiawan
Features: Portfolio page
License: Attribution Non-commercial.

Treehouse 

treehouse

Creator:Freebiesxpress
Features: PSD template
License: Free for personal use.

Simple Line Icons 

simple line

Creator: Mirko Monti
Features: Assorted icons
License: Free for personal use.

Icons

squared

Creator: Martin J.Berthelsen
Features: Squared icons
License: Free for personal use.

iOS7 Vector Icons 

ios7 icons

Creator: Streamlineicons
Features: 100 icons
License: Free for personal use.

Pictograms Giveaway 

picto

Creator: Jamila Hodges
Features: Instruments, devices
License: Attribution Non-commercial.

Nasty Icons 

funny

Creator: Nastyicons
Features: Vector icons
License: Free for personal use.

Stripes & Co – A Line-Styled Icon Set 

speckyboy

Creator: Speckyboy
Features: Assorted icons
License: Free for personal and commercial use.

Simple Weather Icons 

weather

Creator: Dan Vierich
Features: Weather icons
License: Royalty-free.

Vector Outline Icon Set 

icons2

Creator: Techandall
Features: 400+ icons
License: Free for personal use.

Gicons

gicons

Creator: Designbeep
Features: 100+ icons
License: Royalty-free.

Icon Square Ilepixeli Set

squared3

Creator: Piotr Makarewicz
Features: Assorted icons
License: Free for personal use.

Thin Rounded Icons 2 

round

Creator: Sebastien Gabriel
Features: Circular icons
License: Free for personal use.

That’s it for today. How did you like our roundup of outline-style:solid? Did we miss the best parts? Add them in the comments. Which one is your favorite?

(dpe)

About the Author

Nataly is an internet entrepreneur and an amateur web designer and developer from Sevastopol, Ukraine. She is running a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unveils the secrets of the world and plays volleyball.Visit her blog or follow her on twitter

Leave a Reply

Comments are moderated - and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!

comments form
search form
 
image description image description