디자인을 시작할 때 어떤 해상도로 디자인을 시작해야 할지 반응형은 어떻게 해야 할지 막막했다. 이번 프로젝트가 웹이기 때문에 이번 포스팅은 웹디자인 해상도와 반응형에 대해 이야기하도록 하겠다. 1. 유저들의 모니터 해상도 먼저 PC 유저들이 어떤 해상도를 많이 쓰는지 파악해보자. (참고) 아래 사이트에 들어가면 사람들이 어떤 해상도를 많이쓰는지 알 수 있다. https://gs.statcounter.com/screen-resolution-stats/desktop/worldwide/#monthly-202202-202302 Desktop Screen Resolution Stats Worldwide | Statcounter Global Stats This graph shows the stats of deskt..
Pixel (화소) 디스플레이를 구성하고 있는 최소단위이다. 우리가 보는 모든 문자와 이미지는 픽셀이라고하는 가장 작은 단위로 구성되어있다. 실제로 디지털이미지를 계속 확대하면 정사각형 모양의 수많은 픽셀들이 모여있는것을 볼 수 있다. 아래 사진을 보면 컬러를 가진 픽셀들이 모여 하나의 카메라 이미지를 완성시키는것을 볼 수 있다. PPI (Pixel Per Inch) 1인치안에 픽셀이 몇개로 이루어져있는지를 나타낸다. 1인치에 존재하는 픽셀이 많을 수록 표현할수있는 색상과 표현 많아져 더 선명한 화면을 이루게 된다. (첫번째 사진) 10PPI이면 1inch(2.54cm)에 10개픽셀 즉, 총 10x10=100개의 픽셀로 이루어져있다는 의미이다. DPI (Dots per inch) DPI는 1인치에 점(D..
[ 상호작용 수단과 방식에 따른 UI의 구분 ] CUI (Character based UI) 문자방식의 명령어 입력 사용자 인터페이스 GUI (Graphic UI) 그래픽 환경 기반의 마우스 입력 사용자 인터페이스 NUI (Natural UI) 사용자의 말과 행동 기반 제스쳐 입력 인터페이스 [ 사용자인터페이스(UI) 설계 지침 - 10원칙 ] (한국 HCI 연구회) 가시성의 원칙 - 앱의 주요기능을 노출시켜 최대한 조작이 쉽게 되도록한다. 조작결과 예측의 원칙 - 사용자가 앱을 조작하여 작동시킨 결과를 조작부위만 보고도 미리 예측가능하게 한다. 일관성의 원칙 - 앱의 조작방식에 일관성을 제공함으로써 사용자가 쉽게 기억하고 빠르게 적응할 수 있게 한다. 단순성의 원칙 - 앱의 기능구조를 단순화시켜 조작에..
우리가 접하는 앱들이 다같은 앱처럼 보이지만 앱에는 여러 종류가 있다. 이번 포스팅에서는 앱의 종류와 특성에 대해서 알아보고자 한다. 1. 모바일 앱의 종류 네이티브앱 (Native App) 모바일 OS 제조사에서 제공하는 개발언어를 이용하여 각각의 OS 에서만 동작되는 앱을 말한다. 예) 자바로 개발하는 안드로이드앱과 Objective-C 언어로 개발 되는 아이폰 앱 장점 모바일 OS 제조사에서 공급하기때문에 구동 속도가 빠르다 다양한 기능 구현이 가능하다 인터렉티브한 사용자 환경을 여러가지 방식으로 제공 가능하다 단점 제조사에서 제공하는 언어를 이용해야하므로 업데이트 및 수정이 어렵다. (ex. 안드로이드 / ios) 동일한 앱을 다양한 플랫폼에서 출시시 많은 시간이 소요된다. 예시) 페이스북, 인스..
