Artists on Dribbble like to publish their user experience ideas in the form of GIF animations. These interfaces are typically designed in Photoshop and then ported into After Effects for polishing. iPhone apps are the most common interfaces with a wide range of generic animated effects.
Although many of these designs have been created for the iPhone, most effects can be transferred onto any smartphone or tablet device. I’ve included the full GIF animation for each interface along with a link back to the original Dribbble shot. If you have any other unique or interesting UI/UX animations feel free to share with us in the comments section.
Photoshop actions are handy little tools to have in your cache of design goodies, actions allow you to very quickly add in an effect to a photo completely changing how the appearance of the photo.
The effects of these photoshop actions on photos are pretty cool as you can see below and as an aded bonus, they save you a ton of time!
We have a great deal for you all from Photolioa, a WordPress theme shop catering for photographers and artists.
We have 3 memberships to giveaway to our readers. It’s super simple to enter, just tweet out this post and post the link to the tweet into the comments. We will choose 3 winners at random on the 30th June. Enjoy!
Remember the days when you were greeted by cringe worthy, cheesy stock photos on websites – bad times…
Luckily for our eyes, things these days are a little more optimistic. I want to bring you a collection of really handy stock photo resources that provide real, true quality photos that you can use on both personal and commercial projects. A majority of these stock photos are also totally free to use. Yay!
Every web designer requires right tools to do their job. To create a well crafted original designs you certainly need good tools to help you along the way. Finding good tools can be very time consuming and sometimes be the hardest challenge in the field of web design. To save time and find tools you need I have collected a few websites, tools and apps that are essential for modern web designer.
Check out this list below with incredibly useful tools for digital designers. Then, be sure to let me know your favorites (or if I missed your favorite) mention it in the comments section.
The May edition of the ongoing DesignWoop freebies series features a diverse useful design resources you can use. This month has a strong focus on branding and product mockup templates as I was searching for something make use of on a recent design project. Download & enjoy.
Some designers advocate skipping the Photoshop process and moving from wireframes directly into HTML/CSS. This is possible for smaller projects but not always advisable. Adobe Photoshop offers the best tools for testing color schemes, gradients, icons, and detailed page elements before moving the layout into your browser.
If you’re a little rusty in Photoshop then these tutorials should get you back into the groove. I’ve collected 28 web design tutorials centered around Photoshop techniques for designing typical page elements. Most are simple enough that you can follow along without much prior experience in the software. But even the more advanced tutorials can offer insights and help newcomers understand the digital design process.
Icons are a requirement for any web-related project or just application project. Creating your own custom icons for each project is rarely practical as it’s so time-consuming. On the other hand, finding those hidden treasures in a pool of tens of thousands of icon packs also takes time especially if we are talking about free icons.
Today I have collected 15 new free icons sets together. When I was selecting these icon sets I was looking for many different styles to be a good fit for mobile and web projects. Some of the icons are flat style which is still very popular.
On a recent search for a new typeface for a project I came across the free font called Anke Sans, I really loved it and added it to my collection. I wanted to also bring you some of the other fonts I came across, some of which are both free and not free to download.
Hopefully some of these fonts are new to you also and may serve you well for your next project, download and enjoy! You can never have enough fonts to play with.
Understanding how to use Photoshop well requires a lot of practice. You can’t be afraid of testing design effects to see what they look like. But when first getting started the whole process of creating a digital interface can be stressful and off-putting. Thankfully designers are oftentimes happy to release their own designs as freebies for others to study and utilize.
This gallery includes a handful of brilliant PSDs for mobile applications and website layouts. Everything here is free to download and play with on your own. You can learn a lot by opening these files to study how other designers create page elements, add color, and organize the interface. Or you can even use these PSDs as generic templates for structuring your own digital mockup.