UI Cheat Sheet - Mobile App typography Apple HIG, Google Material, 웹접근성 가이드 기반의 모바일 앱의 타이포그래피를 규칙을 정리한 글입니다. 모바일 환경에서 가독성을 높이기 위해서는 폰트 사이즈 뿐 아니라 line height, letter spacing, margin 등을 고려해야 합니다. [🔑 Takaways] Minimum Body text size - Apple HIG: 17pt - Google Material: 16pt - WCAG 2.0: 18pt / 14pt for Bold Headline Size - 크고 볼드한 헤드라인은 정보의 위계를 쉽게 구분하여 정보 탐색을 보다 용이하게 합니다. -헤드라인 폰트 사이즈는 본문 폰트의 2-3줄 정도가 되는 것이 좋습니다. System Font - 헤드라인에 커스텀 폰트를 사용하는 것 만으로 시스템에 개성을 입힐 수 있습니다.   [Comment] 아티클 마지막 부분에 언급된 피카소의 격언에서 애자일 강연에서 들었던 학습 패턴(Shuhari)이 떠올랐습니다. 먼저 (규칙을) 배우고, 변형하여 새로운 방법을 만들 수 있습니다. UI 공부는 이전의 패턴/규칙을 계속 해서 학습하고 더 좋은 규칙을 만들어내는 것 같다는 생각이 들었습니다. - "Learn the rules like a pro, so you can break them like an artist" - Pablo Picasso" - Shuhari - Agile Adoption pattern https://en.wikipedia.org/wiki/Shuhari

Guide for designing better mobile apps typography

Medium

Guide for designing better mobile apps typography

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2020년 8월 17일 오전 8:57

댓글 0

    함께 읽은 게시물

    《선택 사항으로서의 고통》

    P

    ... 더 보기

    개발자의 장애 공유 문화

    ... 더 보기

    개발자의 장애 공유 문화

    K리그 프로그래머

    개발자의 장애 공유 문화

     • 

    저장 14 • 조회 3,436


    나는 시스템 빌더이다

    ... 더 보기

    무너지고 있는 프론트엔드, 백엔드 직군의 경계에 대한 고찰

    AI 기술이 우리 일상과 산업 전반에 스며들면서 소프트웨어 개발 환경 역시 큰 변화의 물결을 맞이하고 있다. 특히 코딩을 돕는 AI 에이전트의 등장은 개발 생산성에 대한 큰 변화를 만들고 있다. 나 역시 이러한 변화를 체감하며, 나에게 익숙한 소프트웨어 개발의 대표적인 두 축인 프론트엔드와 백엔드 영역에서 AI 기술이 미치는 영향과 그로 인해 변화하는 소프트웨어 엔지니어의 역할에 대해 개인적인 생각을 정리해 본다.

    ... 더 보기

     • 

    저장 32 • 조회 3,958


    데이터 작업용 Cursor 에디터 - Nao

    d

    ... 더 보기

    Nao - 데이터를 위한 Cursor | GeekNews

    GeekNews

    Nao - 데이터를 위한 Cursor | GeekNews

    ChatGPT 버전명 설명

    ChatGPT 사용할 때 어떤 모델을 선택해야할지 망설여집니다. 모델명만 봐서는 어떤게 좋은지 모르겠더라고요.

    ... 더 보기