Creativity is thinking up new things. Innovation is doing new things. — Theodore Levitt
Constantine and Lockwood describe a collection of principles for improving the quality of your user interface design. These principles are: - User Interface Design Tips, Techniques, and Principles
- The structure principle. Your design should organize the user interface purposefully, in meaningful and useful ways based on clear, consistent models that are apparent and recognizable to users, putting related things together and separating unrelated things, differentiating dissimilar things and making similar things resemble one another. The structure principle is concerned with your overall user interface architecture.
- The simplicity principle. Your design should make simple, common tasks simple to do, communicating clearly and simply in the user’s own language, and providing good shortcuts that are meaningfully related to longer procedures.
- The visibility principle. Your design should keep all needed options and materials for a given task visible without distracting the user with extraneous or redundant information. Good designs don’t overwhelm users with too many alternatives or confuse them with unneeded information.
- The feedback principle. Your design should keep users informed of actions or interpretations, changes of state or condition, and errors or exceptions that are relevant and of interest to the user through clear, concise, and unambiguous language familiar to users.
- The tolerance principle. Your design should be flexible and tolerant, reducing the cost of mistakes and misuse by allowing undoing and redoing, while also preventing errors wherever possible by tolerating varied inputs and sequences and by interpreting all reasonable actions reasonable.
- The reuse principle. Your design should reuse internal and external components and behaviors, maintaining consistency with purpose rather than merely arbitrary consistency, thus reducing the need for users to rethink and remember.
Material Design Principles - Google
- Material is the metaphor: A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic.
- Bold, graphic, intentional: The foundational elements of print-based design—typography, grids, space, scale, color, and use of imagery—guide visual treatments. These elements do far more than please the eye. They create hierarchy, meaning, and focus. Deliberate color choices, edge-to-edge imagery, large-scale typography, and intentional white space create a bold and graphic interface that immerse the user in the experience.
- Motion provides meaning: Motion respects and reinforces the user as the prime mover. Primary user actions are inflection points that initiate motion, transforming the whole design. All action takes place in a single environment. Objects are presented to the user without breaking the continuity of experience even as they transform and reorganize.
Android Material Design UI 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 menu, header, card profile, chart, dials, full photo box, important window, card, simple card, tab card, photo, tab window, white tab, vertical menu, search, buttons, dropdown, toggles, tooltips, calendar, forms , as well as many other components.
Menu, Header, Card Profile, Chart, Dials, Full Photo Box, Important Window, Card, Simple Card, Tab Card, Photo, Tab Window, White Tab, Vertical Menu, Search, Buttons, Dropdown, Toggles, Tooltips, Calendar, Forms
Created by Ionut Bondoc.
Enjoy this freebie and want to show support? Spread the word.
Download, share and enjoy!
We hope you enjoy this freebie and find it useful!