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
[UX/UI디자인] UI 디자인 시의 그리드 사용 방법 8가지 (0) | 2019.07.17 |
---|---|
[UX/UI디자인] 안드로이드 UI 디자인 시 알아야 할 기본사항 (dp, 해상도) (0) | 2019.07.09 |
[UX/UI디자인] 폼 박스(가입, 로그인 양식 등) 디자인시 유의할점 8가지 (0) | 2019.07.04 |
[디자인팁] 좋은 디자인 포트폴리오 만드는 방법 - 8가지 팁 (0) | 2019.06.30 |
댓글 영역