플랫폼 디자이너 없이 디자인 시스템을 구축하는 프로덕트 디자이너의 우당탕탕 고통 연대기 가이드를 만들기로 결심 플랫폼마다 사용자 UI/UX 다름 업무 용어의 통일성이 없었음 ===> 디자이너가 하나의 프로덕트에 고립되게 되는 현상 ! 플랫폼의 공통사항을 정리하자 Style Guide 개선이유 사용성을 더 좋게 개선하자. 커뮤니케이션이 더이상 발전하지 않았다. 디자인 원칙을 세우자! (문법과 어조를 추가로 통일, 정리하자) 디자인 시스템 - 두가지 시스템을 예시로 들수 있다. 1. UX, Style Guide, Code가 왁벽한 가이드 2. Code가 빠져있는 가이드 스타일 가이드 장점 확장성이 있어서 커뮤니케이션 비용이 줄어든다. 일관된 사용성 새로운 디자인을 할 때, 스타일 가이드를 토대로 재사용에 대..
개발자도 알면 좋은 UI 디자인 토이프로젝트에서 종종 개발욕구가 사라지는 경우가 있는데, 개발을 하면서 디자인에서 많은 시간을 쏟게되는 경우인 것 같습니다. 그럼에도 디자인이 똥망일때 진짜 개발욕구가 사라집니다.. 세세하게 설명해주는 부분들을 개선할 수 있을 것 같아서 좋은 글이라고 생각합니다. 메모해뒀다가 바로 프로젝트에 적용해야겠습니다. 목업, 와이어 프레임 구체적인것은 뒤로 미뤄라 먼저 빨리 만들어라 컨셉을 정하라 폰트 클래식 serif 통통 생동감 sans serif 중립 sans serif 일관된 UI 디자인을 시스템화 소모적인 고민들의 선택지를 제한하라 테마 선별 폰트 두께, 폰트 크기, 라인 높이, 색상 값, 마진, 패딩, 너비, 높이, 박스 쉐도우, 테두리 반경, 테두리 두께, 투명도, 아..
- Total
- Today
- Yesterday
- 브라우저
- 뷰
- TypeScript
- frontend
- 타입스크립트
- 아티클
- 메서드
- vue.js
- 공부
- html
- Article
- Method
- 제이쿼리
- 차이
- JS
- css
- 프론트엔드
- 프로젝트
- Study
- 리액트
- JavaScript
- 자바스크립트
- 코딩애플
- 통신
- jQuery
- 강의
- 제로초
- VUE
- React
- 기초
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |