19. design이 등장함
• 기능적으로 불필요할지라도 실제 물건을
모방하여 디자인
• 아날로그 요소를 디지털 환경에서 모방하
여 화면 구성
Skeuomorphism Flat Material
• 스큐어모피즘이 갖고 있는 사물의 입
체적인 요소를 배제한 디자인
• 단순한 아이콘, 색 등을 활용해 미니
멀리즘한 화면 구성
• 플랫디자인과 유사하지만 스큐어모
피즘적 특성을 일부 적용한 디자인
• 그림자와 모션을 활용하여 화면 내 층
위 형성하여 화면 구성
20. 디바이스의 제약 없이 일관되고, 통합된 경험을 제공하기 위한 비주얼 랭귀지(Visual Language)
What
48. Principles
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.
Surfaces and edges of the material provide visual cues that are grounded in reality.
The fundamentals of light, surface, and movement are key to conveying how objects move, interact,
and exist in space and in relation to each other. Realistic lighting shows seams, divides space, and
indicates moving parts.
1.
63. Principles
The foundational elements of print-based design
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.
An emphasis on user actions makes core functionality immediately apparent and provides waypoints
for the user.
섬세한 색의 사용, 맞닿아 있는 이미지, 큰 스케일의 타이포,
의도적인 여백은 몰입감있는 인터페이스를 형성함
따라서, 강조와 중요도에 따라 위와 같은 디자인 요소를 사용
73. Principles
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.
화면의 전환은 끊기듯 갑작스럽게 이루어지지 않으며
특정 움직임을 삽입해 화면이 바뀌는 과정을 보여줌
잉크의 퍼짐을 기본적인 속성으로, 그림자와 광원을 이용해
생동감, 입체감, 공감감 부여
85. Properties
Physical properties
• (1) Has varying x y dimensions and a uniform thickness (1dp)
• (2) Cast shadow
• (3) Content is displayed on material and behave independently of
the material
• (4) Input events cannot pass through material
• (5) Multiple material elements cannot occupy the same point in
space simultaneously
• (6) Material cannot pass through other material.
87. Properties
Transforming material
• (1) Material can change shape
• (2) Material grows and shrinks only along its plane
• (3) Material nerver bend or folds
• (4) Sheets of material can join together to become a single sheet
of material
• (5) When split, the sheet of material will become a whole sheet
again
89. Properties
Movement of material
• (1) Material can be spontaneously generated or destroyed
anywhere in the environment
• (2) Material can move along any axis
• (3) Z-axis motion is typically a result of user interaction with
material
