22 Circular Icon Designs for Websites and User Interfaces

22 Circular Icon Designs for Websites and User Interfaces

Various styles have been adapted over recent years pertaining to icon design. Websites and mobile apps utilize their fair share of icons to convey a much clearer meaning in regards to a user interface. Those with perspicacity recognise the importance of symbolic pictograms. But how do you decide on a theme among the many various styles to choose from?

Although there is no right answer to that question, I’d like to focus on one of the more obscure styles: circular icon design. The beauty of circle-themed icons is how they can break into other themes. Some icons may be more flat while others are more realistic. Any icon-set can become circular as long as the boundaries follow a rounded shape. And each example below is the epitome of design excellence!

26 Mobile App Interfaces using Google’s Material Design

26 Mobile App Interfaces using Google's Material Design

Everyone who’s been keeping up with mobile app design should know about Google Material Design. It’s a new design language created for Android which has extended into mobile apps and websites. Although material design was created for any interface, its primary purpose is to guide mobile designers toward a more functional application UI.

To get you up-to-speed I’ve organized 26 brilliant mobile applications using concepts from Material Design. The online documentation is quite detailed and explains all the major concepts. But words and simple demonstrations are not always enough – sometimes it helps to see what other designers have created. Take a look over this collection to see if you can find any interfaces that catch your interest.

30 Amazing Portfolio Designs

30 Amazing Portfolio Designs

There are hundred of thousand programmers, designers, writers and even developers in every continent. Sometimes it is hard to compete with other professionals, especially when you are a freelancer.

But somehow you need to find a ways to attract customers. One of the way is to create a portfolio website. The key is to make the personal portfolio website as unique and eye catching as possible to make the customer find you and check your work examples.

Since there are already so many websites available for the users to surf, it is crucial to create a personal website in such a way that it stands out in the crowd and states its purpose beautifully. To achieve these ends it is not easy to come up with very different ideas but inspiration, motivation and ingenuity can lead the way to bright results with potential of infinite positive possibilities.

20 Books for Designers to Read in 2015

20 Books for Designers to Read in 2015

Never ending learning is a mindset all the successful individuals have adopted. Design is a complex field that takes years to understand and master. It is no way a separate field and includes many different topics great designers need to dig in, just to mention some, you will definitely need to learn about design history, human behavior, psychology, business and more.

There are many great books out there that will help you to become a better designer and build better products for our world. In this compilation I’ve gathered some great books including classics like “Don’t make me think” by Steve Krug and some new promising pieces published just couple of months ago. Let the 2015 begins with some fresh knowledge.

30 Websites Utilizing Fullscreen Homepage Video

30 Websites Utilizing Fullscreen Homepage Video

It used to be that videos would have taken 20-30 minutes to fully stream over dial-up Internet. But now people can browse YouTube and watch videos streaming from their phone with a 4G connection. This has paved the way for many video-integrated websites including fullscreen background videos.

In this gallery I’ve compiled a series of 30 brilliant websites featuring large homepage video backgrounds. Each layout is structured in a unique yet systematic way according to the video quality and color scheme. Fullscreen background video is a newer trend which has gained a lot of attention over recent years. Use this gallery for both design inspiration and generating cool new ideas in your own projects.

25 Sliding Hamburger Menus for App UI Inspiration

25 Sliding Hamburger Menus for App UI Inspiration

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.

24 Circular Radial User Interface Designs

24 Circular Radial User Interface Designs

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.

28 Website Mockups using Fullscreen Images

28 Website Mockups using Fullscreen Images

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.

20 Examples of Geometry in Web Design

20 Examples of Geometry in Web Design

Web is just another medium for designers to portray their creations. Personally I find inspiration anywhere I go, parks, cinema, airports, libraries, also reading physical books, magazines and other publications spark a lot of ideas.

Web design can even be influenced by geometry and all the weird shapes you hated at math classes. Sharp corners, interesting angles, pure circles and more can be implemented in web design to stylize the look and feel of the website and give that memorabilia advantage to your competition.

In today’s compilation I’m sharing 20 latest examples of geometry used in web design.