[디자인팁] UI디자인시 알아두면 좋은 8가지 팁

UI디자인시 기본적이지만, 작업시에는 간과 하기 쉬운 팁들 8가지입니다.

작업 후에 한번씩 점검해보면 도움이 많이 될것 같습니다

 

 

1.버튼(button)

프라이머리 액션은 시각적으로 분명해야 합니다.

세컨더리 액션은 잘 보여야하지만, 너무 과하지 않아야 하며.

프라이머리 액션과 차이가 있어야합니다.

 

 

2.구분선(border)

너무 많은 구분선은 사용자에게 복잡한 느낌을 주며, 화면을 조잡하게 만듭니다.

심플하고 내용이 잘 구분되도록, 구분선 사용을 절제 하는 것이 좋습니다.

 

 

3.여백(spacing)

여백은 그룹들 끼리를 구분짓는 역할을 합니다.

또한 그룹안에서의 요소끼리는 가깝게 이어져 하나의 덩어리로 보이게 합니다.

여백을 감안하여 디자인하면 좀 더 시각적으로 한눈에 내용이 들어오는 데에 도움을 줍니다.

 

 

4.툴팁과 가이드(tooltips &guides)

유저가 정보를 잘못 기입하면, 정확히 어느 부분에서 에러가 나오게 만들었는지 보여주어야 하고, 에러가 발생한 이유를 알려줘야 합니다. 이 정보는 유저가 제대로 정보를 기입하고 빠르게 절차를 마무리 하는데에 도움을 줍니다.

 

 

5.키 라인(keylines)

키라인은 콘텐츠를 분할하는 데 도움을 줄 뿐아니라, 연결되지 않은 콘텐츠를 더 연결되었다고 느끼게 만듭니다.

 

 

6.텍스트 정렬(text alignment)

텍스트 정렬은 디자인을 깔끔하게 보이는데 도움을 줍니다. 그리고 텍스트가 정렬되면 원하는 콘텐츠를 찾기 쉽고 더 정리 되어 보입니다.

 

 

7.대비(contrast)

바탕화면 컬러와 그위의 요소들의 컬러에 대비를 주는 것은 서로 분별이 되어 내용이 더 잘보이게 만드는 데 도움을 줍니다.

 

 

8.폼(forms)

폼은 한줄로 배열하고 비슷한 것끼리 그룹을 짓는 것이 좋습니다.

두줄 이상의 폼은 시각적으로 잘 읽히지 않습니다.

 

 

출처 - https://www.instagram.com/p/BzE4TpXgBtc/?utm_source=ig_web_copy_link