뾰족한 모서리와 단색 컬러, 정말 괜찮을까

Polestar 스크린 하나씩 뜯어보기

R값과 그라디언트가 없다고요?

Polestar 앱은 전기차를 원격으로 제어하고, 차량 상태를 확인하며, 다양한 기능을 관리할 수 있는 차량 전용 모바일 애플리케이션입니다. 사용자는 앱을 통해 차량 잠금, 공조, 충전, 디지털 키 설정 등 핵심 기능을 직접 제어할 수 있으며, 차량과의 연결 경험 전반을 하나의 인터페이스 안에서 다루게 됩니다.

이 앱은 일반적인 모바일 앱처럼 친숙하고 부드러운 UI보다는, 직선과 단색 중심의 절제된 디자인을 기반으로 자동차라는 제품의 성격을 그대로 반영하고 있습니다. 본 글에서는 Polestar 앱 스크린을 인터페이스와 비주얼을 중심으로 분석해 보겠습니다.

---

요즘 앱들과는 다르게 직선적이고 정제된 스타일을 지닌 Polestar (좌측부터 Apple Games, Tesla, Polestar)

Polestar 앱은 둥근 모서리와 풍부한 디테일을 활용하는 Apple Games와 달리, 뾰족한 모서리와 단색 중심의 절제된 이미지로 구성된 앱입니다. 최근 UI 트렌드가 점점 더 부드럽고 친숙한 방향으로 흐르는 것과 비교하면, Polestar 앱은 그 흐름과는 조금 다른 결을 가지고 있습니다.

유사한 전기차 앱으로 테슬라 앱이 있지만, Polestar는 보다 담백하고 정제된 스타일을 일관되게 유지하고 있다는 점에서 차이가 있습니다. 이런 접근은 상황에 따라 충분히 선택될 수 있는 방향이기 때문에, 직선적이고 정제된 표현을 해야 하는 상황에서 참고할 만한 레퍼런스가 될 수 있을 것 같습니다.

---

단계별로 필요한 설정만 진행하도록 구성된 온보딩 화면

스크린 | 앱 최초 실행 이후 계정 생성, 로그인, 권한 동의, 차량 페어링까지 이어지는 온보딩 흐름입니다. 사용자는 서비스 이용을 위해 필수 설정을 단계적으로 완료하며 이 화면들에 도달합니다.

특징 | 전체적으로 블랙 기반에 오렌지 포인트 컬러만 사용하는 극단적으로 절제된 색상 체계를 유지합니다. 모든 화면이 라운드 없는 직각 UI와 솔리드 컬러로 구성되어 있으며, 큰 타이포그래피와 단일 CTA 중심의 레이아웃을 사용합니다. 또한 한 화면에 하나의 행동만 요구하는 구조로, 정보 밀도를 낮추고 흐름을 명확히 분리합니다.

차별점 | 일반적인 온보딩이 친절한 설명과 비주얼로 설득하는 방식이라면, 이 흐름은 설명을 최소화하고 브랜드의 태도와 톤을 먼저 체험하게 합니다. 특히 바텀시트 형태의 웹뷰 로그인, 긴 입력 폼, 직선적인 UI는 편의성보다 ‘제품과 연결되는 과정’ 자체를 강조하는 방향으로 설계되어 있습니다.

차량과 앱을 단계별로 연결하도록 구성된 페어링 화면

스크린 | 온보딩 이후 차량을 실제로 연결하기 위해 진입하는 페어링(연결) 단계의 화면입니다. 사용자가 ‘Start pairing process’를 누른 뒤 차량과 앱을 동기화하는 과정에서 순차적으로 등장합니다.

특징 | 전체적으로 설명 → 스캔 → 코드 확인 → 완료라는 단계 흐름이 명확하게 분리되어 있습니다. 각 화면은 하나의 상태만 보여주며, CTA 버튼 역시 ‘Next’, ‘Yes’, ‘Done’처럼 단순한 선택으로 제한됩니다.

비주얼적으로는 여전히 솔리드 블랙과 직각 UI를 유지하지만, 이 단계에서는 특히 ‘텍스트 + 숫자’ 중심의 인터페이스가 강조됩니다. 예를 들어 인증 코드(숫자)는 카드처럼 분리된 박스로 크게 보여주어 오류를 줄이도록 설계되어 있습니다. 또한 스캐닝 화면이나 로딩 화면에서도 과한 애니메이션 없이 최소한의 시각 요소만 사용해 상태를 전달합니다.

차별점 | 일반적인 디바이스 페어링은 일러스트나 애니메이션을 활용해 과정을 쉽게 풀어주는 경우가 많습니다. 반면 이 화면은 그런 보조 요소를 거의 사용하지 않고, 실제 과정 자체(코드 확인, 차량 디스플레이 확인)에 집중하게 만듭니다.

직선적인 설정 구조의 디지털 키 설정 화면

스크린 | 차량 페어링 이후 디지털 키를 설정하는 단계에서 진입하는 설정 화면입니다. 사용자가 차량을 원격으로 제어하기 위해 추가 기능을 활성화하는 흐름에서 등장합니다.

특징 | 설정 항목들이 리스트 형태로 나열되며, 각 항목은 체크 상태로 진행 상황을 명확하게 보여줍니다. CTA는 ‘Go to settings’, ‘Next’처럼 필요한 액션만 단순하게 제시됩니다.

비주얼적으로는 직각 기반의 단순한 구조를 유지하면서도, 중앙의 요소(접근 안내 화면)를 통해 단조로움을 완화합니다. 전체 UI는 여전히 솔리드 컬러와 직선 위주지만, 원형 그래픽과 여백을 활용해 시각적 긴장감을 풀어주고, 기능적으로 중요한 순간에만 형태의 변화를 주는 방식이 특징입니다.

크기와 여백으로 직각 UI를 정리한 차량 홈 화면

스크린 | 차량과 연결된 이후, 사용자가 앱을 실행했을 때 진입하는 메인 홈 대시보드 화면입니다. 차량 상태를 확인하고 주요 기능을 제어하기 위해 가장 기본이 되는 진입 화면입니다.

특징 | 상단에는 배터리 상태와 주행 가능 거리, 하단에는 기능 카드와 내비게이션이 배치된 구조로 정보 위계가 명확하게 나뉩니다. 기능 영역은 직각 카드와 솔리드 컬러로 구성되며, 활성 상태는 오렌지 컬러로 강조됩니다.

이 화면의 핵심은 직선적인 UI를 유지하면서도 ‘크기 대비’로 시선을 조절하는 방식입니다. 배경에 크게 깔린 숫자와 대비되는 작은 정보 텍스트, 그리고 넓은 여백을 통해 직각 구조에서 발생할 수 있는 답답함을 완화합니다. 즉, 형태는 날카롭게 유지하되, 스케일과 여백으로 시각적인 균형을 맞추고 있습니다

차별점 | 일반적인 차량 앱은 라운드 카드와 그림자, 그라디언트를 활용해 부드러운 인상을 만드는 경우가 많습니다. 반면 이 화면은 모든 요소를 직선과 단색으로 통일하면서도, 크기와 대비를 통해 디자인 완성도를 확보합니다. 형태를 꾸미는 대신, 정보의 크기와 배치로 미감을 만드는 접근이라는 점에서 차별적입니다.

그래서 뭐가 좋나요 | 정보 구조가 명확해 사용자가 빠르게 상태를 파악할 수 있고, 불필요한 장식이 없어 집중도가 높습니다. 또한 직선적인 UI임에도 불구하고 크기와 여백 설계 덕분에 시각적으로 답답하지 않습니다. 다만 감성적인 표현이 적어 사용자에 따라 다소 차갑게 느껴질 수 있습니다.

직각 UI 위에 차량 이미지를 얹어 공조를 직관적으로 보여주는 화면

스크린 | 홈 화면에서 ‘Climate’를 선택했을 때 진입하는 차량 공조(에어컨/히팅) 제어 화면입니다. 사용자가 차량 내부 온도를 원격으로 조절하려는 흐름에서 도달합니다.

특징 | 기본적으로는 직각 카드와 솔리드 컬러를 유지하지만, 이 화면에서는 차량 내부 구조를 보여주는 이미지를 활용해 기능을 직관적으로 연결합니다. 공조가 켜지면 공기 흐름이 시각적으로 표현되며, 상태 변화가 단순 텍스트가 아닌 ‘공간’으로 전달됩니다.

동시에 하단의 컨트롤 영역은 여전히 직선적인 박스 구조를 유지하고, 오렌지 컬러 CTA로 상태를 명확히 구분합니다. 여기서 중요한 점은, 복잡해질 수 있는 기능을 시각 요소(차량 이미지)와 단순한 컨트롤(버튼, 타이머)로 분리해 구성했다는 점입니다. 직각 UI의 단단함 위에 이미지와 투명 레이어를 얹어, 기능성과 시각적 완충을 동시에 해결합니다.

차별점 | 일반적인 공조 화면은 온도 숫자나 슬라이더 중심으로 구성되는 경우가 많습니다. 반면 이 화면은 차량 내부를 직접 보여주고, 공기의 흐름을 시각화해 기능을 공간적으로 이해하게 만듭니다. 또한 직선적인 UI를 유지하면서도 이미지 레이어를 활용해 딱딱함을 완화한 점이 차별적입니다.

그래서 뭐가 좋나요 | 사용자는 단순히 온도를 조절하는 것이 아니라, ‘차 안이 어떻게 바뀌는지’를 직관적으로 이해할 수 있습니다. 또한 하단 컨트롤은 단순하게 유지되어 조작이 어렵지 않습니다. 다만 이미지 기반 표현이 추가되면서 일부 상황에서는 정보보다 연출이 더 강조된다고 느껴질 수 있습니다.

면 분할과 원형 UI로 충전 정보를 풀어낸 제어 화면

스크린 | 홈 화면에서 ‘Charge’를 선택했을 때 진입하는 차량 충전 관리 화면입니다. 사용자가 배터리 상태를 확인하거나 충전 설정을 조정하는 흐름에서 도달합니다.

특징 | 상단에는 배터리 상태를 큰 타이포와 면적 대비로 표현하고, 하단에는 설정값을 조정하는 리스트 구조가 이어집니다. 직각 기반의 레이아웃과 솔리드 컬러는 유지되지만, 이 화면에서는 특히 ‘면 분할’이 강조됩니다. 오렌지와 그레이가 명확하게 나뉘며 상태를 직관적으로 전달합니다.

또한 스케줄 설정에서는 원형 다이얼 UI가 등장하는데, 이 역시 단순한 그래픽이 아니라 시간의 흐름을 직관적으로 이해하게 만드는 장치입니다. 직선 중심의 UI 안에 원형 요소를 제한적으로 도입해, 시각적 긴장감을 풀면서도 기능 이해도를 높이는 방식입니다.

차별점 | 일반적인 충전 화면은 숫자와 슬라이더 중심으로 구성되는 경우가 많습니다. 반면 이 화면은 배터리 상태를 ‘면적’으로 보여주고, 시간 설정을 ‘원형 구조’로 풀어내면서 정보를 시각적으로 재해석합니다. 동시에 전체 구조는 직각 UI를 유지해 일관성을 잃지 않는 점이 특징입니다.

선과 간격만으로 정보를 정리한 차량 정보 화면

스크린 | 하단 내비게이션에서 차량 탭으로 진입했을 때 보이는 차량 정보 및 스펙 화면입니다. 사용자가 차량 상세 정보나 설정을 확인하려는 흐름에서 접근합니다.

특징 | 전체적으로 리스트 기반 구조를 사용하며, 각 항목은 직선적인 구분선으로 나뉘어 있습니다. 불필요한 카드나 배경 없이 텍스트와 선만으로 정보를 구획하는 방식입니다.

이 화면에서는 특히 ‘선과 간격’이 중요한 역할을 합니다. 직각 UI와 얇은 디바이더 라인이 반복되지만, 항목 간 여백과 타이포 크기 차이를 통해 답답함을 줄입니다. 또한 차량 이미지와 상세 스펙 이미지는 필요한 지점에만 삽입되어, 전체 구조의 단단함을 해치지 않으면서 시각적인 리듬을 만들어냅니다.

차별점 | 일반적인 차량 정보 화면은 카드나 섹션 박스를 활용해 내용을 그룹핑하는 경우가 많습니다. 반면 이 화면은 그런 시각적 덩어리를 최소화하고, 선과 텍스트만으로 구조를 만듭니다. 직선적인 UI를 그대로 유지하면서도 정보 구조를 무너뜨리지 않는 점이 특징입니다.

콘텐츠 크기와 배치로 밀도를 조절한 탐색 화면

스크린 | 하단 내비게이션의 Explore 탭에서 진입하는 콘텐츠 탐색 화면입니다. 사용자가 차량 관련 소식이나 업데이트를 확인하려는 흐름에서 접근합니다.

특징 | 리스트와 카드가 혼합된 구조로, 상단에는 대표 콘텐츠(Spotlight), 하단에는 뉴스 리스트가 배치됩니다. 전체적으로 직선적인 구분선과 텍스트 중심 레이아웃을 유지하면서, 이미지 썸네일을 통해 콘텐츠 성격을 보완합니다. 이 화면에서도 직각 UI와 솔리드 컬러는 유지되지만, 콘텐츠 영역에서는 이미지 비율과 여백을 활용해 시각적 흐름을 만듭니다.

면적 대비로 중요도를 강조한 고객 지원 화면

스크린 | 하단 내비게이션의 지원(Help) 탭에서 진입하는 고객 지원 화면입니다. 사용자가 문제 해결이나 문의를 위해 접근하는 흐름에서 등장합니다.

특징 | 전체적으로 리스트 기반 구조를 유지하며, 직선적인 구분선과 텍스트 중심 레이아웃으로 구성됩니다. 각 항목은 단순한 행(row) 형태로 나열되고, 화살표 아이콘을 통해 이동 가능성을 명확히 전달합니다.

이 화면에서 눈에 띄는 점은 하단의 강한 컬러 블록입니다. 평소에는 절제된 오렌지 포인트만 사용하던 흐름에서, 긴급 상황 영역에만 넓은 면적의 컬러를 사용해 시선을 집중시킵니다. 즉, 직각 UI의 단단한 구조를 유지하면서도 ‘면적 대비’로 중요도를 강조하는 방식입니다.

여백과 간격으로 밀도를 낮춘 계정 설정 화면

스크린 | 하단 내비게이션의 프로필 탭에서 진입하는 계정 및 설정 화면입니다. 사용자가 개인 정보, 앱 설정, 쇼핑 등 부가 기능을 확인하려는 흐름에서 접근합니다.

특징 | 전체적으로 리스트 기반 구조를 유지하며, 각 항목은 얇은 구분선과 텍스트로만 구성됩니다. 카드나 배경 박스를 최소화하고, 직선적인 행(row) 단위로 정보를 나열하는 방식입니다.

이 화면에서는 특히 ‘비워진 영역’이 중요한 역할을 합니다. 콘텐츠가 없는 Inbox 화면처럼 의도적으로 여백을 크게 두거나, 설정 화면에서도 요소 사이 간격을 넓게 유지해 직각 UI의 밀도를 낮춥니다. 또한 강조가 필요한 버튼(로그아웃 등)만 별도의 면으로 분리해, 단순한 구조 안에서 시선 흐름을 조절합니다.

차별점 | 일반적인 설정 화면은 카드 그룹이나 섹션 배경을 활용해 정보를 묶는 경우가 많습니다. 반면 이 화면은 그런 시각적 그룹핑을 최소화하고, 선과 간격만으로 구조를 만듭니다. 직선적인 UI를 유지하면서도 ‘비움’을 통해 답답함을 해소하는 방식이 특징입니다.

---

마치며

Polestar 앱은 전반적으로 ‘덜어낸 디자인’을 넘어, 의도적으로 날카로운 형태를 유지한 채 완성도를 끌어올린 사례입니다. 라운드나 그라디언트 없이도 충분히 세련된 UI를 만들 수 있다는 것을 보여주며, 대신 여백, 정렬, 크기 대비, 면 분할 같은 기본적인 요소를 매우 정교하게 다루고 있습니다. 특히 기능에 따라 원형 UI나 이미지 레이어를 제한적으로 사용하는 방식은, 일관된 시스템 안에서 변화를 주는 좋은 사례로 볼 수 있습니다.

결과적으로 이 앱은 ‘부드러움’이 아니라 ‘정제된 긴장감’을 선택한 디자인입니다. 다소 차갑고 건조하게 느껴질 수 있는 구조지만, 그 대신 정보는 빠르게 읽히고 조작은 명확합니다. 직각 카드, 단색 컬러, 큰 타이포 같은 요소들을 반복적으로 사용하면서도, 화면마다 여백과 배치로 밀도를 조절해 완성도를 유지하고 있습니다.

Polestar 앱과 달리 단순하면서도 풍부한 표현이 필요하시다면 아래 글을 참고해보시면 좋을 것 같습니다.

07화 단순하면서도 풍부하게 표현해주세요

Polestar 앱 - App Store