디자인 오픈북

디자인 스타일 이름

글래스모피즘과 뉴모피즘 같은 UI 디자인 스타일에는 무엇이 있나요? 플랫, 스큐어모피즘, 뉴모피즘, 글래스모피즘, 리퀴드 글래스, 브루탈리즘, 클레이모피즘이 있고 한 화면에는 하나만 씁니다.

"예쁘게 해 줘" 대신 스타일 이름을 대면 AI가 질감, 그림자, 투명도를 알아서 맞춥니다.

이름과 미리보기

미리보기를 누르면 멈추고, 다시 누르면 재생합니다.

  1. 플랫

    Flat design

    그림자·질감 없이 단색 면으로만

  2. 스큐어모피즘

    Skeuomorphism

    가죽·종이·금속 같은 실제 물건의 질감을 흉내

  3. 뉴모피즘

    Neumorphism

    배경과 같은 색에서 볼록·오목하게 솟은 듯한 부드러운 그림자

  4. 글래스모피즘

    Glassmorphism

    반투명 유리판 뒤로 배경이 흐리게 비침

  5. 리퀴드 글래스

    Liquid Glass

    애플이 iOS 26부터 쓰는, 빛을 굴절시키는 물방울 같은 유리 재질

  6. 브루탈리즘

    Brutalism

    굵은 테두리, 원색, 일부러 거친 배치

  7. 클레이모피즘

    Claymorphism

    점토처럼 말랑하고 둥근 입체감

이렇게 씁니다

  • 한 화면에는 스타일 하나만 고릅니다. 유리 질감과 브루탈리즘을 섞으면 어느 쪽도 살지 않습니다.
  • 유리 계열은 뒤에 비칠 배경(사진, 색 번짐)이 있어야 효과가 보입니다. 흰 배경 위에서는 그냥 회색 판이 됩니다.
  • 반투명 판 위의 글자는 대비가 떨어지기 쉽습니다. 판의 불투명도를 올리거나 글자를 키웁니다.
  • 뉴모피즘은 버튼 경계가 흐려서 누를 수 있는지 잘 안 보입니다. 주요 버튼만은 진한 색을 씁니다.

복사해서 쓰는 프롬프트

유리 질감 재생 화면

음악 앱 재생 화면을 글래스모피즘(Glassmorphism) 스타일로 만들어 줘.
- 배경은 앨범 표지를 크게 흐리게 깐 이미지.
- 재생 컨트롤은 반투명 유리판 위에. 배경 흐림 20px, 흰색 15% 불투명.
- 글자와 배경의 대비는 4.5:1 이상이 되도록 판의 불투명도를 조절해 줘.
- 다른 요소에는 유리 효과를 쓰지 마.

참고한 게시물: @uxwoodytips

전체 카드 보기 (27)