Related images from iStock | Save Now arrow-right

835 free ui design stock PSD templates and mockups

ui design Photoshop files for personal and commercial use

Simple Web Buttons
Just thought I'd make some simple web buttons. They can be re-colored very easily by using the Gradient Effect on each button. This file includes a .PSD Photoshop document so you can customize it how you like. Each layer is very well organized and has been placed into groups for easy customization. You can also re-scale these buttons to any size since it was made in vector format. - Font used: Arial - Re-sale and or re-distribution is strictly prohibited. - Remember to link back either to this post or this website, http://icondeposit.com - Enjoy :D
active black blue

Simple Web Buttons

Freebers: Free Web Template
Designers are crawling all over the cyber space with their design resources and websites! So, how do you pick the right one among the millions of others? Well, for starters, through this website template! This free web template gives design freebies for the other millions of designers who are in search of professional, good quality design freebies. With this website template, you’ll be able to present your freebies in an attractive layout categorizing the design freebies in popular, new and random tabs. Users will also be able to search for a particular PSD, vector, icon or template through a search bar at the top, or browse through the entire collection by clicking show all. Think of this free web template as a search engine for designers who wish to be updated on the latest trends in web design and have a handy resource from which to download them. Download this free website template today! Fonts: Museo Slab
button flat design social media icons

Freebers: Free Web Template

Simple Button
<p><img class="alignnone size-full wp-image-4498" alt="simple button1 Simple Button" src="http://www.freebiesgallery.com/wp-content/uploads/2012/12/simple-button1.png" width="700" height="400" title="Simple Button"/></p> <p>Hello Freebers! Enjoy these simple button designs as our freebie of the day! If you’re looking for a simple button, then you can choose among our collection. These <a href="http://www.freebiesgallery.com/buttons/">web buttons</a> are fairly simple in their design and since this is a flat buttons set, in light grey, which of course you can change later to suit the colour scheme of your website, they will look great with modern web sites.</p> <p>In this simple button design set, you’ll find variations of big, small, rectangular, square and icon buttons to choose from. Download this flat buttons set today!</p> <p>Happy Designing!</p>
button flat design UI

Simple Button

Delete Button
<p><img class="alignnone size-full wp-image-4511" alt="delete button psd Delete Button" src="http://www.freebiesgallery.com/wp-content/uploads/2014/02/delete-button-psd.png" width="700" height="300" title="Delete Button"/></p> <p>Our Freebie of the day is this <a href="http://www.freebiesgallery.com/simple-button/">simple button</a> that you can use whenever and wherever you want to perform a delete function on your website, so if you’re looking for a delete button, download this freebie today!</p> <p>Its web button <a href="http://www.freebiesgallery.com/gui/">GUI</a> is clear and easy to understand at a glance with the neat design and icons so users will be have no ambiguity when they are about to perform a delete function. For this reason, a precautionary button is added so users can be sure they want to delete something. It displays these options when the users hover their mouse over it and asks to confirm the action before clicking the final option. So, it’s a complete flow of a delete button.</p> <p>Happy Downloading!</p>
button flat design user interface

Delete Button

Flat Buttons PSD
<p>Hi guys! In today’s post we’ll be sharing Flat Buttons PSD with you as our freebie of the day! When you’re designing a flat website design, these <a href="http://www.freebiesgallery.com/flat-buttons/">flat buttons</a> will come to your rescue and adorn your website with their cheerful colors and cute little icons. They are all of the same color family, so you’ll find them quite handy if you’re designing websites with the same or similar colors.</p> <p>We have already shared some great resources with you in our previous posts about flat designs, so you can readily use these <a href="http://www.freebiesgallery.com/tag/flat-design/">flat button freebies</a> and feel free to customize them as they are available in psd format. To get your website started, or if you’re making a website mock-up, then these flat buttons will help you and your client to envision exactly what your website will look like. So go ahead and grab it!</p>
button flat design UI

Flat Buttons PSD

Flat Login PSD
<p>In previous posts, I have shared with you a number of login psd templates including <a href="http://www.freebiesgallery.com/admin-login/" target="_blank">Admin Login</a>, <a href="http://www.freebiesgallery.com/login-template/" target="_blank">Login Template</a>, <a href="http://www.freebiesgallery.com/login-web-page-template/" target="_blank">Login Web Page Template</a>, and <a href="http://www.freebiesgallery.com/login-page-template-psd/" target="_blank">Login Page Template</a>.</p> <p>Today I bring you another modern and beautiful flat login design. I created this design using the flat design method because flat designs are all the rage these days. It also includes social media login options, which have become an essential feature for modern websites.</p> <p>I hope you’d like my design effort and share your feedback in comments.</p>
flat design UI template

Flat Login PSD

App Steps
<p>Today’s freebie is an iOS app steps design.</p> <p>If you’re into mobile development, you would know that many mobile apps are made up of multiple screen flow. For example, if you want to design a <a href="http://www.freebiesgallery.com/registration-form-template/">sign-up/registration</a> flow for an app, you can break it up into multiple steps. If handled correctly, this step-by-step screen design can dramatically improve the user-friendliness of any app flow.</p> <p>The featured freebie is a four-step design. The completed step has a green shade. The step the user is on is blue, while the incomplete steps are white.</p> <p>Download the PSD file and and trust your creative flow to modify it fit your requirements.</p>
iphone retina display ui design

App Steps

Modal Box
<p>Today’s freebie is a modal window. This is a confirmation message window with a title bar at the top and a , u"’": uquestion statement’ in the middle.</p> <p>The two buttons, , u"’": uYes’ and , u"’": uNo’, in the lower half of the modal window have colored backgrounds with the text in white.</p> <p>Hope you’d like this modal box freebie. Please download to Confirm!</p> <p>You may also like these related PSD files: <a title="Popup Modal Window PSD" href="http://www.freebiesgallery.com/popup-modal-window-psd/" rel="bookmark">Popup Modal Window PSD</a>, <a title="Shopping Cart Modal Window PSD" href="http://www.freebiesgallery.com/shopping-cart-psd/" rel="bookmark">Shopping Cart Modal Window PSD</a> and <a title="Upload File" href="http://www.freebiesgallery.com/upload-file/" rel="bookmark">Upload File</a>.</p>
modal box ui design object

Modal Box

iPad App Design - Email Client
<p>We are living in a wired world. Most of us cannot imagine living without the communication devices we always carry with us.</p> <p>Email is among the most important modes of electronic communication. We use emails for our personal as well as official communication. The importance of email at the workplace can not be overemphasized.</p> <p>Today I have created an iPad app design for email client. I have tried to create an iPad app design that fully supports retina display. In this email client freebie I have used large design elements to make the app easier to navigate.</p> <p>Let me know what you think of this freebie. You can use a cool email client to do that.</p> <p>You may also like: <a title="Action Bar (PSD)" href="http://www.freebiesgallery.com/action-bar-psd/" rel="bookmark">Action Bar (PSD)</a>, <a title="Windows-Style Mobile Dashboard" href="http://www.freebiesgallery.com/windows-style-mobile-dashboard/" rel="bookmark">Windows-Style Mobile Dashboard</a> and <a title="Mobile Dashboard Template" href="http://www.freebiesgallery.com/mobile-dashboard-template/" rel="bookmark">Mobile Dashboard Template</a>.</p>
button icon ipad

IPad App Design - Email Client

Free Photo Editor (PSD)
<p>Life is like a panorama of moving images - cheerful, sad, bright, dark, natural, pretentious. You name a category and the life will show you a countless images for that category.</p> <p>Capturing the pictures of life require an attention to fine detail. Photography seems to be a growing passion for a number of people these days. And you’d find an even bigger number of enthusiasts who can boast of their skills to edit or modify these pictures. After all we humans are imaginative creatures and will make all possible efforts to , u"’": uimprove the natural’.</p> <p>Editing images cannot be considered an area of interest for photographers and designers. Many professionals who don’t fall in these categories or even ordinary people like to use photo editing softwares for different reasons.</p> <p>I’ll spare you the details about what a good application or <a title="GUI" href="http://www.freebiesgallery.com/category/gui/">GUI</a> should look like. But I assure you I had that in mind while designing this photo editor.</p> <p>This is a simple photo editor PSD. A few <a title="Buttons" href="http://www.freebiesgallery.com/category/buttons/">buttons</a>/<a title="Icons" href="http://www.freebiesgallery.com/category/icons/">icons</a> at the top along the horizontal axis, and a few down the vertical axis along the left margin. A couple of icons are in selected or active state. One of them along the left margin also shows its submenu. There is a canvas mode button and a status bar at the bottom of the PSD.</p> <p>You can download this free photo editor and make your own GUI using the same style and elements. Happy Editing!</p>
concept design ui design ux

Free Photo Editor (PSD)

Gradient UI Kit
<p>Here is another UI Kit that I went in a slightly different direction with, using a different gradient than usual, so I named it the "Gradient UI Kit". This has everything from buttons, a profile drop down, on/off gui switches, and much more! Everything is 100% vector and can be scaled to any size if needed. It also includes a Photoshop PSD like always, enjoy :D</p> <p>Re-sale, Hosting this download elsewhere and or Redistribution is forbidden!</p> <p>If used elsewhere, remember to link back to Icondeposit.com or this post.</p>
button buttons checkbox

Gradient UI Kit

Search Field PSD Collection
<h3>Search Field PSD collection created especially for web designers and developers. We have included 14 different search boxes ready to go on any website template.</h3> <p>Do you know the reason why people go straight to the search field psd box when they open a website? It’s pretty simple. Users just don’t like to navigate. They often need just a small portion of what you’ve got. And the typical user will not spend even a second in examining your website but will rather scan it briefly and head straight to the search area. Well, there’s also a small percentage of people that are lost in your website and will immediately look for the search box. So think of designing and developing a search field for your website but be careful. Add a search field only if your page is content heavy or is about to grow up in the near future.</p> <p>The search user experience is also very important. Be aware that most of the users will leave your website after a couple of unsuccessful search queries. So it’s crucial to optimize your search engine and provide useful information. Moreover, don’t place a search field only on the homepage. All pages need a search bar placed in a prominent place. Take that rule by heart.</p> <p>We know that most of the web designers go too crazy when it comes to designing a custom search field. A search box has to be usable and user friendly. But don’t get us wrong, a proper search field should not look boring. Just keep aside from inappropriate designs and overloaded graphics. We strongly suggest you to take a look at our custom search bars. They are clearly visible and easy to recognize. That’s all you need when your website grows up and a search function is needed.</p> <p>Need creative ideas for designing a custom search field? We’ve got you covered, go on and inspire yourself at our <a title="CSS Mayo - CSS Gallery " href="http://www.cssmayo.com/" target="_blank">css gallery</a> and design a top-notch search bar.</p> <p><strong>Note that if you want to spread the word about our freebie, you need to link back to this post. Links to download page or download archive are not allowed.</strong></p> <div id="attachment_4445" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4445" src="http://static.freepsdfiles.net/uploads/2012/09/Search_Field_PSD_Collection_Preview_Big.jpg" alt="Search Field PSD Collection Preview Big" width="594" height="758"/><p class="wp-caption-text">Search Field PSD Collection Preview Big</p></div> <div id="attachment_4446" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4446" src="http://static.freepsdfiles.net/uploads/2012/09/Fully_Layered_Search_Field_PSD_Collection.jpg" alt="Fully Layered Search Field PSD Collection" width="594" height="447"/><p class="wp-caption-text">Fully Layered Search Field PSD Collection</p></div> <p><strong>Resolution: </strong>1680x1050px<br/><strong>File Format:</strong> PSD<br/><strong>File Size:</strong> 0.508 MB<br/><strong>Number of Items in Set:</strong> 14<br/><strong>Author: </strong>Free PSD Files </p>
buttons clean custom search field

Search Field PSD Collection

PSD Rounded Corner Buttons
A free set of rounded corner buttons in PSD format. * 8 Colors * 4 Radius variants * 32 Combinations License: totally FREE FOR PERSONAL AND COMMERCIAL USE, in software, website or templates. The resource may not be resold or sublicensed . Dont redistribute it. If you want to spread this resource to your friends or your blog readers, link to the post: http://www.succodesign.it/?p=1003 ____________________ Visit my blog for other FREE GRAPHIC RESOURCES: www.succodesign.it
button rounded rounded corners

PSD Rounded Corner Buttons

Related images from iStock | Save Now arrow-right