Learn and Design Web and Mobile User Interfaces

10 Free CSS Ghost Button Code Snippets

Just about every website uses buttons. They might be used for CTAs, basic contact form buttons or something else altogether. Regardless, you’ll want to figure out your site’s button design…

10 Best Free Monospaced Fonts For Code Snippets

Webfonts are all the rage these days for practically every website. We often use them for page headings as well as body text. But you can also use them for…

Recognizing and Avoiding Common Web Design Mistakes

When you design your own website, several unexpected hurdles start to emerge. You might have trouble working with custom code, or maybe your site isn’t getting the number of visitors…

Does Gutenberg Address the Needs of the Average WordPress User?

With WordPress in the process of preparing the new Gutenberg editor for full release in version 5.0, there are a ton of opinions on the change. I recently witnessed a…

50 Responsive HTML & CSS Web Templates for 2018

If you want to take your design skills to the next level, save time when setting up sites, and simply look more professional right out of the box, you need

…

The Five Icon Design Trends to Look out for This Year

Icon designers are constantly coming up with new and creative ways of styling graphical representations.

Hi-Res Christmas Mockup Scene Generator – only $14!

It’s the season to start generating mockups! Now you can easily show off your logo, branding or designs in a variety of Xmas Mockup Scenes. With this scene generator, you…

Designing a Great Icon For Your Mobile App

Every day thousands of people browse the App Store and Play Store in search of utilities and entertainment. Behind every search and download is desire – a desire to solve…

Rapidly Move From UI Idea to Prototype with Mockplus

The creative spark of an idea is something every designer looks forward to. What makes the whole experience even better is taking that idea and turning it into something you…

How to Design a User-Interface in Adobe Photoshop

In this tutorial, we will be creating a small user-interface element. Most of the attention will be given to the slider, however, we will do our best to improve the overall look of the interface element.

Create an iOS-Inspired Flat Countdown Timer in Adobe Photoshop

In this tutorial, we're going to show you how to create a simple, iOS-inspired countdown timer and wallpaper in Adobe Photoshop.

How to Create a Modern Music Player UI Using Adobe Illustrator

You will be learning how to create a Music Player UI using Adobe Illustrator. The UI will be built using minimalist and flat design principles.

Tag: UI Design