반응형 디자인13 실제 UI 디자인 - 타이포그래피 앱에 아이콘, 사진 또는 여러 컬러 팔레트가 없을 수 있다. 하지만 디지털 솔루션은 텍스트 콘텐츠 없이는 존재할 수 없다. 텍스트는 솔루션을 이해할 수 있게끔 한다. 어떤 사람들은 디자인의 90%가 타이포그래피라고 말한다. 올바른 타이포그래피를 사용하면 솔루션의 사용자 경험이 크게 향상될 수 있다. 올바른 설정 덕분에 사용자는 콘텐츠를 더 쉽게 소비하고 더 많은 참여를 할 수 있을 것이다. 타이포그래피란? 타이포그래피는 활자를 배열하여 표시하거나 인쇄할 때 언어를 읽을 수 있도록 호소력 있게 만드는 기법과 기술이다. 글꼴 vs. 활자체 우리 모두는 동의어로 글꼴과 서체 용어를 사용한다. 하지만, 그들의 의미는 다르다. 글꼴은 하나의 특정 서체, 크기, 무게로 소개된 텍스트 문자의 시각적 표현이다. 예를 .. 2020. 4. 23. 라디오 버튼과 체크박스가 공존할 수 없는 이유 라디오 버튼과 체크박스는 오랫동안 사용자 혼란을 일으키는 구성요소였다. 이 요소들은 종종 같은 맥락에서 사용되지만, 완전히 다르게 보인다. 디자이너와 개발자들은 그 차이를 알고 있지만, 그것은 그들이 일을 통해 그것을 배웠기 때문이다. 그 차이를 전혀 배우지 못한 사용자들은 어떨까? 사용자에게 차이점을 가르쳐야 한다는 사실은 이 두 요소가 직관적이지 않다는 것을 보여준다. 그들의 외관만으로는 기능면에서 약간의 차이가 있다는 것을 전달할 수 없다. 이 시각적 단서는ㅡ점과 체크마크ㅡ 옵션 선택 이외의 사용자에게 특별한 의미를 부여하지 않는다. 따라서, 라디오 버튼과 체크박스의 공존은 UX의 일관성 원칙을 위반한다. 디자이너와 개발자들은 항상 그래왔기 때문에 그들의 공존에 의문을 제기해 본 적이 없다. 그러나.. 2020. 3. 24. UI 디자인 - 컬러 색상은 사용자가 디지털 프로덕트를 인식하는 방법에 큰 영향을 끼쳤다. 만약 당신이 게슈탈트 원리와 그들이 사용자 인터페이스에 미치는 영향에 대해 알게 되었다면, 이제 색으로 더 많은 생명을 가져다주는 것에 초점을 맞출 수 있다. 이 글은 UI 디자인에서의 색상 사용법에 대한 완전한 가이드가 포함되어 있다. 당신의 다음 UI 톤에 대한 영감을 찾는 데 도움이 되는 툴에 대한 링크도 있다. UI에서 올바른 컬러 사용의 이점 색상은 UI를 더 매력적으로 만들기 위해 사용될 뿐만 아니라 사용자와 비즈니스에 다양한 이점을 준다. ㅡ 색상은 UX를 향상시킨다. 올바른 색상 팔레트로 구성된 콘텐츠는 읽기 더 편할 수 있다. 특정 영역과 오브젝트는 더 많은 의미를 얻으며, 집중하기가 더 쉽다. ㅡ 색은 브랜드의 성격을.. 2020. 3. 18. UI 디자인 - 다크모드 실용적인 팁 & 트릭. 기술은 항상 우리와 함께 한다. 우리는 앱과 상호작용하고 밤낮으로 웹사이트를 읽는다. 어떤 경우에는 디지털 솔루션의 흰색 화면이 우리의 눈에 불편할 수도 있다. 그래서 점점 더 많은 디자이너들이 라이트 모드 / 다크 모드두 가지 테마로 그들의 창작물을 만드는 데 관심을 기울이는 것이다. 다크 모드는 사용자들이 자연스럽게 사용할 수 있도록 우리가 따라야 하는 특정한 규칙을 가지고 있다. 이 글은 그 규칙에 대한 모든 것을 담고 있으므로, 긍정적인 경험을 가져다주는 테마를 만들 수 있다. 왜 다크모드인가? 어두운 테마의 주요 장점은 조도가 낮은 환경에서 가독성이 더 좋다는 것이다. 다크 모드는 기기 화면의 밝기를 감소시킨다. 그것은 시각적 인체공학을 개선하고 특정한 빛 조건에서 더 잘.. 2020. 3. 17. 7가지 CTA 버튼 가이드라인 특히 요즘 같은 시대에 사용자의 주의를 끌기는 결코 쉽지 않다. —온갖 종류의 물건들로 인해 전체적인 주의 범위가 8.25초 정도로 줄어들게 된다. 이것은 또한 대부분의 상위 스타트업들이 주의를 산만하게 하는 요소들의 수를 줄이기 위해 최소한의 사용자 인터페이스 스타일 —으로 전환한 이유이기도 하다. 특정 핵심 요소에만 초점을 맞추면 그 중요성과 효율을 증가시켜 전환율을 높일 수 있다. 이러한 핵심 요소 중 하나는 대부분의 웹 사이트와 제품에 필수적인 "CTA 버튼"이다. 그들은 사용자가 구체적인 조치를 취할 수 있도록 설계되었다; 계정을 만들고, 카트에 추가하고, 제품을 구입하는 것 등. 이러한 버튼은 잘 설계되었을 때 사용자가 제품을 효과적으로 탐색할 수 있을 뿐만 아니라 변환 흐름에도 매우 중요하다.. 2020. 3. 16. 아이콘 디자인의 7 가지 원칙 고퀄리티의 아이콘 패밀리를 만들려면 신중한 접근, 훈련된 안목, 약간의 반복 그리고 많은 연습이 필요하다. 아래에서 7가지 원칙과 수많은 실제 사례를 통해 퀄리티의 특징을 설명하려 한다. 목표는 좋은 아이콘 디자인의 주요 특성에 맞춰 조정하는 것이다. 첫 번째, 명쾌함 아이콘의 주된 목표는 개념을 빨리 전달하는 것이다. 이 수많은 심볼들 속에서, 어떤 것이 당신에게 분명하게 느껴지는가? 운전자들은 시간이 지남에 따라 이것들을 습득하지만, 아이콘 자체는 대부분 직관적이지 않다. 아이콘들의 의미를 해독하기 위한 매뉴얼이 필요하다. 아이콘에 익숙하지 않은 은유를 사용하면 이해하기 어렵다. 안전벨트 "기억 등" (왼쪽에서 세 번째)은 거의 글자 그대로여서 우리는 빨리 알아볼 수 있다. "전동 파워 조종장치 시스.. 2020. 3. 13. 이전 1 2 3 다음
