7 Practical Tips for Cheating at Design
Medium
# 리팩토링 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은 배경색을 생략하거나 색을 추가하지 않는 선에서 약하게 강조
2020년 9월 7일 오전 10:16