UICloud Blog

  • features

    Apps UI Design Trends – Balance between beautiful Designs and Usability

    by Gul · Jan 14, 2013 · 1 comment

    If you are an app developer or designer, you surely know how challenging it is to design something that is creative and effective at the same time.  As a designer you need to know that sometimes the smallest details can make your app stand out from the crowd. Today we see thousands of apps with […]

  • feature

    Let’s Design an Under Construction UI

    by Gul · Dec 10, 2012 · 4 comments

    Hi guys, Today we will create an under construction UI. We all know designing an effective under construction page is very important when you are launching a new site or product. As it helps you connect with your visitors/users, they can subscribe to get the latest news about your site or product.  So today we […]

  • Themefuse-Giveaway

    Free Giveaway: 3 Premium WordPress Themes from Themefuse

    by UICloud · Dec 7, 2012 · 33 comments

    The experts over at ThemeFuse decided to give away 3 WordPress themes licenses to the readers here. The possibility of getting something free is always nice! Today’s giveaway is something that anyone who has a WordPress blog or who is thinking of starting a WordPress blog is going to love. The winners will get access […]

  • responsive-column-layouts

    Responsive Column Layouts

    by Nick La · Dec 3, 2012 · 1 comment

    Typically, to create a column layout, you would need to add the first or last classes to reset the margin space and clear the float. Today I’m going to share a very simple CSS trick to create a responsive column layout using nth-of-type pseudo class. I use this trick to code the WordPress themes at Themify. […]

  • sliders

    Design a Clean and Stylish Image Slider in Photoshop

    by Gul · Nov 26, 2012 · 1 comment

    Many websites use image sliders to grab the attention of the visitors instantaneously. Due to their eye catching quality sliders are considered among the best way to display your imagery, products, offers or anything you want to highlight. So, let’s design our very own web slider from scratch today. In this way, you’ll be able […]

  • bootstrap_v_foundation

    UI Cage Match: Bootstrap 2.2.1 vs. Foundation 3.2

    by Ezequiel Bruni · Nov 22, 2012 · 33 comments

    And so it begins. Come one, come all! Today, we’re sticking the social networking giant known as Twitter, and the design firm ZURB together in a cage, and we’re not letting them out until one of them is dead! Or until we know which of their UI frameworks is better! Or until I get tired […]

  • feature-image1

    Let’s Create a Clean and Effective Login Form

    by Gul · Nov 17, 2012 · No comment

    Hi guys, today I’ll walk you through the process of creating a clean and effective login form in Photoshop. We will use various shape tools, pen tool and different layer styling techniques to achieve the final product. Hope you’ll learn some handy tips along the way. So, let’s get started! Resources: Wood Patterns Final Result: […]

  • grooveshark_title

    Grooveshark: a UI Case Study

    by Ezequiel Bruni · Nov 12, 2012 · 1 comment

    Introduction As UI designers, we spend a lot of time obsessing over small details. “Is there enough contrast on this button? Are users clearly understanding its purpose? How about that micro-copy, is it clear enough? Is there enough white space in between…” and so on, and so forth. There are many, many rules, best practices, […]

  • feature-image-vol

    Create a Sleek and Stylish Music Player Interface for iPhone in Photoshop

    by Gul · Nov 9, 2012 · 2 comments

    Photoshop is adored by most of the designers around the globe. It has much to offer, you can design almost anything you want in it. Today, I’ll show you how to create a sleek and clean music player interface for iPhone in Photoshop. We’ll be using various shape tools, pen tool and different layer styling […]