블로그 모아보기 - 인프런

[인프런 워밍업 클럽 스터디 2기] 프로덕트 디자인 4주차 발자국

4주차 회고워밍업 클럽을 시작한지 벌써 한달이 지났다..그동안 강의와 특강으로 피그마에 대해서 많이 배웠고 유용하게 쓸 수 있게 돼서 알찬 시간이었다.처음 배리어블 등록할 때 낯설고 어려워서 많이 버벅거렸는데 이제는 꽤 능숙하게 배리어블을 등록할 수 있다ㅎㅎ등록만 해놓으면 모드나 브랜드에 따라서 색이 바뀌는게 정말 신기했고 아직도 신기하다👍배운 점네비게이션 컴포넌트 : 링크, 브레드크럼프, 네비게이션 탭, 모바일 하단 네비게이션, 페이지네이션아바타 컴포넌트아코디언 컴포넌트 로컬 베리어블에 다크모드 색상 입력하기로컬 베리어블에 멀티 브랜드 모드를 등록하기각 브랜드마다 브랜드 고유 색을 나타내기 B2B 이커머스 어드민 페이지 만들기 아쉬웠던 점복습할 시간이 부족했다 앞으로는남은 과제도 다 완성하기강의 처음부터 다시 들으면서 복습하기

(인프런 워밍업 클럽-스터디 2기) 프로덕트 디자인 3주차 발자국

이번 주에도 열심히 컴포넌트를 만들고 다크모드를 비롯한 여러 모드를 만들어 보았다. 다크모드 적용은 컬러 배리어블 등록이 다였지만 생각보다 그럴듯한 화면을 만드는게 힘들었다.다크모드 색상을 조정하는데 얼마나 뭘 어떻게 해야하는지 감이 잘 잡히지 않아 여러번 조정했다.그리고 시각적으로는 대비가 큰데 플러그인을 돌려보면 계속 녹색이 나오지 않아서 당최 어찌 해야할지 모르겠다. 더 연구를 해볼 예정이다. 데스크탑, 타블렛, 모바일 반응형 만드는게 좀 복잡하지만 재밌었는데 각각 화면의 특성을 이해할 수 있었고 불린을 어떤 방식으로 적용해야하는지 배울수 있어서 좋았다. 무엇보다 만들고나니 클릭 몇 번에 휙휙 바뀌는게 재밌고 신기했다 ㅎㅎ한번은 다크모드 만드는데 한 부분만 계속 적용이 안되어서 버그인가 싶었는데 그럴리가.. 역시 휴먼에러이고 내가 배리어블 등록을 primary가 아니라 다른 배리어블로 등록해 놓아서 그렇게 되는 거였다. 이거 가지고 30분을 씨름했는데 역시 더 꼼꼼하게 챙겨야 한다. 체크 또 체크!다중 언어 지원은 아직 피그마에서도 잘 안되는 것 같아 (여러 번역 AI를 써봤지만 영어>한국어는 번역투가 너무 뚜렷해서 어색하게 느껴진다.) 어떻게 업데이트 될지 궁금하다. 그리고 어드민 페이지를 만들면서 내가 그동안 어떻게 컴포넌트를 잘못만들고 있었는지 알게되었다. 예시가 있고 따라하면서도 중간 중간 이해를 못하거나 타이밍을 놓치면 원하는 대로 안나올 때가 있는데 이럴때 뜯어보고 수정하는 건 잊지 않게 된다. 확실히 컴포넌트만 따라 만들다가 페이지를 구성해보니 다르게 느껴졌다. 아직 완벽하게 익히려면 더 만들고 더 고민해 보아야겠지만 겉핥기로만 알고 있던 피그마라는 프로그램을 더 잘 알게 되어서 너무 좋다. 이제 정말 얼마 남지 않았다. 끝까지 완주하고 싶다. 잘한 일 - 어쨌거나 과제 전부 제출반성 - 헤메이다가 과제 하나를 늦게 제출했다.

UX/UI･워밍업･디자인시스템･배리어블･다크모드