👳♂️ OS와 플랫폼에 따라 UI에 차이가 있는 부분을 찾고 이유를 생각해 보세요. 1. OS 별로 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요. 2. 웹과 앱에 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요. 2. 웹과 앱에 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요. ✅ 이마트 모바일웹 vs 앱 ◾ 웹 : 웹은 홈화면에 들어왔을 때 앱다운받기를 유도하는 팝업이 뜬다. ◾ 앱 : 홈화면에 큰 토스트팝업이 뜨고 캐러샐이 자동으로 적용된다. ◾ 웹 : 장바구니에 상품을 담으면 '장바구니에 상품을 담았습니다.'라는 팝업이 뜬다. ◾ 앱 : '장바구니에 상품을 담았습니다'라는 팝업과 함께 '남은 금액 22,300원 더 담으로가기' 토스트팝업이 같이 ..
이번주에는 머티리얼 디자인 시스템 가이드와 애플 가이드를 참고하여 그리드 설정하는 법, 디자인, 아이콘 규격과 가이드 설정하는 방법과 폰트사이즈 등을 공부하였고 오토레이아웃과 컴포넌트 베리언츠 적용법, 프로토타입 적용방법 등 등 피그마로 디자인 하기 위해 필요한 모든 부분에 대해서 공부하고 실습해 보는 시간이었다. 처음에는 급하게 작업하느라 놓친 부분이 많아서 계속 수정을 해야했다. 익숙한 듯 하다가도 계속 막히는 부분이 나온다. 이번주에 개인과제를 통해서 최대한 익숙하게 사용할 수 있도록 반복 연습해야겠다.
- 피그마활용(2) 3주차 강의 수강 - 3주차 강의 과제 수행 (프로토타입 만들기 과제 수행) - 기타 아티클 검색 및 공부 ✅ 문제점 - 디자인 시스템을 정리하는 방법을 모르겠다. - 오토레이아웃, 프로퍼티 적용이 아직 느림. - 과제 앱 색상이 마음에 들지 않는다. 컬러 사용방법 어렵다. ✅ 시도한점 - 핀터레스트 검색 - 피그마 커뮤니티 검색 ✅ 해결방법 https://brunch.co.kr/@s0ojin/30 브랜드 이미지는 색에 의해 결정된다 적절한 브랜드 컬러 선택 방법 | 사람을 만날 때 첫인상이 중요하듯 브랜드도 첫인상이 중요하다. 그렇다면 브랜드의 첫인상을 결정하는 것은 무엇일까? 바로 색(Color)이다. 특히 브랜드 컬러는 brunch.co.kr https://yozm.wishket..
오늘은 모든 시간에 과제를 수행했고 프로토타입 강의를 들었다. - 색상변경 - 텍스트 프로퍼티 적용 - 배리언츠 적용 - 컴포넌트 적용 - 프로토타입 공부 및 적용 고쳐야 할게 아직 너무 많다. 아직 피그마 기능이 익숙치 않아서 작업 후에 컴포넌트와 프로퍼티를 적용해 버렸다. 과제를 하면서 컴포넌트 기능 및 오토레이아웃 기능을 제대로 쓰지 못했더니 작업할 때 손이 매우 많이 간다. 기능을 익숙하게 해서 남은 시간에는 순서대로 적용할 수 있도록 해야겠다. 또 색상을 잘 쓰고 싶은데 아직 색조합이 잘 안된다. 이부분은 어떻게 공부해할지... 서치를 많이 해보고.. 래퍼런스도 많이 봐야겠다.