# 리팩토링 UI 2018년도에 나온 것이지만 여전히 UI 팁에 관해선 제일 정리가 잘 되어있어 공유합니다. 2020년에도 버튼이나 글씨를 무조건 크게, 눈에 띄게 해달라거나 여백이 너무 많다고 스크린 꽉꽉 채워달라는 요청을 받고 계신가요? 그렇다면 이 미디엄 글이나 이북을 팀 내에 공유해보세요. Do / Don’t 형식으로 이미지와 함께 설명되어있어 디자이너가 아니어도 쉽게 이해할 수 있도록 구성되어 있습니다. 저는 책구매를 추천합니다. 공유한 미디엄 링크는 책의 요약버전이라 맛보기로 보시면 좋습니다. 🏷 책 → https://refactoringui.com/book/ 🏷 더 간단한 버전인 트위터 타래 → https://bit.ly/2Zgbcy6 (계속 업데이트 되니 팔로우 추천!) [📝미디엄 요약] 1. 폰트 사이즈를 조절하는 대신 컬러와 두께로 시각적 계층을 만들 것 2. 배경색이 있는 곳에 서브 텍스트 컬러로 회색을 쓰지 말 것. 알파 값을 조정하거나 hsl의 lightness값 조절로 대신 처리 3. shadow offset값을 줄 것 (강한 그림자보다는 부드러운 그림자를 사용) 4. 테두리, 분할선을 덜 사용할 것. 선 대신 box shadow나 배경색, 여백을 사용할 것. 5. 중요하지 않은 아이콘의 크기는 키우지 말 것. 혹은 단순히 만든 아이콘을 크게 사용하지 말 것. 아이콘 크기를 키울 경우 디테일을 추가하고 아니면 아이콘을 수정하는 대신 배경 레이어를 추가해줄 것. 6. 모든 버튼에 배경색이 필요하지 않음. secondary button은 배경색을 생략하거나 색을 추가하지 않는 선에서 약하게 강조