티스토리 뷰

[UX][UI]/Article

[Article] UI 아티클

9.01 2023. 11. 27. 21:35

[UX][UI][Product][Figma][Trend]  

https://ditoday.com/ui-이해하기-인터페이스란-무엇인가/ 

 

UI 이해하기 - 인터페이스란 무엇인가 - DIGITAL iNSIGHT 디지털 인사이트

정교한 사용을 위한 UI 이해하기

ditoday.com

인터페이스의 정보 전달 

우리가 전자제품을 볼 때 주로 제품의 인터페이스를 평가하곤 한다.

'버튼 수가 적어서 조작하기 쉬울 것 같다'라는 말과 같은 의미라고도 생각할 수 있다.

이렇게 디자인에서의 인터페이스는 사용자에게 정보를 제공하는 정보 전달의 측면도 가진다.

하지만 옷이라는 제품을 평가할 때 우리는 '이 옷은 인터페이스가 좋다'라고 이야기하지 않는다. 

흔히 말하는 '인터페이스'란 도구나 장치의 속성을 가질 때 좀 더 확실한 의미가 있으며, 인터페이스는 장치를 제어하는 요소로 생각하면 이해하기 쉽다. 

https://developer.apple.com/kr/design/tips/

 

UI 디자인 기본 원칙 - Apple Developer

콘텐츠 형식 지정 기기 화면에 맞는 레이아웃을 생성하십시오. 사용자가 기본 콘텐츠를 확대/축소 또는 가로로 스크롤하지 않고 볼 수 있어야 합니다. 더 알아보기(영문)

developer.apple.com

효율적인 인터페이스가 주는 견고함 

콘텐츠는 기기 화면에서 확대/축소, 가로스크롤하지 않고 볼 수 있는 형태여야 하며 

텍스트, 버튼, 이미지는 정렬을 통해 각 정보가 연관성 있게 보여야 한다. 

또한 행 높이와 간격을 통해 텍스트의 가독성을 높여야 한다. 

이미지는 가로 세로 비율을 픽스시켜 확대/축소시에도 왜곡을 방지해야 하며

서체 색상과 배경 색상의 대비를 명확하게 하여 텍스트를 선명하게 보이도록 해야 한다. 

 

 

 

 

공지사항
최근에 올라온 글