인터페이스 디자인의 과거와 미래
펜타브리드 기사입력 2020.07.30 12:00 조회 3424
 
 





디자인 불변의 법칙은 ‘디자인 트렌드는 항상 변한다’가 아닐까 생각해봅니다. 항상 변한다는 것이 불변의 법칙이라니. 상황이 참 아이러니하기도 합니다. 그럼에도 불구하고 우리는 늘 과거를 되짚어 보고 현재에 맞게 변화를 일으키며 미래를 예측하는 과정을 반복해 왔으며, 시점별 ‘트렌드’라 규정해왔습니다.
이번 호에서는 스마트폰 인터페이스의 디자인 트렌드를 과거로부터 현재까지 시점별로 정리한 칼럼 소개와 향후 전망에 대해 짧게 말해볼까 합니다.
 
본론에 앞서, 본 콘텐츠는 아래 원문/번역문을 참고하여 작성하였음을 미리 알려드립니다. 
[참고 원문/번역문]
- 원문 : What’s the next UI design trend? / https://uxdesign.cc/
- 번역문 : 앞으로의 UI 디자인 트렌드는? / https://thinkofweb.net/
 


사물 그대로의 디자인, 시작은 스큐어모피즘
처음 접하는 것을 유저에게 설명하기란 여간 쉽지 않은 일입니다. 스마트폰이 처음으로 출시되었을 때도 마찬가지였습니다. 유저가 이 인터페이스를 잘 사용하게 할 것인가에 대한 고민 끝에 ‘스큐어모피즘’을 택하기로 하였습니다. 


[이미지 출처] i-storybook 홈페이지
 
스큐어모피즘이란, 실제 대상(사물)을 원래 그대로의 모습으로 표현하는 사실주의적 디자인 기법을 말합니다. 예를 들어 초장기 인터페이스에는 현실의 버튼처럼 두께감을 넣어 입체적으로 보이게끔 디자인하여 유저들이 쉽게 이용하도록 유도하였습니다.
 


적응에서 또 다른 적응을 향해, 플랫한 디자인

[이미지 출처] What’s the next UI design trend? / https://uxdesign.cc/
 
점차 새로웠던 인터페이스에 적응하자, 또 다른 시도가 이어졌습니다. 3차원의 디자인에서 다시 2차원 디자인으로의 시도였습니다.
예를 들면 입체적인 버튼 디자인 대신 버튼이 있어야 할 곳에 이를 배치하고, 액션 유도를 위한 적합한 단어/문장이 표기되어 있다면 충분히 유저가 이를 이용할 것이라는 생각이었습니다.
이 시도는 유저들에게 성공적인 반응을 이끌어냈으며, 오늘날 우리에게 익숙한 선과 면으로 구성된 아이콘 시초라고 할 수 있습니다. 
 


지루함이 만드는 트렌드의 변화
플랫한 디자인 익숙해질 때쯤 평면(2차원)에 대한 지루함을 느낀 유저들을 위해 다양한 시도와 트렌드가 제시되었습니다.
2014년에는 머티리얼 디자인으로, 레이어를 카드처럼 쌓아 올리는 개념입니다. 대표적으로는 평면 버튼에 음영 효과가 삽입된 것으로 이전보다 유저의 인지 능력을 향상시킨 디자인입니다. 이는 이전 트렌드인 스큐어모피즘과 플랫한 디자인을 합치고 단순화한 개념으로도 평가받았습니다.

 

[이미지 출처] What’s the next UI design trend? / https://uxdesign.cc/
 
2016년에는 머티리얼 디자인에서 모던 디자인으로 트렌드가 변화하며 기존 음영효과가 더욱 부드러워지고, 다양한 색상을 가지게 되어 유저에게 시각적인 즐거움을 더하는 인터페이스로 발전하여 오늘날의 인터페이스가 되었습니다.
 


넥스트 디자인은
스큐어모피즘에서 플랫으로, 이를 합친 머티리얼 디자인과 시각적 재미를 더한 모던 디자인까지. 과거에서 현재까지 왔다면 조심스럽게 미래에 대해 예측해볼 때입니다. 아마 다음은 ‘뉴모피즘’이 트렌드로 떠오르지 않을까 라는 생각이 듭니다.
뉴모피즘은 쉽게 생각하자면 모던 디자인에서 나아가 3D 효과가 추가된 디자인이라 생각할 수 있습니다. 3D라 하면 자칫 스큐어모피즘을 떠올릴 수도 있으나, 기존 3D의 입체감을 넘어 리얼리즘에 가까운 형태를 지닙니다. 

[이미지 출처] ‘alexplyuto’의 뉴모피즘 스타일 목업
 


뉴모피즘 스타일의 경우 아름답긴 하지만 현실 가능성을 검토해보면 아직은 여러모로 한계가 느껴지긴 합니다. 부분적으로 받아들이고 적당히 경계하여 절충안을 찾는다면 새로운 디자인 트렌드가 될 수 있지 않을까요?
 
인터페이스 ·  디자인 ·  UI ·  스큐어모피즘 ·  뉴모피즘 · 
이 기사에 대한 의견 ( 총 0개 )
[월간 2023밈] 08월 편 - 그런날 있잖아 폭룡적 더위에 미칠 것 같은 날...
HS애드 광고 완전 폭룡적이다 MZ사진 그런날 있잖아... YCC에 참가하고 싶은 그런날... 기특해 죽겠어 복복복 유병재에게 질문을
2024년 광고 시장 결산 및 2025년 전망_1
글 김수영 프로 | 제일기획 미디어퍼포먼스 1팀 2024년은 제자리 걸음이었던 광고 시장이 한 발자국을 내디디며 앞으로 나아가는 해였다. 한국방송광고진흥공사(KOBACO)에 따르면 2023년 0.1% 증가로 사실상 답보 상태를 보였던 국내 광고 시장 총 광고비 매출액은 2024년 전년 대비 2.8% 성장한 것으로 전망됐다. 이는 내·외부 경제 불확실성과 소비자 행동 변화로 방송 광고비는 -10.8% 감소로 부진했지만
2024년 광고 시장 결산 및 2025년 전망_2
 AI와 디지털이 주도하는 광고 시장 AI의 진화와 함께 KOBACO 집계기준 약 8% 성장한 디지털 광고 시장은 60%대 시장 점유율을 확보하며 전체 광고 시장의 대표 주자임을 확실히 각인시킨 해였다(그림 1). 경기 침체 속에서 AI 기술의 도입으로 타겟팅 및 효율성이 우수해진 디지털 미디어로 광고 수요가 전환되는 추세가 더욱 가속화되며 디지털 광고 시장이 전체 시장 성장을 주도할 것으로 전망된다.검색 광고 시장은 AI 기술
[캠페인 하이라이트] MCC 고베식당을 이야기하다
크리에이티브 컨설팅, 실행을 담보로 할 수 있을 것인가? ‘MCC 고베식당’ 프로젝트는 둘로 나뉘어진다. 바로 컨설팅과 실행이다. 그 둘이 함께 붙어 있기에 힘을 발휘한 프로젝트였고, 또한 둘로 나뉘어 있기에 어려운 프로젝트기도 했다. 2010년 4월 27일 매일유업에서 날아든 굵직한 숙제 하나. “우유하던 우리가 카레를 하려고 하는데, 어떻게 하면 잘 할지… 총체적으로 해봐!” 그렇게 시작된 숙제는 제일기획으로서는 새로운 ‘제품 컨설팅’ 의 영역이었다. 지금 이 시점, ‘ 크리에이티브 컨설팅’이라 명명된 우리만의 USP(Unique Selling Point)가 되어가고 있지만 초기만해도 가뜩이나 압도적 독점브랜드가 있는 시장 상황 속에 제품개발도 완결되지 않은, 유통도 가격도 결정되지 않은 실로 막막한 프로젝트였다.
HSAD, AI 워크플로우 플랫폼 ‘대시플로우’ 구축… ‘대시 2.0’ 전략 고도화하며 전사적 AX 추진
  HSAD가 국내 광고업계 최초로 실무자가 자신의 업무 영역에 맞춘 AI 에이전트를 직접 설계 · 활용할 수 있는 ‘AI 워크플로우 오케스트레이션’ 플랫폼 ‘대시플로우(DASH FLOW)’ 구축에 나서며 ‘대시 2.0’ 전략 고도화에 본격 착수합니다.   지난해 HSAD는 고유의 전략 및 제작물을 자산화해 광고 마케팅 업무에 활용할 수 있는 A
2024년 광고 시장 결산 및 2025년 전망_1
글 김수영 프로 | 제일기획 미디어퍼포먼스 1팀 2024년은 제자리 걸음이었던 광고 시장이 한 발자국을 내디디며 앞으로 나아가는 해였다. 한국방송광고진흥공사(KOBACO)에 따르면 2023년 0.1% 증가로 사실상 답보 상태를 보였던 국내 광고 시장 총 광고비 매출액은 2024년 전년 대비 2.8% 성장한 것으로 전망됐다. 이는 내·외부 경제 불확실성과 소비자 행동 변화로 방송 광고비는 -10.8% 감소로 부진했지만
2024년 광고 시장 결산 및 2025년 전망_2
 AI와 디지털이 주도하는 광고 시장 AI의 진화와 함께 KOBACO 집계기준 약 8% 성장한 디지털 광고 시장은 60%대 시장 점유율을 확보하며 전체 광고 시장의 대표 주자임을 확실히 각인시킨 해였다(그림 1). 경기 침체 속에서 AI 기술의 도입으로 타겟팅 및 효율성이 우수해진 디지털 미디어로 광고 수요가 전환되는 추세가 더욱 가속화되며 디지털 광고 시장이 전체 시장 성장을 주도할 것으로 전망된다.검색 광고 시장은 AI 기술
[월간 2023밈] 08월 편 - 그런날 있잖아 폭룡적 더위에 미칠 것 같은 날...
HS애드 광고 완전 폭룡적이다 MZ사진 그런날 있잖아... YCC에 참가하고 싶은 그런날... 기특해 죽겠어 복복복 유병재에게 질문을
[캠페인 하이라이트] MCC 고베식당을 이야기하다
크리에이티브 컨설팅, 실행을 담보로 할 수 있을 것인가? ‘MCC 고베식당’ 프로젝트는 둘로 나뉘어진다. 바로 컨설팅과 실행이다. 그 둘이 함께 붙어 있기에 힘을 발휘한 프로젝트였고, 또한 둘로 나뉘어 있기에 어려운 프로젝트기도 했다. 2010년 4월 27일 매일유업에서 날아든 굵직한 숙제 하나. “우유하던 우리가 카레를 하려고 하는데, 어떻게 하면 잘 할지… 총체적으로 해봐!” 그렇게 시작된 숙제는 제일기획으로서는 새로운 ‘제품 컨설팅’ 의 영역이었다. 지금 이 시점, ‘ 크리에이티브 컨설팅’이라 명명된 우리만의 USP(Unique Selling Point)가 되어가고 있지만 초기만해도 가뜩이나 압도적 독점브랜드가 있는 시장 상황 속에 제품개발도 완결되지 않은, 유통도 가격도 결정되지 않은 실로 막막한 프로젝트였다.
[Interview] 일의 방식에 답이 있다_심지혜 대표가 말하는 크리액티브 솔루션_1
존중과 자율이 만드는  탁월한   크리액티브(Creactive) 솔루션 마스삼공(MARS30) 심지혜 대표 마스삼공(MARS30) 심지혜 대표           취재·글 송한돈 | 사진·팡고TV촬영 유희래       화성은 끝없는 호기심과 탐사의 대상, 가능성으로 가득한 땅.
2024년 광고 시장 결산 및 2025년 전망_1
글 김수영 프로 | 제일기획 미디어퍼포먼스 1팀 2024년은 제자리 걸음이었던 광고 시장이 한 발자국을 내디디며 앞으로 나아가는 해였다. 한국방송광고진흥공사(KOBACO)에 따르면 2023년 0.1% 증가로 사실상 답보 상태를 보였던 국내 광고 시장 총 광고비 매출액은 2024년 전년 대비 2.8% 성장한 것으로 전망됐다. 이는 내·외부 경제 불확실성과 소비자 행동 변화로 방송 광고비는 -10.8% 감소로 부진했지만
2024년 광고 시장 결산 및 2025년 전망_2
 AI와 디지털이 주도하는 광고 시장 AI의 진화와 함께 KOBACO 집계기준 약 8% 성장한 디지털 광고 시장은 60%대 시장 점유율을 확보하며 전체 광고 시장의 대표 주자임을 확실히 각인시킨 해였다(그림 1). 경기 침체 속에서 AI 기술의 도입으로 타겟팅 및 효율성이 우수해진 디지털 미디어로 광고 수요가 전환되는 추세가 더욱 가속화되며 디지털 광고 시장이 전체 시장 성장을 주도할 것으로 전망된다.검색 광고 시장은 AI 기술
[월간 2023밈] 08월 편 - 그런날 있잖아 폭룡적 더위에 미칠 것 같은 날...
HS애드 광고 완전 폭룡적이다 MZ사진 그런날 있잖아... YCC에 참가하고 싶은 그런날... 기특해 죽겠어 복복복 유병재에게 질문을
[캠페인 하이라이트] MCC 고베식당을 이야기하다
크리에이티브 컨설팅, 실행을 담보로 할 수 있을 것인가? ‘MCC 고베식당’ 프로젝트는 둘로 나뉘어진다. 바로 컨설팅과 실행이다. 그 둘이 함께 붙어 있기에 힘을 발휘한 프로젝트였고, 또한 둘로 나뉘어 있기에 어려운 프로젝트기도 했다. 2010년 4월 27일 매일유업에서 날아든 굵직한 숙제 하나. “우유하던 우리가 카레를 하려고 하는데, 어떻게 하면 잘 할지… 총체적으로 해봐!” 그렇게 시작된 숙제는 제일기획으로서는 새로운 ‘제품 컨설팅’ 의 영역이었다. 지금 이 시점, ‘ 크리에이티브 컨설팅’이라 명명된 우리만의 USP(Unique Selling Point)가 되어가고 있지만 초기만해도 가뜩이나 압도적 독점브랜드가 있는 시장 상황 속에 제품개발도 완결되지 않은, 유통도 가격도 결정되지 않은 실로 막막한 프로젝트였다.
[Interview] 일의 방식에 답이 있다_심지혜 대표가 말하는 크리액티브 솔루션_1
존중과 자율이 만드는  탁월한   크리액티브(Creactive) 솔루션 마스삼공(MARS30) 심지혜 대표 마스삼공(MARS30) 심지혜 대표           취재·글 송한돈 | 사진·팡고TV촬영 유희래       화성은 끝없는 호기심과 탐사의 대상, 가능성으로 가득한 땅.
2024년 광고 시장 결산 및 2025년 전망_1
글 김수영 프로 | 제일기획 미디어퍼포먼스 1팀 2024년은 제자리 걸음이었던 광고 시장이 한 발자국을 내디디며 앞으로 나아가는 해였다. 한국방송광고진흥공사(KOBACO)에 따르면 2023년 0.1% 증가로 사실상 답보 상태를 보였던 국내 광고 시장 총 광고비 매출액은 2024년 전년 대비 2.8% 성장한 것으로 전망됐다. 이는 내·외부 경제 불확실성과 소비자 행동 변화로 방송 광고비는 -10.8% 감소로 부진했지만
2024년 광고 시장 결산 및 2025년 전망_2
 AI와 디지털이 주도하는 광고 시장 AI의 진화와 함께 KOBACO 집계기준 약 8% 성장한 디지털 광고 시장은 60%대 시장 점유율을 확보하며 전체 광고 시장의 대표 주자임을 확실히 각인시킨 해였다(그림 1). 경기 침체 속에서 AI 기술의 도입으로 타겟팅 및 효율성이 우수해진 디지털 미디어로 광고 수요가 전환되는 추세가 더욱 가속화되며 디지털 광고 시장이 전체 시장 성장을 주도할 것으로 전망된다.검색 광고 시장은 AI 기술
[월간 2023밈] 08월 편 - 그런날 있잖아 폭룡적 더위에 미칠 것 같은 날...
HS애드 광고 완전 폭룡적이다 MZ사진 그런날 있잖아... YCC에 참가하고 싶은 그런날... 기특해 죽겠어 복복복 유병재에게 질문을
[캠페인 하이라이트] MCC 고베식당을 이야기하다
크리에이티브 컨설팅, 실행을 담보로 할 수 있을 것인가? ‘MCC 고베식당’ 프로젝트는 둘로 나뉘어진다. 바로 컨설팅과 실행이다. 그 둘이 함께 붙어 있기에 힘을 발휘한 프로젝트였고, 또한 둘로 나뉘어 있기에 어려운 프로젝트기도 했다. 2010년 4월 27일 매일유업에서 날아든 굵직한 숙제 하나. “우유하던 우리가 카레를 하려고 하는데, 어떻게 하면 잘 할지… 총체적으로 해봐!” 그렇게 시작된 숙제는 제일기획으로서는 새로운 ‘제품 컨설팅’ 의 영역이었다. 지금 이 시점, ‘ 크리에이티브 컨설팅’이라 명명된 우리만의 USP(Unique Selling Point)가 되어가고 있지만 초기만해도 가뜩이나 압도적 독점브랜드가 있는 시장 상황 속에 제품개발도 완결되지 않은, 유통도 가격도 결정되지 않은 실로 막막한 프로젝트였다.
[Interview] 일의 방식에 답이 있다_심지혜 대표가 말하는 크리액티브 솔루션_1
존중과 자율이 만드는  탁월한   크리액티브(Creactive) 솔루션 마스삼공(MARS30) 심지혜 대표 마스삼공(MARS30) 심지혜 대표           취재·글 송한돈 | 사진·팡고TV촬영 유희래       화성은 끝없는 호기심과 탐사의 대상, 가능성으로 가득한 땅.