To design is much more than simply to assemble, to order, or even to edit; it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse. - Paul Rand
UI design is the process of taking the way a machine works and translating it into the way a person thinks. — Strategist & Apprenticeship Program Manager at Fresh Tilled Soil
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.
Design Principles - Apple iOS
- Aesthetic Integrity: Aesthetic integrity doesn’t measure the beauty of an app’s artwork or characterize its style; rather, it represents how well an app’s appearance and behavior integrates with its function to send a coherent message.
- Consistency: Consistency lets people transfer their knowledge and skills from one part of an app’s UI to another and from one app to another app. A consistent app isn’t a slavish copy of other apps and it isn’t stylistically stagnant; rather, it pays attention to the standards and paradigms people are comfortable with and it provides an internally consistent experience.
- Direct Manipulation: When people directly manipulate onscreen objects instead of using separate controls to manipulate them, they're more engaged with their task and it’s easier for them to understand the results of their actions.
- Feedback: Feedback acknowledges people’s actions, shows them the results, and updates them on the progress of their task.
- Metaphors: When virtual objects and actions in an app are metaphors for familiar experiences—whether these experiences are rooted in the real world or the digital world—users quickly grasp how to use the app. It’s best when an app uses a metaphor to suggest a usage or experience without letting the metaphor enforce the limitations of the object or action on which it’s based.
- User Control: People—not apps—should initiate and control actions. An app can suggest a course of action or warn about dangerous consequences, but it’s usually a mistake for the app to take decision-making away from the user. The best apps find the correct balance between giving people the capabilities they need while helping them avoid unwanted outcomes.
This kit was designed at iPhone 6 resolution with scalable elements. Screens and elements include login, registration, navigation, location feed, image based menu, gallery slider, stats, and social icons.
This freebie is a great package for starters, save your time using this small kit on your next project!
Created by Bradley Bussolini.
Enjoy this freebie and want to show support? Spread the word.
Enjoy Downloading this freebie!
We hope you enjoy this freebie and find it useful!