인프런 커뮤니티 질문&답변

안녕하세요 에릭 선생님😁

'섹션 7. “빠르게” UI디자인을 잘할 수 있도록 도와주는 디자인 원리들' 강의를 듣고 내주신 과제를 제출하려 합니다.

강의에서 소개된 UI 디자인 원리 중에 저는 '근접성'을 선택했습니다.

잘 적용된 사례는 '미니스탁' 앱을 선택했고, 아닌 사례는 '베리픽'이라는 앱을 선택했습니다. 

먼저 아래는 '미니스탁' 앱에서 일부 화면을 캡쳐한 것인데요, 종목/항목마다 관련된 텍스트들이 가까이 붙어 있고, 다른 종목/항목에 대한 것은 일정한 간격을 두고 떨어져 있고 확실하게 구분이 되며, 근접성이 잘 적용 되었다고 생각합니다. 또한 아주 옅은 구분선까지 있어 너무 정신 사납지(?) 않으면서 다른 항목과 혼동되지 않게 한 것도 좋았습니다.  

근접성의 원리가 잘 적용되지 않은 사례로 선택한 '베리픽' 이라는 앱의 화면 중 일부를 캡쳐하여 아래 첨부하였습니다. 

각 사진과 그 밑에 있는 설명 텍스트가 서로 연관된 것임에도 불구하고 어정쩡하게 간격을 두고 있어서 근접성의 원리가 잘 적용되지 않았다고 생각하였습니다. 사진 - 관련 설명, 사진 - 관련 설명 ... 이런 구조인데 잘못 보면 설명 텍스트가 텍스트 위에 있는 사진에 대한 것인지 아래에 있는 사진에 대한 것인지 헷갈릴 것 같습니다. 또한 제목 아래에 있는 상세 설명 텍스트 부분이 한 화면에 다 나오지 않고 말 줄임표로 끝나서 사용자가 한 번 더 눌러야 상세 설명을 다 볼 수 있는 구조도 조금 번거롭다고 느껴졌습니다. 

이 분야는 처음 배워보는데 이렇게 적는 것이 맞는지 모르겠습니다 😅 강의 들은 내용을 토대로 나름 분석해보려고 했는데.. 혹시 더 보충할 것이나 아님 제가 간과한 내용이 있다면 알려주시면 감사하겠습니다. 

항상 강의 잘 듣고 있어요~ 이거 다 들으면 피그마 강의도 들으려고 합니다 ^^

또 좋은 강의 많이 올려주세요! 감사합니다☺️