🏁 IT & Product/⌨️ Programming (15) 썸네일형 리스트형 UI 디자인 가이드 : Text fields ** 이 아티클은 제법 오래된 자료이긴 하지만, UI에서 가장 기본적으로 다뤄야 하는 텍스트 필드에 대한 설명이 디테일하게 설명되어있기에 공유합니다. Cheat sheet : Text fields 텍스트 필드는 사용자 입력의 방법 중 가장 많이 사용되는 한 가지 방법입니다. 로그인 페이지에서나 온라인으로 주문서를 입력하거나 그 외 다양한 정보를 보낼 때에 텍스트 필드를 주로 사용하게 됩니다. 이후 글에서 미리 결정된 텍스트 필(드롭다운과 같은)과 양식의 스타일링 방법을 살펴보겠지만 지금은 전통적이면서 간결한 텍스트 필드 및 스타일링 방법을 살펴보겠습니다. 이 페이지에 있는 내용은 다음과 같습니다. 텍스트 필드 해부 텍스트 필드 구조 일반적인 텍스트 필드 스타일 아이콘 텍스트 필드 상태 값 텍스트 필드 레.. Data Table 설계 가이드 [UI/UX] 효과적인 데이터 테이블 설계에 관한 가이드 데이터 테이블들은 크기, 복잡성, 내용 및 목적에 따라 다르게 사용됩니다. 사용 케이스와 관계없이 잘 설계된 모든 데이터 테이블은 제시된 정보를 명확하게 제공하고 사용자가 통찰력을 얻고 조치를 취할 수 있도록 지원합니다. 이 문서는 각 어플리케이션에서 더 나은 데이터 테이블을 설계하는데에 도움이 되는 모범 사례 모음입니다. 테이블 스타일(Table Style)과 테이블 기능(Table Functionality)의 두 섹션으로 나누어 설명합니다. Table Style 먼저, 테이블을 디자인하고 형식을 결정할 때에는 가독성을 우선시하고 시각적으로 산만할 수 있는 혼란을 주는 요소는 제거하는게 좋습니다. 1. Row Style(최상의 행 스타일) 테이블.. Card UI 디자인 가이드 더 나은 Card UI를 디자인하기 위한 팁과 예시 Card UI는 Instagram, Facebook과 같은 SNS부터 Amazon과 같은 E-commerce 에 이르기까지 지금은보편적으로 사용되는 UI요소입니다. 처음 등장한 이후 Card Layout은 빠르게 확산되었습니다. 정보를 담은 컨테이너로서 Card는 Text, Rich media, Button 등과 같은 모든 요소를 포함하고 있습니다.이들 콘텐츠를 기반으로 다양한 디바이스 및 스크린의 크기에 맞게 조정이 가능하여 UI와 UX의 균형을 맞출 수 있습니다. Card UI란? Card UI는 Single Case에 대한 콘텐츠와 작업을 포함하는 UI 구성 요소를 말합니다. Card에는 다양한 요소가 포함될 수 있겠지만 그것들이 담은 내용은 모두.. UI 디자인 가이드 : 입력 & 폼 좋은 입력 양식 설계를 위한 UI 디자인 지침서 효과적인 입력 폼을 설계할 수 있다는 것은 모든 UI 디자이너에게 있어 중요한 기술입니다. 모든 양식은 사용자의 회원 가입, 제품 구매, 피드백(리뷰) 제공, 이벤트 일정 수립, 세금 작성 또는 의료 기록 제공을 포함한 광범위한 목표를 달성하도록 돕습니다. 목표와 상관없이 모든 양식은 사용자가 빠르고 쉬우며 혼동 없이 완료할 수 있도록 신중하게 설계되어야 합니다. 잘 설계된 형태의 핵심은 입력입니다. 입력은 모든 라이브러리에서 가장 중요한 구성요소 중 하나이며 빠르고 정확한 양식 완성률을 보장하도록 주의하여 설계 및 유지 관리되어야 합니다. 본 가이드에서는 머터리얼 디자인(Material Design), 부트스트랩(Bootstrap) 및 Figma에 기반한.. 완벽한 차트 디자인이 포함된 보고서를 위한 팁 아마도 데이터가 담긴 보고서 혹은 제안서의 기본이라면, 문서의 핵심 내용을 한 눈에 파악할 수 있도록 효율적으로 구성하는 것이겠죠. 그래서 해당 문서에 담긴 데이터를 구조화하고 시각화하는 것이 중요합니다. 데이터 시각화의 가장 기본인 차트 구성에 대해 기본적인 원칙을 다룬 Article을 소개합니다. * 원본 자료의 글을 번역 및 가공한 글입니다. https://uxplanet.org/data-heavy-applications-how-to-design-perfect-charts-c0c893fef6de Data-heavy applications: How to design perfect charts Visualisations are a crucial part of any dashboard design and.. 이전 1 2 다음
