본문 바로가기

반응형

🏁 IT & Product/⌨️ Programming

(13)
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..

반응형