9 가지 훌륭한 UI 디자인

웹 디자인에서 훌륭한 사용자 인터페이스 또는 UI 디자인은 사용자가 주어진 작업을 가능한 한 간단하고 효율적으로 수행하도록 돕는 것입니다. 모양과 느낌은 부인할 수없이 중요하지만 훌륭한 UI의 핵심은 기능입니다. 탐색 측면에서 볼 때 보이지 않을 정도로 직관적이어야합니다. 사용자가 길을 잃거나 어디로 가야할지 알 수없는 즉시 UI가 제 역할을하지 못합니다. 고통스러운 UI 실패 하지 말아야 할 일을 보여주기 위해

이 웹 사이트 및 앱 목록은 디자인 원칙과 기능이 다를 수 있지만 공통점은 한 가지가 있습니다. 위의 모든 사항을 모두 충족하는 효과적인 UI 디자인입니다. 그들이 왜 그렇게 성공적인지 알아 보려면 계속 읽으십시오.

01. 몽트뢰 재즈 페스티벌

UI 디자인 : Montreux Jazz Festival



몇 번의 스 와이프만으로 나만의 맞춤형 축제 프로그램을 구축 할 수있는 환상적인 방법이 있습니다.(이미지 출처 : Montreux Jazz Festival)

지붕을 통해 FOMO 레벨을 얻기 위해 축제에 참석하는 것만 큼 좋은 것은 없습니다. 물론 지금보고있는 행위를 즐기고 있을지 모르지만, 알지 못하는 다른 곳에서 더 나은 또 다른 일이 일어나고있을 수도 있습니다. 긴 공연자 명단을 몇 번이나 훑어 봐도 놓친 절대 보석이 몇 개 있습니다. 그러나 몽트뢰 재즈 페스티벌을위한이 훌륭한 UI 디자인은 그곳에서 시간을 최대한 활용할 수 있도록 돕는 것을 목표로합니다.

음악적 선호도에 대한 인상을 구축하기 위해 왼쪽 또는 오른쪽으로 스 와이프 할 수있는 6 가지 바이너리 선택을 제공하여 모든 것을 아름답게 단순하게 유지합니다. 예를 들어 밴드보다 DJ를 선호합니까? – 그리고 일단 완료되면, 당신이 즐길 것이라고 생각하는 것을 바탕으로 자신 만의 개인화 된 프로그램을 제시하고 티켓 구매 링크를 완성합니다.

UI 디자인 : Montreux Jazz Festival

리조! 그들은 어떻게 알았습니까?(이미지 출처 : Montreux Jazz Festival)

쉽고 직관적이며, 어쨌든 전체 프로그램을 다시 확인하여 놓친 것이 없는지 확실히 확인하고 싶겠지 만 결과를 찾기 위해 많은 정보를 빠르게 드릴 수있는 훌륭한 방법입니다.

02. 틸트 브러시

가상 현실은 UI와 UX에 관한 한 매우 프론티어 영역입니다. 디자이너와 개발자는 자연스럽게 혼합 된 결과로 진행하면서 무언가를 구성해야합니다. 평면 스크린에서 작동하는 것이 반드시 VR에서 잘 작동하는 것은 아니며, 멀미없이 몇 시간 동안 사용할 수있는 효과적이고 유용한 VR 앱을 구축하는 것은 상당히 어려울 수 있습니다.

그래서 Google과 같은 VR 제품을 보게되어 기쁩니다. 틸트 브러시 -가상 환경에서 3D 페인팅을 구축 할 수 있습니다.이 기능은 작동 할뿐만 아니라 사용하기 매우 직관적이며 아티스트가 이미이를 창의적인 워크 플로에 통합하고있는 훌륭한 결과를 제공합니다. 이쪽으로 이 판도를 바꾸는 크리에이티브 앱을 시작하기위한 몇 가지 훌륭한 전문가 팁을 확인하십시오.

________에는 filbert라는 브러시를 사용하는 것이 가장 좋습니다.

03. 패터닝

UI 디자인 : 패턴 화

패터닝의 원형, 최소한의 접근 방식으로 더 쉽게 비트를 굴릴 수 있습니다. [Image : Olympia Noise Co]

Olympia Noise Co의 iOS 드럼 머신, 패터닝 , 이전에 본 것과는 다르며 그럴만 한 이유가 있습니다. 패터닝은 다른 모든 음악 앱과 마찬가지로 그리드에서 리듬을 순서대로 나열하는 대신, 비트를 배치하는 기본 비즈니스에 원형 인터페이스를 사용하고 색상 코드 드럼을 사용하여 무엇을 쉽게 확인할 수 있습니다.

기본 외에도 Patterning의 스마트하지만 최소한의 UI는 개별 패턴에서 더 긴 노래를 시퀀싱하는 더 복잡한 비즈니스를 훨씬 덜 어렵게 만들어 패턴에 대한 변형을 쉽게 만든 다음 모든 것을 함께 맞출 수 있습니다. 모든 것을 더 좋게 만들기 위해서는 비슷하게 간단한 접근 방식이 필요합니다. 믹서와 FX 인터페이스 모두 대담한 시각적 신호로 신중하게 배치되어 복잡한 컨트롤에 얽매이지 않고 원하는 사운드를 얻을 수 있습니다.

04. 메일 침프

UI 디자인 : MailChimp

MailChimp의 디자인은 깨끗하고 평평하며 대부분 활자체입니다. [Image : MailChimp]

뉴스 레터 작성 및 관리는 세상에서 가장 흥미로운 작업은 아니지만 아름답게 디자인 된 직관적 인 사용자 인터페이스 디자인 MailChimp 훨씬 더 맛있게 만듭니다. 최근 재 설계된 이후 웹 UI는 깔끔하고 평평하며 주로 활자체입니다.

계정을 처음 설정할 때 첫 번째 캠페인이 시작되기 전 고전적인 '빈 계정'문제는 유용하고 시각적으로 만족스러운 사용자 가이드로 균형을 이룹니다. 여백이 많고 명확한 클릭 유도 문안이 새 사용자에게 프로세스의 모든 단계를 안내합니다. 어떤 경우에는 클릭 할 위치를 나타내는 미묘한 애니메이션 포인터를 통합하기도합니다.

사용자 인터페이스 디자인 : MailChimp

MailChimp에서 길을 잃는 것을 방지하는 유용한 클릭 유도 문안 [이미지 : MailChimp]

05. iPad 용 Paper

UI 디자인 : iPad 용 Paper

Photoshop에서 레이어의 모든 픽셀을 선택하는 방법
종이는 직관적으로 사용할 수 있도록 설계되었습니다. [이미지 : FiftyThree]

사용자가보다 직관적이고 자연스러운 방식으로 창의력을 발휘할 수 있도록 설계된 여러 수상 경력에 빛나는 앱 종이 더 정밀해야 할 경우 스타일러스로도 작동하지만 놀라운 수준의 디테일로 손가락 끝으로 그릴 수 있습니다.

터치 전용으로 설계된 Paper의 UI 디자인에는 걱정할 버튼이나 설정이 없으며 일련의 특수 도구 일뿐입니다. 다용도 만년필 스타일의 그리기 도구는 무료로 제공되며 스케치 (부드러운 연필), 윤곽선 (굵은 마커), 쓰기 (잉크 펜), 색상 (수채화 브러시) 및 믹서 (컬러 블렌더)는 앱 내 구매로 제공됩니다.

UI 디자인 : iPad 용 Paper

Paper에는 버튼 대신 특수 도구 세트가 있습니다. [Image : FiftyThree]

06. 사물

Mac과 iOS 모두에서 사용할 수 있습니다. 소지품 친숙한 할일 목록 개념을 기반으로 직관적이고 쉽게 선택할 수있는 수상 경력에 빛나는 디자인의 인기있는 작업 관리 앱입니다. 제작자 Cultured Code가 지적했듯이 아이디어는 결국 삶을 더 쉽게 만드는 것입니다.

매끄럽고 깔끔한 사용자 인터페이스 디자인은 작업을 분류하는 데 도움이되도록 목록으로 미리 구분되어 있습니다. 긴급한 작업은 '오늘'에, 약간 덜 긴급한 것은 '다음'까지 기다릴 수 있으며, '일정'은 더 앞서 계획합니다. 각 항목은 모든 항목을 분류하는 데 필요한 경우 태그뿐만 아니라 제목, 메모 및 마감일과 같은 중요한 정보를 한 번에 캡처합니다. 무엇보다도 빠른 입력 창은 간단한 키보드 단축키를 사용하여 어디서나 액세스 할 수 있으며 데스크톱, iPhone 및 iPad에서 모두 자동으로 동기화됩니다.

07. 캠페인 모니터 : Worldview

UI 디자인 : 캠페인 모니터 Worldview

Worldview는 액세스 가능한 방식으로 복잡한 데이터를 배치합니다.(이미지 출처 : 캠페인 모니터)

이메일 구독 데이터에 매력을 더한 놀랍도록 독창적 인 아이디어, 캠페인 모니터 : Worldview 지리적 및 개인적 통찰력을 위해 실시간으로 Google지도에서 귀하의 커뮤니케이션을 열고, 클릭하고, 공유하는 개인에 대한 정보를 오버레이합니다.

새 레이어를 만들기위한 포토샵 바로 가기

랜딩 페이지는 예제 핀이 세계지도에 드롭되는 등 즉각적인 시각적 방식으로 개념을 소개합니다. 응용 프로그램 인터페이스 자체는지도를 중심으로 회전하며 설정을 제어하기위한 몇 가지 기본 메뉴가 새로워집니다. 사용자 참여의 다양한 범주를 한 눈에 식별 할 수있는 간단한 아이콘과 색상 코딩을 사용한 UI 디자인의 좋은 예입니다.

08. 그림

UI 디자인 : 그림

이동 중에도 음악을들을 수 있도록 설계된 Figure [Image : Propellerhead]

잠재적으로 매우 복잡한 UI 디자인을 매우 깔끔하고 직관적으로 보이게하는 평면 디자인의 또 다른 예는 그림 스웨덴 개발자 Propellerhead의 iOS 용 신디사이저 및 드럼 머신으로 데스크톱 음악 제작 소프트웨어 Reason을 지원합니다.

터치 스크린 패드를 탭하거나 손가락을 누른 상태에서 리듬 휠을 스크롤하여 다양한 소리를 내거나 화면을 스 와이프하여 음계의 다른 음을 연주 할 수 있습니다. 또한 작업해야하는 음의 범위, 멜로디 및베이스 라인의 음 수, 다양한 방법으로 사운드를 조정할 수있는 다양한 탭을 제어하는 ​​휠도 있습니다.

09. 케네디

UI 디자인 : Kennedy

Kennedy는 당신의 기억에 맥락을 추가합니다. [Image : Brendan Dawes]

오래된 트위터 업데이트를 스크롤하고 6 개월 전에 게시했을 때 도대체 무슨 생각을했는지 궁금해하는 것만 큼 좋은 것은 없습니다. 문맥의 부족은 종종 그 당시에 완벽하게 이해되었던 무언가가 몇 달 또는 몇 년 후에 무의미하게 될 수 있음을 의미 할 수 있습니다.

케네디 , 최고의 일기 앱 브렌든 도스 , 기억에 맥락을 추가하도록 설계되었습니다. 페이스 북이나 트위터에 입력하는 것처럼, 당신이하고있는 일에 대한 텍스트 노트를 만드는 데 사용할 수 있고, 노트에 사진을 추가 할 수도 있습니다. 그러나 현명한 터치는 Kennedy가 위치, 날짜 및 시간, 현재 날씨 조건, 뉴스 헤드 라인을 추가하여 컨텍스트 레이어를 추가하고, 당시 휴대 전화로 음악을 듣고있는 경우, 듣고있는 트랙의 이름입니다.

UI 디자인 : Kennedy

Kennedy의 추가 된 디테일은 드라이 노트에 대한 풍부한 대안을 제공합니다. [Image : Brendan Dawes]

그 결과, 그다지 중요한 의미가없는 건식 음표 대신에, 훨씬 더 자세하게 기억을 되살리는 데 도움이 될 수있는 많은 프롬프트와 함께 완전한 컨텍스트로 특정 순간을 캡처 할 수 있습니다. 그리고 Dawes의 깔끔한 디자인과 스마트 UI는 모든 것을 단순하고 멋지게 유지합니다.

관련 기사: