Smartphone mobile apps have taken the design world by storm. Even most web designers have taken a liking to app design by learning the common dimensions and interface elements of Android and iOS devices. One such example is the sliding drawer menu, also putatively called the hamburger navigation.
While these sliding nav menus are not perfect for every situation, they do provide an exceptional solution for applications with a lot of content. In this gallery I’ve put together 25 examples of stunning hamburger-style menus of all shapes and sizes. Whether you’re designing a new application or just trying to understand the creative process these examples will prove to be quite inspirational. Read More
Although circular interfaces have been common since the iPod it has been a slow transition from physical into digital. Nowadays modern interfaces are just as much physical as they are digital. Touchscreen’s have completely changed how we interact with devices and they’ve given a breath of fresh air to interface designers everywhere.
In this post I’d like to highlight a choice selection of prime cut radial interfaces. Locally designed with no growth hormones, these circular interfaces are sure to inspire with their delectable beauty. Whether you’re creating a mobile application or website interface these radial interfaces can offer a unique palette of ideas into your visual spice rack. You might also try re-creating these interfaces using Photoshop or Sketch just for a bit of design practice. Read More
Let’s face the facts: anything that takes up the entirety of your computer screen is going to draw some attention. Fullscreen images have been used in backgrounds and slideshows for quite a few years now. But ever-improving Internet connections have allowed for much larger images that relate better to content on the page. This style is predominantly seen on the web and looks fantastic in the right context.
For this gallery I’ve organized a series of 28 sample website mockups using fullscreen hero images. When crafting your own mockup it helps to look over what others have done for some inspiration. Take these ideas into your own workflow and see what you can build. Read More
Modern web design trends have evolved from archaic despots of fixed HTML4 layouts into the realm of parallax animation, flat graphics, and responsive layouts. This transition has been accompanied by a growing attachment to interactive websites with user profiles. So it should come as no surprise that login & signup forms can be seen everywhere and they probably wouldn’t make great Halloween costumes.
Even though these forms aren’t very shocking they have come a long way since the early 2000s. More UI trends have been implemented to create sleek and readable input fields meant to invigorate user interaction. This gallery has plenty of brilliant login/signup form examples and some even offer free PSD downloads. Read More
The process of creating a website varies dramatically based on the content. An ecommerce site will require more elements than a simple portfolio page. So creating a website with a focus on multimedia is often graphically-oriented with a focus of visually and conceptually sharing information. Read More
Apple’s newest operating system has simplified the app design process. Mobile UI design now focuses on flat elements with simple buttons and line icons. Although there are plenty of great apps out there it’s tough to know which ideas are best for UI inspiration.
In this gallery you’ll find 34 lucrative dark iPhone application interfaces. Most of these designs are just simple mockups but a few have been released live on the app store. If you want to internalise more about iOS7 or iOS8 then these examples should get you started on the right track. But remember to keep practicing and don’t be afraid of trying new ideas! Read More
A visitor will always be judging your website from the first pageload. Sometimes this could be an internal page but most of the time people will land directly onto your homepage. The job of a web designer is to captivate their audience with a stunning homepage layout complete with beautiful graphics, usable navigation links, and plenty of relatable content. The problem is that every homepage looks different so there is no winning formula – but it’s precisely because of these differences that a homepage will stand out from the masses.
In this post I’ve organised a series of homepage website layouts from Dribbble designers. Some layouts have gone live on the Internet while others have been posted simply as design mockups. Either way you can learn a lot from these homepages to determine what you like, what you don’t, and figure out why certain designs make you feel all warm and fuzzy inside. Read More