Web Design Dev

200 Awesome FREE Metro Icons Set From Freepik

Web Design — Thu, 23 May 2013 14:39:00 +0000

Today we have an amazing FREE 200 icons set from Freepik, available in both AI and PNG and in 3 sizes: 32 px, 64 px and 128 px. Freepik is a search engine tool that tracks and locates free illustrations, vectors, photos and psd to help designers in their work, saving time and money. Freepik’s robot looks at a dozen of websites to find the best free resources and offers them according to quality and relevance criteria.

Download

Here’s a preview of the icons:

File format: AI, PNG.

Sizes: 32 px, 64 px, 128 px

Currently, Freepik has located more than 1.4 millions files to download and has become one of the best resources on the web for designers. Here you can see Freepik in action:

Download this icons set

And make sure to check all other amazing design resources at Freepik.

20 High Quality Retro Web Elements

Iggy Ko — Wed, 22 May 2013 20:28:55 +0000

This collection of free PSDs contains some really cool vintage and retro web elements, for you to use in your website designs. You’ll find everything from icons to patterns and badges! Add them in your resources collection andif you’re looking for more vintage inspiration, don’t forget to check out these 10 Vintage Photoshop Tutorials and 10 Must Have Free Retro Fonts.

Retro Web Ribbons

A complete set of retro and vintage web menu ribbons, retro social icons, vintage web buttons. Ideal to create a vintage web design and make your project stands out. You can easily change colors on the psd to make your custom theme.

Retro Web Icons

This set is awesome because it contains many high quality, detailed icons made by some really talented designers!

Retro Flip Clock

Want a different type of clock design to insert in your website? Check out this retro inspired flip clock in PSD format.

Profile menu

The style for this menu is a bit retro and the PSD has both files for closed and open states.

Pretty Little Postage Stamp

The design itself is pretty simple, an aged British postage stamp. You can replace the photo with your own, someone else’s or perhaps even a logo.

Retro Icon Set

This is a cool, minimalist style, vintage icon set which will make your retro design stand out from the crowd.

OldSchool icon set

The OldSchool icon set contains 6 icons. Each icon is available in 16px, 32px, 64px, 128px and 256px size. These are free to use in both commercial and non-commercial projects.

Vector Retro Vintage Badge

An awesome vector retro vintage style badge with a tutorial, so you’ll learn how to make it yourself!

Vintage newsletter form

This is a vintage style newsletter form. You can use it for a coming soon website, or maybe in a newsletter form of an existing website!

Psd Retro Badges

A set of 6 original vintage and retro badges with different styles and colors to make your product or service shine. They come with fully editable text layer in psd format.

iOS Retro Cassette Icon

This is a cool, 3D, iOS Retro Cassette Icon.

Retro Badges

Here you have a pack of 4 retro/vintage badges perfect to use as buttons or as promotional graphics for your website. These retro/vintage badges are fully scalable, and have been organized into easy to edit layers.

Free retro eye pattern

This is a cool, retro eye pattern texture which you can use free in your designs!

Vintage Icon Set

This is a vintage icon set with some unusual icons. They can look great in a retro themed website!

Vintage Stickers Badges

A set of 8 great retro stickers and vintage badges. They come with neat textile textures for a warm and fuzzy feel. Ideal to present a service or product offer with class. All text layers are editable on the psd file.

Vector Vintage Labels

4 vintage vector labels to make your design refine and nostalgic. Any retro design is not complete without its vintage labels and here is our take on those with a subtle touch of modernity in the design.

Admit One Ticket Stubs

Available in yellow and pink, these stubs are pretty much good to go, perfect to use in retro themed websites or designs.

Vintage Book Textures

18 quality vintage textures! These are great for type and illustration inspiration as well as good texture resources.

Retro UI Kit

A free psd for a retro UI kit. The kit has a navigation, social icons, a grid patterned background, and more. Great for creating designs where you want a retro feel through colors, textures, and element styling.

Free Vintage Design Icons

These are 50 free icons which are perfect for vintage inspired designs!

20 Fantastic Free Forms PSDs

Iggy Ko — Tue, 21 May 2013 17:27:05 +0000

Designing forms and fields in Photoshop may be boring, especially when you have a whole website to think about and to finish it fast. That is the reason why we handpicked the best forms and fields in PSD formats, which are free to use by you in your projects. You’ll find everything you need in this list from login and payment forms to awesome search fields. Check them out!

Elegant Login Form Design

This is an elegant login form design. It would make a nice addition to a clean, simple site.

Newsletter Sign-Up Form

Although simple, the sign-up form is everything you ever really need with this kind of form; a field, a button and some responses. As always the download includes the editable PSD.

Form Element Styling

The PSD includes styles for text fields, select boxes, checkboxes, radio buttons and a main submit button – enough to get you started!

Clean & Simple Signup Form

The design simple enough to be adapted or extended to fit a variety of sites. As always the download includes the editable PSD.

Search boxes

The download includes the fully editable layered Photoshop file. Each search box comes with hover effect.

Credit card authorization form PSD

This is a credit card authorization form. Nice for any ecommerce site.

Modal Box Contact Form

This is a form inside a modal box which could be triggered by clicking a “contact” button for example – perfect for saving valuable space.

Sign In Form

This sign in form has a unique design with some awesome 3D effects.

Search Forms

Need a search form for your website? Here are a couple of free ones, released as a FREE PSD, with both white and black backgrounds.

Vintage Newsletter Form

This is a vintage style newsletter form. You can use it for a coming soon website, or maybe in a newsletter form of an existing website

Login modal box

This is a simple modal box with login/registration form. The download includes the fully editable layered Photoshop file.

Quick Sign-In Form PSD

This is a quick little sign in form with a simple, modern design.

Clean Registration Form

An example section of a registration form with gorgeous subtle details. It’s split into two columns — a three step overview of the process on the left, and form fields, and upload box, and progress bar on the right.

Login Modal Window PSD

This is a free Login Modal Form with nice, elegant, handwritten fonts.

Coming Soon Splash Page & Signup Form

The design focuses on the single-most important feature, the signup field.

Pretty Little Search Fields

Almost every site could benefit from a search function and these designs fit any kind of website.

Clean & Simple Login Form

Straightforward and simple, exactly what this type of form should be. The design incorporates everything you would expect from a modern login form with a slight twist of the verification notice appearing at the top of the screen.

Login Window 2/Lite

A fresh, refined log-in window. Updated to work on light backgrounds and comes with a new green-colored button.

Stacked Login Form

This is a clean login box with a stacked bottom and nice, subtle contrast.

AutoSuggest Form Fields

The download (PSD) includes three input fields, an input field in a normal state, the same field on focus and a field with AutoSuggestion dropdown.

20 Awesome Free Music and Video Players in PSD Format

Iggy Ko — Mon, 20 May 2013 11:59:37 +0000

If you need some really cool resources for your music/video website, this list is just perfect! We’ve gathered 20 of the best, high quality, free PSD music and video players we found. Add the freebies you love to your collection and save precious time next time you start a web design project.

Don’t forget to also check out these 10+ Awesome jQuery and HTML5 Audio Players and 10 Beautiful WordPress Music Themes.

Audio Player

This is a slim, modern audio player with a cool, flexible design.

Music Tooltip

This cool, transparent music tooltip is definitely a nice touch to your music player.

Super slick music player

Dark elegance music player. Fully grouped, layered, and customizable PSD.

Video Player PSD

Tired of the YouTube skin for videos? Try this awesome dark colored video player in PSD format.

Custom Audio Player Skin

This is a sweet little custom skin for an audio player. If you’re looking to add audio to a site then switching from the default skin could be a good idea.

Compact Music Player

The design includes the track name, artist name, a rating system, track controls and a timeline – certainly enough to be a great little widget for a music-orientated site.

Music Player Skin

This is a beautiful music player skin with 3D buttons and dark colors.

iTunes Inspired Music Player

This is an iTunes inspired music application with a super cool design for all of you Apple fans!

Digital Music Player

This is a digital music player with a set of controls – the music player features a blue LCD display.

iPhone Music Player

This PSD is an iPhone Music Player with a really nice design.

Free Video Player Interface

This is a custom designed video player interface. If you’re producing great video you might want to add a professional touch with a custom video player.

Audio Controls Interface

If you like clean, minimalist designs, then this media player is ideal for you!

Vimeo Player

Cool Vimeo Player, which you can download in a fully layered PSD file.

Video Player

This is a video player with a simple designed, inspired by the characteristics of the Vimeo Player.

A Free Custom Video Player Design

This video player has it all! Share button, fullscreen mode, HD view, just perfect!

Free Video Player Skin

You can use this video player skin for use in your next web design or video project. The file includes all of the layers needed for a full video interface and everything is fully customizable.

Video Player Interface

This is a clean video player interface/skin that you can use as a HTML5 player skin, or any other video player that supports custom skins.

Web Video Player Skin

This is a nice grey video player skin design.

Modern video player

This file has three color schemes – light, dark and combined. You’ll also find big buttons for each color scheme, so you can customize your player and its features.

Circular music player

A simple yet detailed circular player. Should work well with the HTML5 audio tag.

Dunked.com Review – Is It The Best Way to Create Online Portfolio?

Web Design — Thu, 16 May 2013 14:56:30 +0000

Today we will be reviewing Dunked.com, a website that allows you to create a free online portfolio without knowing any code. Let’s look at the benefits of using Dunked.com:

No Coding Necessary

Dunked.com is a completely code-free way to create your online portfolio. I know many of you are not programmers, so being able to create an online portfolio the way you want it without knowing coding is big plus.

Customizable Templates

Dunked.com offers a number of templates for you to choose from for your online portfolio. All of them are pixel perfect, easy to use and very customizable.

Retina-Ready

A big bonus is that the templates are all Retina display ready, ensuring that your portfolio will look great on high-resolution devices.

Responsive

All of the templates you can use on your portfolio at Dunked.com are responsive, so you can be sure they will look great and render properly on any device.

Simple to Edit

You can change layout, typography and colors using a wide selection of preset options. This enables you to make drastic changes without using any coding.

Advanced CSS Editing

For those of you who are well versed in CSS, you can take full control of the look and feel of your portfolio by editing the CSS directly.

Drag And Drop

What makes an online portfolio builder truly great? Drag and drop functionality of course. At Dunked.com you and drag and drop elements so that your page looks exactly how you want it.

Here are a few screen shots from inside Dunked.com:

Sample Portfolios Created With Dunked.com:

Marc Burmich – Illustrator

Christopher Boutille – Web Designer

Josiah Jost – Logo Designer

Chris Francis – Designer

Hugo Gomes – Graphic Designer

Create an online portfolio with Dunked.com

Top 20+ Free PSD Buttons

Iggy Ko — Tue, 14 May 2013 16:09:03 +0000

Using free resources is essential for a designer, using high quality free resources is a must! Why waste time on designing elements like buttons or nav bars for a website, when you can think of the bigger picture. We’ve selected for you 20 of the best buttons we could find, free to modify and use in your own designs. Which button design is your favorite?

Want more free buttons? Check out these 10 High Quality PSD Buttons Sets.

Unique Green & Blue Buttons

These are one of the best Call to action buttons we found on the web! They have great textures, colors and shoadows!

Big Green Button

Perfect for when a regular sized button just isn’t cutting it, this big fat round button should grab a visitors attention with ease.

Chunky 3D Web Buttons

The download includes the original artwork (PSD) for the buttons giving you complete control over their final look.

Call to action buttons

These call to action buttons are resizable vectors available as free psd file. You get styles for both normal and hover state of the button.

Marketplace buttons

These 14 stylish marketplace buttons will add class to your profile, item description, or anywhere you choose to use them.

4 Button Styles

These cool 3D green buttons will surely upgrade your website design.

Simple Download Buttons

A slight variation of the typical web button, these download buttons use a subtle icon to suggest the action of downloading.

Slick UI elements

This file contains resizable, vector UI elements for both light and dark interfaces. It contains buttons (normal + hover), slider, progress bar and tooltips.

Add to Cart Buttons

The buttons come in 3 colours to give you a little flexibility and include the hover state.

On/Off Buttons

These cool 3D On/Off buttons will surely make your design stand out from the crowd.

Beautiful Buttons

Two buttons Buy Now and Free Trial. Would work on and landing page.

Form Message Buttons

These 3 great buttons are perfect to use in a form design. They have nice colors and cool graphics!

Web buttons

These are web buttons in 3 states: regular, hover and active, perfect for a ‘call-to-action’ type of button.

Follow Buttons

These are some great follow buttons which come in 3 states and in both hover and active forms.

Free add to cart buttons

These “Add to Cart” buttons are completely free and open for you to use!

Minty-Fresh Web Buttons

This is a set of minty-fresh buttons for your next website. The download includes the layered Photoshop file making it a snap to customize.

Call to action button

A very simple and sleek call to action button that’s adaptable to a variety of situations.

Twitter & Facebook

Almost every website now has twitter or Facebook fans counter and a button to their fan page or twitter account. Why not combining followers counter and “follow us” button?

Toggle Switch Button

This is a set of sort switches or toggles. Whatever you prefer to call them, this UI element can come in very handy when it comes to toggling content.

Simple Buttons

This is a simple pair of buttons for your clean and elegant designs.

20 Beautiful FREE Ribbon Elements For Your Website

Iggy Ko — Mon, 13 May 2013 18:59:26 +0000

Despite gaining some enemies in the design world, ribbons can still be useful within your designs. We’ve selected 20 of the best designed ribbons elements we could find. You can use them in nav bars, buttons, call to action graphics and more. If you still like ribbons, this one’s for you.

Corner Ribbons

These are some cool ribbons, which you can customize to fit your needs.

Ribbons

This set contains both corner and round ribbons in different colors, which are fully customizable.

Red ribbon

This ribbon is elegant and has some really nice textures. It can be a nice detail on a website or other type of design.

Ribbon Menu

This vertical ribbon menu can be used in a nice retro/vintage website design.

Download button with green ribbon

This is a simple, 3D download button with cool ribbon details. Colors can be modified as you please.

Little Black Ribbon

Despite gaining some enemies in the design world, ribbons can still be useful within your designs. If you still like a ribbons elements this is a great addition to your collection.

Custom Ribbon Header

The custom ribbon header is 960px by 150px and comes with seven different ribbon colors – blue, dark gray, green, light blue, orange, red and turquoise.

Wibbons

These are some cool looking ribbons which would look great in a vintage themed website.

Badge with Ribbons

Nifty badge with ribbon in 2 color combinations for your next web design project.

Layered PSD Banner-Badge

Free Layered Banner, very useful when it comes to headers, titles, presentations etc.

4 Free PSD Ribbon Templates

These are some different kind of ribbons but they have a really nice 3D tape effect.

Stylish Ribbon and Badge

This is a detailed badge complimented with some beautiful ribbon.

Blue featured ribbon

You can easily change the color of the ribbon with just a few clicks. Changing orientation will require a bit more work, but it also can be done in no more than 3 minutes.

Colorful Ribbons

These cool colorful ribbons cane make up a great, fun navigation menu!

Curled date ribbon

This is a layered PSD, very easy to change color scheme. It is also a vector, so you can resize this ribbon psd anyway you like with no quality loss.

Ribbon menu

This is a cool ribbon menu with a very nice 3D effect and overlayed textures.

Pretty Little Folded Ribbon

The download includes the editable PSD making modifications a simple process.

10k downloads ribbon

This is a professional, milestone marker ribbon with a nice 3D effect.

Beautiful ribbon in 3 colors

The ribbon graphic can be used as subtle call-to-action button or highlight a specific piece of item on your website or blog.

360 Project – Ribbon

These ribbons can be used as cool nav bars or if re-sized, as buttons!

20+ Free Slider PSDs

Iggy Ko — Fri, 10 May 2013 16:12:49 +0000

Using free resources is something most designers do, because it saves them a lot of precious time that can be better used in their projects. Having these free resources will reduce the time spent on your next project and so you will be a lot more productive. We’ve selected 20 of the best free PSD sliders we found on the web and gathered them in this list which we hope it will be useful to you. Don’t forget to check out our Web Design Freebies section, for more cool, free resources!

Dark photo slider

This slider has a file with two psd versions (825px and 385px) with titled and grouped layers.

Product Slider

This is a simple and modern slider which can be best used to showcase products in an online store website.

Album Cover Carousel

Perfect for showcasing album covers, this modern slider is great for music websites and also has a pretty cool 3D effect.

Sexy slider

This is a simple slider with a cool fade, 3D effect, perfect for any type of website.

Slider

This is a clean, minimalist slider design which suits any kind f website you wish to design.

Modern image slider

This PSD file is a clean, modern web slider which will be perfect for your next modern and professional web design project.

Clean & Simple Image Slider

The image slider would make a great addition to perhaps a portfolio or indeed any site which could make use of a gallery. The download includes the editable PSD for your own customisations.

Dark Slider with Featured Ribbon

In case you missed the ribbons trend in web design, this is one cool slider you an use in your projects.

Accordion Horizontal Slider

If you need to add a lot of text and slides to your slider, this horizontal accordion slider is the best!

Simple Thumbnail Slider

Perfect for occasions where you need to showcase content on a smaller scale. The download, as always, includes the fully editable PSD.

Modern Web Slider

This is a cool, fully editable modern slider with photo thumbnails below. Perfect for a portfolio website!

Tabbed Slider

A simple tabbed slider that can be customized pretty easy with simple CSS.

Horizontal Accordion / Slider GUI

This is a is a fully editable PSD of a horizontal accordion (or slider) interface. Accordion’s are great for showing off your favorite images, posts, or perhaps compacting a product feature tour!

Photo Dark Slider

Designing a dark themed website? Then this slider is perfect for you!

Slider

This is one cool, 3D slider with very interesting shadow effects.

Slider Controls Freebie

Need cool controls for the slider you designed? Check out this modern design, perfect for any kind of website!

Testimonials slider

Need to demonstrate the confidence of customers? What about small and stylish slider?

Image Slider Controls

The file includes the editable PSD making customizing the controls to fit your needs.

Image Frame Slider

This is a is a simple image slider thingy-ma-bob set on a wooden background. The icons aren’t included in the download.

Dark Content Slider

This slider is perfect for any kind of dark themed website.

20 Best FREE Mock-Up Templates

Iggy Ko — Wed, 08 May 2013 20:39:54 +0000

As a designer, having high quality mock-up templates is essential. Why waste time on creating one yourself, when you can easily find so many good mock-up on the web, for free, and use them for your own work. For those of you who don’t know, a mockup is a model of design that is used to showcase the designers work, whether it is business cards, websites, prints etc. We’ve selected 20 of the best mockups we could find. Hope they will help you showcase your beautiful designs.

Which ones are your favorites? Share your thoughts in the comments below.

Magazine Mockup

This free PSD Magazine Mockup, is totally customizable, the shadows, brightness and perspective can be modified as you please.

Poster Mockup Template

The template is a layered PSD file which allowes you to quickly and easily setup your presentation. The file allows you to create a poster with or without a frame. All elements are editable where possible, which means you can change the colors or the shadows to suit your own style.

Free iPhone PSD Mockup

This iPhone mockup is a layered PSD file consisting of all vector shapes. The screen is editable via a single Smart Layer, which allows you to add your design from a simple copy and paste.

PSD Business Card Mock-Up

This is a PSD business card mock-up template, ideal to bring life to your business card design. Use it to preview before printing, showcase your design to clients or on a portfolio website.

Product Box Mockup

A fully editable product box mockup in Photoshop format using Smart Objects. You can change the box design or size.

Vertical Business Cards Mock-up

This template is great because it is very easy to apply your designs using smart objects, just double click the Smart Layer, copy & paste your artwork, save and you’re done!

Hoodie Template PSD

You can customize your colors with realistic shadows, highlights, zip and pull-string overlays for a great realistic finish!

Smart Objects 3D Book Mock-up

The download comes as a PSD file containing two smart objects for book-cover and spine of the book. The PSD file is created in 300dpi and the size is 4800×4100 pixels.

FREE Magazine / Book Front Cover Mock-up Template

If you are designing your own magazine, brochure or leaflet, this PSD template will surely help you showcase your great designs.

Tshirt Mockup Template Psd

This t-shirt mockup is ideal to present any design on a shirt mockup with your color of choice.

Photorealistic Flyer Mock Ups

This freebie is an awesome flyer / poster mock up template psd, perfect for A5 / A5 flyers and posters.

Responsive Design Mock-up Pack

This Photoshop .psd file uses Smart Objects to place your design screenshots onto the displays, and includes 8 different arrangements for you to choose from.

Corporate Identity Photoshop Mock-up

This is a free Psd file for today is a corporate or brand identity mock up for designers to present their identity design in a modern and pretty way for their clients or for presentation in their portfolios.

Open Book Mockup

Open Book Mockup is a fully layered PSD file that is easily customizable and great for mocking up designs.

Software BoxSet Mockup

This is a great box template with a fully layered PSD file and smart objects features.

Vector CD and CD Case Template

This is a full vector .eps template which only needs Illustrator CS or higher.

DVD Case Template Mockup

This is the DVD case template, perfect to showcase your DVD designs.

Blank CD photoshop template

This is a blank CD photoshop template, isolated on white background with the psd file available for download. You can place your own logo, image, text or message.

Blank white case with DVD, PSD template

This is a DVD case with a blank cover, and a shiny blue DVD disk ready for your content (image, logo and text).

Psd Wine Bottle Mockup Template

This is a realistic wine bottle template. You can easily apply your own wine label template with the use of smart layer, the neck label is also editable.

Top 20 FREE Navigation Menu Bars PSDs for Designers

Iggy Ko — Tue, 07 May 2013 12:15:47 +0000

The navigation menu is the most important element in a website. It structures the content, tells the visitors where to look for information and allows them to navigate on your website easily. It’s very important to have a well-designed navigation menu, and that is why we’ve selcted for you 20 of the best, most beautiful designed nav menu bars. Which ones do you like?