article:
Mobile & UI: Fitness Mobile App UI (PSD)
article:
UI: Web UI Components (PSD)

Mobile & UI: Music Player Concept Mobile App UI (PSD)

Advertisement

As far as the customer is concerned, the interface is the product. — Jef Raskin

The path to success as a type designer isn’t easy. An aspiring type designer must walk the line between artist and technician. - How To Design a Typeface: Mark Simonson’s Process

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! Ideally for mobile app designs. This set comes with info graphics elements, player, player list, play music and more.

Preview


music player, player, player list

Mobile & UI: Music Player Concept Mobile App UI (PSD)


Created by Kseniya Yushkevich for Touch Instinct.

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

Enjoy Downloading this freebie!

Just add minor changes and get the design you need.

Advertisement
Tags: music player, player, player list, mobile, application, android, ios, apple, google

Leave a Comment

No Comment

© Creative3x Ltd.