UI

Illustrator Tutorial: How to Create an iPhone Icon
|

Illustrator Tutorial: How to Create an iPhone Icon

Welcome back to another Adobe Illustrator-based tutorial, in which we’re going to take a close look at the process of creating a simple iPhone icon, using nothing more than some basic geometric shapes that we’re going to adjust here and there. 1. Set Up a New Project File As with any new project, we’re going…

The Benefits of Animated UI/UX GIFs Created with After Effects
|

The Benefits of Animated UI/UX GIFs Created with After Effects

I’ve seen this trend becoming much more popular amongst mobile and web designers. Adobe After Effects is a powerful software suite typically used for adding effects into videos. But it can also create animations for user interfaces in smartphone apps, tablets, and website layouts. It takes a lot of practice but After Effects is quite…

Tips For Creating Usable Charity & Nonprofit Websites

Tips For Creating Usable Charity & Nonprofit Websites

How do I create a charity/nonprofit site? Draw your viewers’ attention through high-quality photos Clarify the nonprofit’s purpose and intention right away Ensure your navigation is clean Create bold and attractive donation buttons Great charities and nonprofits all need a stellar web presence. Most people search Google for everything, and charities are no different. It’s easy…

28 Datepickers for Website UI and Mobile Apps
|

28 Datepickers for Website UI and Mobile Apps

User interfaces are littered with buttons and features just waiting for user interaction. While the standard elements are rather simple to design, complex items like date pickers require more attention to detail. This gallery focuses on date picker design for website layouts and mobile applications. Date pickers are commonly associated with calendars and input fields…

Wireframe UI Tips For Complete Beginners

Wireframe UI Tips For Complete Beginners

Interface design usually starts with a quality wireframe. This lays a blueprint for the layout and makes it easier for designers to craft pixel-perfect mockups. But if you’ve never designed wireframes before you might not know where to start. In this guide I’ll share my top wireframing tips for newbies. You’ll learn how to create…

How To Design A Usable Contact Page & Contact Form

How To Design A Usable Contact Page & Contact Form

A usable contact page is crucial for every website. It’s the only way for users to connect with a site owner to ask questions or share suggestions. No doubt, every website needs a contact page. And most modern websites should have their own contact forms to make communication easier. The toughest part is designing a…

30 Flat Analytics Dashboard Charts & Graphs for Website UI Design
|

30 Flat Analytics Dashboard Charts & Graphs for Website UI Design

Online dashboards like Google Analytics are some of the most advanced modern web applications to date. They pull data related to stats, sales numbers, or conversion rates and display this information in sortable charts. Each dashboard has a set of personal needs which can be met through expertise in web design. The following examples are…