Blog · 함께 배우는 일기
마스터의 강의가 아니라,
연구자의 일기.
총 192개 중 1-10
- 2026.07.25·uiux
Auto mode, System theme, color-scheme
OS 설정 테마를 자동 감지해 적용하는 auto mode 동작 원리입니다. prefers-color-scheme과 color-scheme 속성, 다국적 동기화까지 정리합니다.
- 2026.07.25·uiux
Theming 상세, CSS Variables, Brand expression
CSS Variables 기반 theming 구현법입니다. Design tokens부터 다중 테마, Material You 같은 brand expression 흐름까지 정리합니다.
- 2026.07.24·uiux
Carbon, Polaris, Lightning, Spectrum, 엔터프라이즈 디자인 시스템 4종
대기업이 자체 제작해 공개한 4개의 디자인 시스템입니다. IBM Carbon, Shopify Polaris, Salesforce Lightning, Adobe Spectrum의 정체성을 정리합니다.
- 2026.07.24·uiux
Global, Local nav, Hub-and-spoke, Polyhierarchy
사이트의 4가지 네비게이션 구조를 정리합니다. Global nav, Local nav, Hub-and-spoke, Polyhierarchy 각각이 어울리는 사이트 유형을 살펴봅니다.
- 2026.07.24·uiux
Mega menu, Mega footer, 2007 Jakob Nielsen 명명
호버하면 화면 절반을 채우며 펼쳐지는 큰 메뉴입니다. 2007년 닐슨 노먼 그룹이 명명한 mega menu와 mega footer의 사용 기준을 정리합니다.
- 2026.07.24·uiux
Tag, Filter, Facet, 콘텐츠 정리 3종
콘텐츠 정리의 세 가지 도구를 정리합니다. Tag(분류), Filter(좁히기), Facet(필터의 그룹)의 관계와 한국 사례까지 살펴봅니다.
- 2026.07.24·uiux
Sitemap, Navigation, 항해 비유의 후예
웹사이트를 탐험할 수 있는 공간으로 보는 비유의 두 도구입니다. 지도(sitemap)와 항해(navigation)의 종류와 한국어 표준 표기까지 정리합니다.
- 2026.07.24·uiux
Time on task, Task completion, Memorability, Discoverability
사용성 측정의 4가지 미시 지표입니다. Time on task, Task completion, Memorability, Discoverability를 단계별로 어떻게 활용할지 정리합니다.
- 2026.07.23·uiux
Progressive disclosure, Nielsen의 단계적 공개
복잡한 옵션을 한 번에 보여주지 않고 필요할 때 단계별로 공개하는 디자인입니다. 닐슨의 핵심 원리와 적용 사례, 균형의 함정을 정리합니다.
- 2026.07.23·uiux
Chunking, Miller's Law의 응용
긴 정보를 작은 덩어리로 묶어 기억하기 쉽게 만드는 기법입니다. Miller's Law 7±2의 실용적 응용으로 인지부하를 줄이는 방법을 정리합니다.