프레이머 :: Framer 프레이머 프레이머는 코드 기반(React, typescript, jsx : 웹 기술)의 프로토타입 툴이다. 1. 프레이머가 다시뜬다고? 최근 상무님께서 프레이머 툴을 한 번 알아보라고 하셔서 관련 정보를 리서치하게 되었다. 이 툴을 쓰는 대표적인 회사가 토스인데 그들은 프레이머로 내부 디자인 시스템을 구축하고 새로운 워크플로우를 개선하여 업무의 효율성을 높였다고 이야기한다. 사실 개인적으로 2년전 React 개발도 해보고(github링크) 프레이머 온라인 커뮤니티(페이스북) 활동에 참여해봤고, 개인적으로 만들고 싶었던 서비스를 프레이머를 이용해 만들어 봤었지만 실제 코드로 디자인시스템을 구축할 수 있다는 것은 생각도 못했었다. 하지만 최근 토스-플랫폼디자인팀에서 프레이머로 디자인 시스템을 구축했다는 것은.. 2022. 8. 8. 글자 크기 :: type scale Type scale 정의 Typograph 1. 안드로이드 가이드 기준 a. google material design 구글 material > the type system b. 6+2+2+3이 기본 i. headline ii. subtitle iii. body iv. etc( btn, caption, overline) c. font weight / size / letter spacing로 type 단계별 디테일 높임. d. 프로젝트의 크기에 따라 Headline 수 조절. (참고) Headline폰트와 body폰트종류를 나누어 진행할수도 있는데. Headline은 디자인의 아이덴티티 측면을 body폰트는 가독성을 고려해서 선정하면 좋다. 2. 기타 참고 사이트 a. The typographic scale.. 2020. 11. 3. 이전 1 다음
