Skeuomorphic UI

무엇인가

만질 듯한 웹 UI를 위한 표면 레시피. 세로 그러데이션 채움, 1px 반사형 그러데이션 테두리, 겹쳐 쌓은 바깥 그림자와 안쪽 그림자. 양각 텍스트, 아이콘, 미세 질감은 선택입니다.

Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed text or icon details. Use when asked for pressed, carved, tactile, rea

디자인에 왜 중요한가

• 돌출 상태와 눌림 상태가 깊이를 뒤집어, 컨트롤이 물리적으로 읽힙니다.
• 깊이가 방향을 지켜, 빛은 위에서 오고 그림자는 아래에 깔립니다.
• 한 컴포넌트에 글래스모피즘, 뉴모피즘, 스큐어모피즘을 섞지 말라고 경고합니다.

다루는 내용

• Use when
• Surface recipe
• Raised surface
• Pressed surface
• Embossed text and icons
• Micro texture