Simplicity — the art of maximizing the amount of work not done — is essential. — Agile Manifesto
User interface design is prettying the pixels up. It’s a component of user experience design. It’s no less important than any other part of the process, and a huge part of what constitutes a great user experience. Many people think this part of design is really the whole shebang, but they’re wrong. It makes the experience aesthetically pleasing, but good UI design on poor UX design is still poor design. — Steve Hickey, User Interface Designer & Developer at Fresh Tilled Soil
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.
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.
This freebie is a great package for starters, save your time using this small kit on your next project!
Mobile - Pieces Screens
Mobile - Screens
Created by Jakub Kośla.
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!