font4 Font? px, pt, inch, pica, em, rem?!?! 시작하기에 앞서.. 아티클에서 다룰 단위 DPI - 1인치당 들어가는 픽셀의 수를 표현한 단위 (Dots per inch) pica - 파이카는 18세기에 만들어진 타이포그래피의 유닛 단위. 보통 1인치는 6분의 1로 나눈 값이다. px - 픽셀 pt - 파이카를 12조각으로 나눈 단위입니다. em - 웹에서 부모요소의 상대적 크기를 갖는 단위 일반적으로 1em = 16px 으로 환산 rem - em의 앞에 root(r)이 붙었으며 부모요소가 아닌 전체 root=html에서 지정한 값을 상대적으로 갖는 크기 단위 폰트는 어디서부터 쓰였을까? 적어도 모니터는 아닐 것이다. 폰트의 크기에 대한 개념은 활자시대에서부터 거슬러 올라왔으며 우리는 폰트를 이해하기 위해서 과거의 단위를 끌어와야한다. 인쇄물의 최소단.. 2023. 2. 27. [101가지 UX 원칙] #2~#5 폰트를 사용할 때 원칙 #2 두 가지 이상의 서체를 사용하지 마라 내가 이 챕터를 읽으면서 새롭게 알게 된 사실은 나도 모르게 서체 'Typeface'를 폰트 'Font'라고 부르고 있었다는 것이다. 폰트는 소프트웨어에서 서체를 랜더링하고자 사용하는 파일을 말하는 것이기 때문에 엄밀히 따지면 서체 'Typeface'로 이야기하는 것이 올바르다. 이 책에서는 폰트 = 팔레트에 있는 페인트 서체 = 캔버스 위에 그려진 명작 이라고 표현하고 있다. 한 서비스에서 서체를 다양하게 사용하는 것은 사용자에게 하여금 과도한 '시각적 소음'을 일으키기 때문에 최대 2개의 서체를 사용하는 것이 좋으며, 이때 제목용 서체, 본문용 서체를 나누거나 한 서체 내에서의 Font Famliy를 활용하는 것이 좋다. #3 사용자의 컴퓨터에 설치된 폰트를.. 2020. 5. 5. VR에서 잘 보이는 Font Design Guide (2) 아마 VR Design을 공부하는 사람들이라면 Text Scale에 대한 고민이 많을 것이다. 책, 모바일, 웹의 경우 어느 정도 일관된 거리에서 글자를 보기 때문에 권장되는 글자 크기가 존재한다. 편집 디자인을 공부할 때 본문의 크기는 8.5~9pt 내외 캡션은 6.5~7pt 내외 같은 식의 나만의 기준이 있었는데, 웹이나 모바일의 경우도 크게 다르지 않았다. 하지만 VR의 경우 일관된 거리가 아닌 멀리 있는 글자를 봐야 하는 경우도 많기 때문에 거리에 따른 텍스트의 크기도 고려해야 했다. 이러한 내용이 MicroSoft의 HoloLens의 디자인 가이드를 보면 나와있는데, 거리에 따른 글자 크기의 최소 권장 수치와 편안하게 볼 수 있는 수치가 나와있다. 일반적으로 사람들은 모니터와 눈의 거리를 45~.. 2020. 3. 8. VR에서 잘 보이는 Font Design Guide (1) 3D 공간의 텍스트라고 한다면 우리는 돌출되고 부피가 큰 3D 텍스트를 생각하곤 한다. 하지만 의도적으로 설계된 3D 텍스트나 기타 제한된 용도를 제외하고 압출된 형식의 텍스트는 사용자로 하여금 가독성을 떨어뜨린다. 그러므로 우리는 3D 경험을 디자인하고 있지만, 읽기 쉬운 2D 텍스트를 사용한다. VR이든 AR이든 XR 세상 속의 문자 규칙은 우리가 이미 익숙한 현실 세계의 책이나 모바일, 웹, 영상 등 다른 어디와도 크게 다르지 않다. 양쪽 세상의 텍스트의 목적은 읽기 쉬워야 한다는 공통점을 가지고 있기 때문이다. XR 세상의 다른 점이라면 텍스트가 텍스트끼리 혹은 실제 물체와 겹쳐 있을 수 있거나 공중에 떠있는 사용자 인터페이스에 적용되어있을 수도 있다는 것이다. 하지만 어쨌든 우리는 텍스트의 가독.. 2020. 3. 2. 이전 1 다음
