레이아웃

레이아웃은 특정 영역 안에 요소를 배치하는 것입니다. 스크린에서 사용하는 레이아웃은 정적인 화면 균형 뿐만 아니라 서비스의 추상적인 공간의 구조를 적절하게 표현해야합니다. 또한 다양한 스크린에서 표시되기 때문에어떤 환경에서도 유사한 맥락으로 사용할 수 있도록 설계해야 합니다.

계속 읽기 “레이아웃”

타이포그래피

문자는 다른 시각 언어보다 구체적이고 정확하게 정보를 전달하는 언어입니다. 물체나 풍경 같은 것들은 아이콘이나 이미지로 알려주는게 좋을 수 있지만, 행동이나 개념을 알려줄 때는 문자가 더 효율적입니다. 같은 문화권이라면 의미 전달이 확실하기 때문에 가장 많이 쓰이는 시각 요소입니다.

계속 읽기 “타이포그래피”

스케치에서 서체는 어떻게 동작하는가?

모바일 디자인을 하다보면 스케치에서 서체를 정말 많이 씁니다. 기본적인 스케치의 서체 동작은 알고 있지만 주로 한글로 된 서비스를 만들면서 여러가지 문제에 직면하게 됩니다. 스케치에서 제플린 등으로 개발팀에 시안을 전달할 때 정확한 수치가 표시되는게 중요한데, 한글은 영문과 다르게 의도한 것과 다르게 수치가 표기될 때가 많습니다. 스케치에서 서체가 어떻게 동작하는지를 세세하게 실험해봤습니다.

계속 읽기 “스케치에서 서체는 어떻게 동작하는가?”

iOS & Android: UI 디자인

디지인할 때 알아두어야 할 각 플랫폼의 차이점에 대한 정리입니다. 모바일 디자인이 고도화되면서 점점 비슷한 UX로 발전하고 있지만, 그 안에서도 디테일한 차이가 있습니다. 서비스를 디자인 할 때 목적에 따라 패턴을 디자인하고 각 플랫폼에 동일하게 적용하는 편이지만 OS에서 권장하는 UI 가이드라인을 살펴보면 적합한 패턴을 선택하는데 도움이 될 것입니다.

계속 읽기 “iOS & Android: UI 디자인”