🖤인프런만의 100% 블프 이벤트🖤

🎁100% 환급+할인+당첨 가능한 인프런 블프 구경오세요!

[인프런 워밍업 스터디 1기 디자인] 2주차 발자국

[인프런 워밍업 스터디 1기 디자인] 2주차 발자국

2 주차 / 5.7 - 5.10 / 컴포넌트 만들기 1


 

KEEP

컴포넌트 만드는 게 점점 익숙해지고 있다.

2주차 할일을 3주차로 미루지 않고 끝까지 해냈다😊

강의를 먼저 쭉 듣고 두번째는 음소거 해 놓고 같이 실습하니까 확실히 시간이 절약되었다.

 

PROBLEM

  • contrast 플러그인을 통해 명도 대비를 확인하는 과정에서 primary 컬러의 대비가 낮아 좀 더 진하게 수정하는 등 변경사항이 많아 시간이 많이 소요되었다.

ㄴ 컬러를 수정하면서 전반적으로 어두워져서 내가 생각한 primary 컬러랑 멀어지는 게 난감했다.

ㄴ 전체적으로 컬러를 뒤엎고 싶기도 했지만 너무 오래 걸릴 것 같아 일부 수정하는 걸로 마무리했다.

 

/

명도 대비를 확인하면서 다른 브랜드들은 어떤지 확인해 봤는데,

G마켓 디자인시스템을 살펴보니 primary 컬러를 CTA 버튼에 사용하지 않고 action 컬러를 별도로 설정하여 CTA에 적용하는 점이 인상적이었고

네이버를 포함해서 의외로 꽤 많은 브랜드들이 CTA버튼의 명도 대비를 지키지 않는 걸 확인하면서 꼭 지키지 않아도 되는 건지 헷갈렸다..

추후 bold님께 질문해야겠다!

 

  • typography를 Notosans KR에 행간 140%으로 잡고 가니까 확실히 너무..불편하다. 컴포넌트를 만들면서 Roboto도 따로 써야되고.. 수정이 필요해 보인다.

 

TRY

  • 사이드 프로젝트에 배운 디자인시스템 적용해 보기

     

     

댓글을 작성해보세요.

채널톡 아이콘