article:
Website: Structure - Responsive Premium WordPress Theme Template (HTML5, CSS3, JS)
article:
Mobile & UI: iShop - Mobile Application GUI (PSD)

UI: Flat Design UI Components (PSD)

Advertisement

Design can be art. Design can be aesthetics. Design is so simple, that’s why it is so complicated. — Paul Rand

You are responsible for directing each element’s entrance, performance, and exit. - The Principles of UX Choreography

Flat style is famous for its ability of adding extra flair of sophistication, elegance and neatness to any app interface, making it look more spacious and organized. As a rule, plain graphics and common icons skillfully interact with vivid color scheme, recreating flamboyant touches. Simplicity, absence of styles and effects give the design, at the same time, uncomplicated, and slightly intricate appearance.

Once you know about your user, make sure to consider the following when designing your interface: - User Interface Design Basics

  • Keep the interface simple. The best interfaces are almost invisible to the user. They avoid unnecessary elements and are clear in the language they use on labels and in messaging.
  • Create consistency and use common UI elements. By using common elements in your UI, users feel more comfortable and are able to get things done more quickly.  It is also important to create patterns in language, layout and design throughout the site to help facilitate efficiency. Once a user learns how to do something, they should be able to transfer that skill to other parts of the site.
  • Be purposeful in page layout.  Consider the spatial relationships between items on the page and structure the page based on importance. Careful placement of items can help draw attention to the most important pieces of information and can aid scanning and readability.
  • Strategically use color and texture. You can direct attention toward or redirect attention away from items using color, light, contrast, and texture to your advantage.
  • Use typography to create hierarchy and clarity. Carefully consider how you use typeface. Different sizes, fonts, and arrangement of the text to help increase scanability, legibility and readability.
  • Make sure that the system communicates what’s happening.  Always inform your users of location, actions, changes in state, or errors. The use of various UI elements to communicate status and, if necessary, next steps can reduce frustration for your user.
  • Think about the defaults. By carefully thinking about and anticipating the goals people bring to your site, you can create defaults that reduce the burden on the user.  This becomes particularly important when it comes to form design where you might have an opportunity to have some fields pre-chosen or filled out.

Flat Design UI Components is a large user interface kit for designers and web developers. The pack contains a variety of interesting and useful components that can be used in almost any design project. The pack contains menus, social network elements, lists, image sliders, tags, paginators, breadcrumbs, checkout process, players, timeline, notification windows, calendar and dropdown search, as well as many other components.

Preview


UI: Flat Design UI Components (PSD)


Created by Tesla Themes.

We would appreciate it if you credit our resources and help us to spread this work and name.

Download, share and enjoy!

We hope you enjoy this freebie and find it useful!

Advertisement
Tags: flat design, ui, user interface, usability, input controls, store, e-commerce, ecommerce, commerce, navigational components, informational components, containers, graphical user interface, checkboxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields, date field, breadcrumb, slider, search field, pagination, slider, tags, icons, tooltips, icons, progress bar, notifications, message boxes, modal windows, accordion, interface elements, interaction design, visual design, information architecture

Leave a Comment

No Comment

© Creative3x Ltd.