기록장12 UXUI 아티클 정리 : 시각적으로 균형있는 디자인 하는 방법 요약 아이콘을 만들 때 사각형에 가까운 도형이 더 커 보인다.따라서, 사각형이 가까운 아이콘은 조금 줄이고 그렇지 않은 이모지는 조금 늘리는 것을 시각적으로 균형 잡혀 보인다.이를 체크할 수 있는 방법으로는 각 모형을 블러 처리하여 무게감을 보는 것이다. 텍스트 박스 옆에 둥근 아이콘이 있다면 크키를 키우는 것이 균형 좋아 보일 것이다. 아이콘을 만들 때는 시각적 균형을 위해 여백을 조금 남기는 것이 좋다.뾰족한 가장자리는 평평한 가장자리에 비해 짧아 보일 수 있으므로 조금 더 길게 만든다. 텍스트의 배경이 흐리다면 텍스트 흐름을 읽는데 방해되지 않지만 텍스트의 배경이 진하다면 텍스트 흐름을 읽는데 방해되므로 텍스트의 배경을 다른 텍스트에 맞춰 정렬해 준다. 삼각형의 아이콘 위치를 잡을 때는 사각형 프.. 2024. 5. 2. Components_Actions Common buttons -Tip많은 버튼은 적합하지 않다.한줄로 작성하며 간단 명료하게 작성한다.다른 텍스트 스타일과 겹치지 않게 한다.위와 같은 Reserve는 filled button으로 바꾼다면 더 편리한 UI가 될 것이다. FAB -TipFAB에 겹치는 요소를 넣지 않는다. 각자의 구성 요소마다 FAB를 주는 것은 좋지 않다.탭 이동시 사라졌다가 다시 나오는 것이 사용자가 변화를 눈치 챌 수 있다. Extended FAB -Tip여러개의 FAB는 피하고 만약 필요하다면 사이즈를 달리하는 것이 좋다. 위와 같은 선택 사항에서는 일반 버튼을 사용한다. Icon buttons -Tip선택할 수 있는 윤곽선 버튼과 확실하게 구분한다. Segmented button-Tip선택사항은 2-5개 적당하다. .. 2024. 5. 1. UXUI 아티클 생각 및 정리 : 모두를 위한 디자인은 가능할까? 유니버셜 디자인 모든 사용자의 제약 없이 좋은 접근성을 가춘 서비스를 이루는 말 하지만 유니버셜 디자인은 그렇지 않은 디자인보다 더 많은 돈과 노력이 필요하다. 어설픈 이해와 공감은 오히려 이상한 결과물을 만들기 때문에 좋은 서비스나 디자인을 구축하기 위해서는 밀도 높은 이해와 공감이 필요하다.이를 경험 할 수 있던 [전시 : 어둠 속의 대화]는 각장애인들 겪고 있는 불편한을 느껴 이해와 공감을 일으켰다. 과연 점자는 시각장애인에게도 편리할까?시작장애인에게 점자는 큰 도움이 되지 않을때도 있다. 이러한 점은 시각장애인의 이해와 공감을 하지 않으면 깊이 공감하기 힘들다. 엘레베이터의 버튼은 장애인과 일반인의 경계선을 더욱더 진하게 만드는 것은 아닐까?엘리베이터 버튼은 건축법상 휠체어를 탄 사람도 누를 수 .. 2024. 4. 25. UXUI 아티클 정리 및 생각 : UX/UI 레벨테스트 정리 가독성왼쪽 정렬은 긴 글을 작성했을 때 가독성이 올라간다.오른쪽 정렬은 짧은 주제, 정리, 핵심내용과 같은 곳에 포인트 주기 좋다. 줄간격은 150% 이상으로 두는 것이 내용을 식별하기 좋다. 강조주요 정보와 나머지를 뚜렸한 차이를 만드는 것이 좋다. 사용자가 상호작용이 가능한 것은 상호작용이 불가능한 것과 차이를 두는 것이 좋다. 편리함옵션이 적은 경우 라디오 버튼을 사용하고 기본 옵션을 정해둔다. 레이블과 플레이스 홀더는 분리한다. 필수 정보는 사용자가 계속해서 볼 수 있게 한다. 확실성사용자가 착각할 수 있는 선택지나 수치심을 줄 수 있는 선택지는 사이트의 인식을 고려하지 못하는 방향이다. 모호할 수 있는 선택지는 사용자의 혼란을 줄 수 있음.. 2024. 4. 24. 이전 1 2 3 다음
