20 Creative Table UI Design Examples You Should Know in 2021
Medium
CSS에서도 이름을 짓는 것이 가장 어려운 부분입니다.
하나의 팁이 있다면, 구체적으로 지으라는 것입니다.
이 사진은 카드를 찍은 것입니다. 그런데 무슨 카드일까요? 신용카드라고 하면 명확합니다.
CSS 이르 짓기도 이와 같습니다.
“CSS 코드 냄새” 중 “느슨한 클래스명”
https://mytory.net/archives/8982
더 많은 콘텐츠를 보고 싶다면?
이미 회원이신가요?
2023년 11월 1일 오전 3:07
댓글 0
함께 읽은 게시물
도윰을 주는 어려움
경력이 늘어나면 늘어날수록 주요 업무를 진행하는 것도 있지만 또하나 강조되는 것은 함께 일하는 구성원의 성장에 도움을 주어야 한다는 것인거 같아요.
... 더 보기이번 발표를 보고 애플은 끝났다라고 말하는 사람들도 많지만, 나는 오히려 초심으로 돌아갔다고 느껴진다. 이제 진짜 시작한다는 느낌도 들고.
테키 입장에서는 특히 한국 사람 입장에서는 아무것도 없는 것 같이 느껴질 수 있다. 하지만, 기능들 발표한 걸 보면 작아 보이는 것들이 보통 사람들의 매일의 일상속에 필요한 것들이다.
직전 애플 행사에선 AI 기술 따라가야된다고 뭔가 기술적인 아젠다를 말하는데 힘썼는데, 이번엔 WWDC임에도 사용자들에게 필요한 것들을 많이 내 놓았다. 이것이 애플의 철학이 아닌가.
🌟 디테일의 간격 시리즈!
[✏️ 테이블 디자인 시 10가지 참고사항]
(👀간단 요약)
좋은 테이블 디자인은 사용자가 데이터를 쉽게 확인하고, 비교할 수 있으며 원하는 조건에 따라 빠르게 정렬할 수 있습니다. 대시보드, 가격비교 화면, 구매 페이지, 배송일정 등을 확인할 때 텍스트 위주로 표기해주는 것보다 직관적으로 안내할 수 있는 테이블 디자인이 자주 쓰이는데요. 조금 더 구체적으로 살펴보면 아래와 같은 특징을 갖고 있어요.
- 웹, 모바일에 최적화된 상태로 데이터 전달 및 확인 가능
- 사용자가 확인해야 할 데이터를 하나에 담을 수 있음
- 수정 및 추가가 쉬움
- 화면 내 인터페이스 로딩 속도 증가
- 상대적으로 깔끔한 레이아웃 유지 가능
📌 인터페이스에 가장 적절한 행 스타일 찾기
✓ 행 스타일은 사용자가 데이터를 빠르게 찾고자 할 때 얼마나 도움이 되는지 결정하는 요소
✓ 격자의 활용 : 엑셀, 스프레드시트 등에서 일반적으로 사용하는 스타일로 세로와 가로선을 모두 활용해 데이터 구분 가능. 다만 너무 많은 그리드가 포함될 경우 집중이 흐트러진다는 단점이 있어 상세한 데이터를 제공해야 할 때 활용하는 것이 좋음
✓ 가로... 더 보기
