디자인

46편

한글 웹 타이포그래피 (10) 문장부호가 데려오는 사이 공간 한글 웹 타이포그래피 (10) 문장부호가 데려오는 사이 공간 한글 웹 타이포그래피 (11) 폴백 폰트가 밀어내는 줄 한글 웹 타이포그래피 (11) 폴백 폰트가 밀어내는 줄 한글 웹 타이포그래피 (8) 속공간과 커닝 한글 웹 타이포그래피 (8) 속공간과 커닝 한글 웹 타이포그래피 (9) 줄상자의 해부 한글 웹 타이포그래피 (9) 줄상자의 해부 제품을 만든다는 건 kludge를 쌓는 일이다 제품을 만든다는 건 kludge를 쌓는 일이다 기다림을 설계하기: 낙관적 UI와 노동 착시 기다림을 설계하기: 낙관적 UI와 노동 착시 불가능한 상태를 불가능하게: UI를 상태 기계로 모델링 불가능한 상태를 불가능하게: UI를 상태 기계로 모델링 스프링 애니메이션: 언제 쓰고 어떻게 조절하나 스프링 애니메이션: 언제 쓰고 어떻게 조절하나 디자인 크리틱: 감상평이 아니라 비평을 하는 법 디자인 크리틱: 감상평이 아니라 비평을 하는 법 모션 디자인 원칙: easing과 duration을 정하는 기준 모션 디자인 원칙: easing과 duration을 정하는 기준 빈 화면 디자인: 아무것도 없을 때가 진짜 승부 빈 화면 디자인: 아무것도 없을 때가 진짜 승부 차트는 어떻게 정직하게 거짓말하는가: 지각 인코딩의 위계 차트는 어떻게 정직하게 거짓말하는가: 지각 인코딩의 위계 한글 웹 타이포그래피 (1) 서구 규칙을 그대로 쓰면 안 되는 이유 한글 웹 타이포그래피 (1) 서구 규칙을 그대로 쓰면 안 되는 이유 한글 웹 타이포그래피 (2) 명조와 고딕, 화면에서 무엇을 언제 한글 웹 타이포그래피 (2) 명조와 고딕, 화면에서 무엇을 언제 한글 웹 타이포그래피 (3) 글자 크기와 굵기, 그리고 본문 대비 한글 웹 타이포그래피 (3) 글자 크기와 굵기, 그리고 본문 대비 한글 웹 타이포그래피 (4) 글 길이와 줄끝 처리 한글 웹 타이포그래피 (4) 글 길이와 줄끝 처리 한글 웹 타이포그래피 (5) 자간·행간과 문단 간격 한글 웹 타이포그래피 (5) 자간·행간과 문단 간격 한글 웹 타이포그래피 (6) 위계와 타입스케일: 본문에서 값을 뽑아 조립하기 한글 웹 타이포그래피 (6) 위계와 타입스케일: 본문에서 값을 뽑아 조립하기 한글 웹 타이포그래피 (7) 웹폰트 로딩과 성능 한글 웹 타이포그래피 (7) 웹폰트 로딩과 성능 디자인 토큰 3계층: primitive, semantic, component 디자인 토큰 3계층: primitive, semantic, component 전주의적 처리: 아이콘 그리드가 리스트보다 느린 이유 전주의적 처리: 아이콘 그리드가 리스트보다 느린 이유 브레이크포인트 없는 반응형: 컨테이너 쿼리, clamp, 내재적 디자인 브레이크포인트 없는 반응형: 컨테이너 쿼리, clamp, 내재적 디자인 접근성의 진짜 난이도: 대비 말고 포커스 관리 접근성의 진짜 난이도: 대비 말고 포커스 관리 컴포넌트 API 설계: 불린의 함정 컴포넌트 API 설계: 불린의 함정 마이크로인터랙션이 UI의 절반을 결정한다 마이크로인터랙션이 UI의 절반을 결정한다 디자이너에게 필요한 것 디자이너에게 필요한 것 시각보정: 디자인이 숫자를 배신할 때 시각보정: 디자인이 숫자를 배신할 때 디자이너는 전주기를 본다 디자이너는 전주기를 본다 좋은 디자인, 가성비 좋은 디자인 좋은 디자인, 가성비 좋은 디자인 R_in = max(0, R_out - d) R_in = max(0, R_out - d) 요구사항 파악과 최소 구현에 대한 짧은 세미나 요구사항 파악과 최소 구현에 대한 짧은 세미나 구조화: 논리적인 사고의 첫걸음. 구조화: 논리적인 사고의 첫걸음. Css in depth와 Debugging Css 후기 Css in depth와 Debugging Css 후기 폰트 단위: em, rem(root em) 폰트 단위: em, rem(root em) 경험이란 무엇인가(1)? 경험이란 무엇인가(1)? 디자이너를 위한 프레이머(4) 디자이너를 위한 프레이머(4) UX와 스토리텔링 - Facebook을 중심으로 UX와 스토리텔링 - Facebook을 중심으로 디자이너를 위한 프레이머(3) 디자이너를 위한 프레이머(3) 디자이너를 위한 프레이머(2) 디자이너를 위한 프레이머(2) [머티리얼 디자인] Layout 이해하기 [머티리얼 디자인] Layout 이해하기 디자이너를 위한 프레이머  (1) 디자이너를 위한 프레이머  (1) [머티리얼 디자인] DP 이해하기 [머티리얼 디자인] DP 이해하기 Dive Into UX(3) - Prototyping Dive Into UX(3) - Prototyping Dive into UX (1) - UX란? Dive into UX (1) - UX란? Dive into UX(2) - Lean UX의 등장 Dive into UX(2) - Lean UX의 등장 Dive into UX(0) - UX? UI? HCI? Dive into UX(0) - UX? UI? HCI?