타이포그래피(2)
-
[Scaffold Design System] 2. 여러 상황에 대응할 수 있는 텍스트 스타일 시스템
타이포그래피는 화면의 대부분을 구성하는 매우 중요한 요소로, 견고한 디자인 시스템을 위해 반드시 갖춰야 할 요소죠. 그러나 시스템 구축 초기 단계에서는 놓치기 쉬운 부분이기도 합니다. 피엑스디(pxd) 내부에서도 대규모 프로젝트를 진행하면서 텍스트 스타일 체계를 적용하는 과정에서 여러 어려움을 겪었습니다. 이러한 어려움을 어떻게 해결해 나갔는지 소개하겠습니다. 문제1. 확장성이 떨어지는 이름 규칙기존에는 Body 스타일의 이름을 지을 때 body 1, body 2와 같이 가장 큰 사이즈를 기준으로 내림차순으로 이름을 지었습니다. 프로젝트 초기에는 크게 문제가 없었지만, 운영을 하다 보면 꼭 아래와 같은 요청이 발생했습니다.큰 제목을 사용하게 되서, 더 큰 본문 텍스트가 필요해요. 18px정도면 좋을 것 ..
-
UI 디자이너의 위기지학, Design Hacking을 통해 코딩 배우기
pxd에서는 2017년을 UI 디자이너가 코딩하는 원년으로 삼기로 했습니다. 저 혼자 정한 거지만요. :) UI 디자이너가 코딩을 배워야 하는 이유에 대한 글들은 많이 보셨을 텐데요. 저는 UI 디자이너의 의도적 수련에 필요한 능력으로써 코딩을 배우면 좋겠습니다. 코딩을 배워야겠다고 생각하는 디자이너는 많아도 새로운 걸 배운다는 부담감이 커서인지 주변에서 실제 코딩을 배우는 분은 별로 없습니다. 그래서 같이 따라 하면서 실질적으로 코딩을 배울 수 있는 디자이너의 코딩 수련장(workbook) 형식으로 글을 써보려고 합니다. UI 디자이너의 의도적 수련과 피드백디자이너로서 전문성을 키우고 성장하는 데는 새로운 방법과 지식을 습득하는 것도 필요하지만 직접 디자인하고 그것에 대한 피드백을 통해 학습하는 디자인..