UI디자인 트렌드 용어 격파하기

 

 

안녕하세요! 디자인 공부에 한창인 세상보정입니다. 현재 새싹청년취업사관학교에서 디자인 기초를 배우면서 정말 다양한 용어들을 접하고 있는데요. 처음에는 뭐가 뭔지 너무 헷갈려서 머리가 지끈거릴 때도 있었어요. '스큐어모피즘? 그게 뭐지?', '아이소메트릭이랑 퍼스펙티브는 또 뭐야?' 하면서요. 저만 그랬을까요? 아마 디자인 입문자라면 누구나 한 번쯤 겪는 과정일 거예요. 

 

오늘은 그중에서도 '스큐어모피즘', '뉴모피즘', '클레이모피즘', '글래스모피즘' 같은 UI 디자인 트렌드 용어랑, 2D 이미지를 3D처럼 보이게 하는 '아이소메트릭'과 '퍼스펙티브'에 대해 이야기해볼까 해요. 

 

변화무쌍한 UI 디자인 트렌드 용어들! 🎨

UI 디자인 트렌드는 정말 빠르게 변하잖아요. 어제는 이게 유행이라더니 오늘은 또 저게 대세라고 하고. 그래서 이런 용어들을 알아두면 디자인 흐름을 파악하고, 왜 이렇게 디자인하는지 이해하는 데 큰 도움이 된답니다!

💡 알아두세요!
UI (User Interface)는 사용자가 제품이나 서비스를 이용할 때 만나는 시각적인 부분을 말해요. 버튼, 아이콘, 텍스트 배치 등이 모두 UI에 해당하죠!

 

스큐어모피즘 (Skeuomorphism): 옛것의 향수 🕰️

출처: 나무위키

 

 스큐어모피즘, 이름이 좀 어렵죠? 쉽게 말해 '실제 사물의 특징을 디지털 디자인에 그대로 반영'하는 거예요. 옛날 아이폰 계산기 앱 보셨어요? 실제 계산기처럼 버튼에 그림자도 있고, 볼록한 느낌이 살아있었죠. 가죽 질감의 다이어리 앱이나 책장 같은 아이북스 디자인도 대표적인 스큐어모피즘이랍니다. 마치 "이건 실제 사물을 본뜬 거야!"라고 외치는 것 같달까요? 초창기 스마트폰 사용자들이 디지털 환경에 적응하기 쉽도록 도와준 중요한 역할을 했어요. 그런데 너무 사실적이다 보니 좀 답답하고 무겁게 느껴지기도 했죠.

 

뉴모피즘 (Neumorphism): 소프트한 입체감 ✨

출처: 나무위키

 

 스큐어모피즘이 너무 무거워지자 등장한 트렌드가 바로 '뉴모피즘'이에요. 이건 UI 요소가 마치 'UI 배경에서 튀어나오거나 파고들어간 듯한' 느낌을 주는 디자인이에요. 최소한의 그림자와 하이라이트를 사용해서 부드럽고 몽글몽글한 입체감을 주죠. 주로 동글동글한 버튼이나 카드 디자인에서 많이 볼 수 있어요. 되게 깔끔하면서도 뭔가 누르고 싶게 만드는 매력이 있더라고요. 다만 너무 많은 요소를 뉴모피즘으로 만들면 오히려 가독성이 떨어지거나 접근성이 안 좋아질 수 있어서 조심해야 해요!

 

클레이모피즘 (Claymorphism): 말랑말랑한 귀여움 🧸

출처: https://blog.naver.com/nrdesign/223425454154

 

뉴모피즘에서 한 발 더 나아가 좀 더 통통하고 귀여운 느낌을 주는 게 '클레이모피즘'이에요. 마치 '점토로 빚은 듯한' 부드러운 곡선과 둥근 모서리가 특징이죠. 그림자를 여러 개 겹쳐서 풍성한 입체감을 주는데, 그게 또 너무 사실적이지 않아서 오히려 더 매력적이에요. 웹사이트나 앱에 클레이모피즘이 적용된 걸 보면 뭔가 포근하고 친근한 느낌이 들어서 계속 만지고 싶어지더라고요. 요즘 어린아이들을 위한 앱이나 브랜드에서 많이 사용되는 것 같아요!

 

글래스모피즘 (Glassmorphism): 투명하고 시원한 느낌 (feat. iOS 18 UI) 🧊

출처: https://gparkkii.github.io/tech/glassmorphism/

 

가장 최근에 제가 주목한 트렌드 중 하나가 바로 '글래스모피즘'이에요. 이건 '유리처럼 반투명하고 흐릿한 배경'이 특징이에요. 뒷 배경이 살짝 비치면서도 흐리게 처리되어 신비롭고 시원한 느낌을 주죠. iOS 18 업데이트 UI에서 이런 글래스모피즘 요소가 많이 보인다고 해서 더 관심이 갔어요. 투명도, 블러 효과, 그리고 미세한 그림자가 조화롭게 어우러져서 아주 현대적이고 고급스러운 느낌을 준답니다. 깔끔하면서도 깊이감이 느껴져서 개인적으로 제일 좋아하는 스타일 중 하나예요!

 

그림 그릴 때 필수! 투상도와 투시도법 📐

UI 디자인 트렌드 용어들 외에, 그림이나 3D 모델링에서 정말 중요한 두 가지 개념이 있죠. 바로 아이소메트릭과 퍼스펙티브인데요. 처음엔 이게 그게 그거 같고 뭐가 다른지 너무 헷갈렸는데, 알고 보니 완전 다른 개념이더라고요!

 

아이소메트릭 (Isometric): 나란히 나란히 🚶‍♀️🚶‍♂️

출처: https://zrr.kr/ccGgMg

 

아이소메트릭은 '원근감이 없는 3D 표현 방식'이에요. 모든 평행선이 평행하게 유지되고, 물체가 멀어져도 크기가 작아지지 않아요. 마치 정육면체를 45도 각도에서 비스듬히 바라보는 것과 비슷하달까요? 그래서 게임 화면이나 인포그래픽, 건물 조감도 같은 데서 많이 쓰이죠. 모든 면이 잘 보여서 정보 전달에 유리하고, 아기자기하고 깔끔한 느낌을 준답니다. 게임 '심시티'나 많은 모바일 게임에서 이런 아이소메트릭 뷰를 볼 수 있어요. 제가 직접 그려보니까 비율 맞추기가 처음엔 좀 어려웠는데, 익숙해지면 오히려 더 명확하게 표현할 수 있더라고요.

아이소메트릭 특징 요약 📝

• 원근감 없음: 멀어져도 크기 변화 없이 평행선 유지
• 모든 축 동일 각도: 보통 120도 간격으로 세 축이 배치
• 장점: 정보 전달 명확, 깔끔한 시각 효과, 아기자기함
• 주요 사용처: 게임, 인포그래픽, 기술 도면, 조감도

 

퍼스펙티브 (Perspective): 진짜 같은 시야 🛣️

출처: unsplash

 

반면에 '퍼스펙티브'는 우리가 실제로 세상을 보는 방식과 똑같이 '원근감을 적용'하는 거예요. 멀리 있는 물체는 작게 보이고, 가까이 있는 물체는 크게 보이죠. 평행선도 한 점(소실점)으로 모이는 것처럼 표현돼요. 사진이나 영화, 그리고 실제 같은 게임 화면에서 주로 사용됩니다. 현실감을 극대화하고 깊이감을 표현하는 데 아주 효과적이에요. 소실점이 1개면 1점 투시, 2개면 2점 투시 등으로 나뉘는데, 이거 생각보다 엄청 복잡하더라고요! 그림 그릴 때 이거 하나하나 맞춰서 그리는 거 보면 정말 대단하다는 생각이 들어요.

글의 핵심 요약 📝

새싹청년취업사관학교에서 배운 디자인 용어들을 정리해보니 다시 한번 머릿속에 쏙쏙 들어오네요! 오늘의 핵심 내용들을 다시 한번 짚어볼까요?

1. UI 디자인 트렌드:
   • 스큐어모피즘: 실물처럼, 옛날 아이폰 계산기처럼!
   • 뉴모피즘: 배경에서 튀어나오거나 파고든 듯, 부드러운 입체감!
   • 클레이모피즘: 점토처럼 말랑말랑, 통통하고 귀여운 느낌!
   • 글래스모피즘: 유리처럼 반투명, iOS 18 UI처럼 시원하고 현대적!
2. 3D 표현 방식:
   • 아이소메트릭: 원근감 없이 평행하게, 게임 조감도처럼!
   • 퍼스펙티브: 원근감 적용, 사진처럼 실제 같은 표현!

💡

디자인 용어, 어렵지 않아요!

UI 트렌드: 스큐어모피즘(실물), 뉴모피즘(소프트 입체), 클레이모피즘(말랑 귀여움), 글래스모피즘(투명 유리)

3D 표현: 아이소메트릭(원근감 없는 평행), 퍼스펙티브(원근감 있는 실제 시야)

핵심 학습:

헷갈리던 용어들, 직접 예시와 함께 정리하니 훨씬 명확해졌어요!

나만의 디자인 언어: 용어를 알면 트렌드를 읽고 디자인을 더 깊이 이해할 수 있어요!

새싹청년취업사관학교에서 얻은 소중한 디자인 지식입니다! ✨

 

자주 묻는 질문 ❓

Q: 디자인 용어를 굳이 다 알아야 할까요?

A: 기본적인 용어는 디자인 트렌드를 이해하고 다른 디자이너들과 소통하는 데 필수적이에요. 전부 외우기보다는 익숙해지는 것이 중요하답니다!

Q: iOS UI는 왜 글래스모피즘을 사용했나요?

A: 애플은 사용자 경험을 중요시하는데, 글래스모피즘이 시각적으로 깔끔하고 현대적이면서도 배경과 조화를 이루어 더 몰입감 있는 경험을 제공하기 때문으로 보여요!

Q: 아이소메트릭 디자인은 어디서 많이 볼 수 있나요?

A: 아기자기한 모바일 게임, 복잡한 정보를 한눈에 보여주는 인포그래픽, 그리고 건축 분야의 조감도 등에서 자주 사용됩니다.

오늘 강의 내용에선 디자인 용어들이 처음에는 낯설고 어렵게 느껴질 수 있지만, 이렇게 하나씩 알아가다 보면 어느새 디자인의 재미에 푹 빠지게 될 거예요. 앞으로도 더 많은 디자인 용어와 경험들을 공유할 테니 기대해주세요. 혹시 더 궁금한 점이 있다면 댓글로 물어봐주세요~ 😊