iOS 메일 클론디자인을 통한 피그마 학습3 강의를 통해 가장 크게 배운 점: 제작한 디자인 시스템 정리 / 제플린을 활용한 협업 최적화 / iOS test flight - 디자인 시스템을 컬러 / 텍스트 스타일 / 아이콘 / 컴포넌트와 패턴에 따라 알맞게 정리할 수 있다. - 피그마 작업물을 제플린으로 가져와 구성할 수 있다. - 프로젝트와 스타일 가이드(컴포넌트,스페이싱 등...)를 제플린에서 연동하여 구성할 수 있다. - 제플린을 활용해 - QA를 위한 iOS test flight 정보 습득, 숙지 드디어 마지막 주차 학습이 끝났다! 이번 UIUX강의를 수강하며, 실무에 있지만 실제 일반적익 UIUX방법론을 적극적으로 이용하지 못하는 상황에 기초부터 다시 나를 리마인드하겠다는 초기 목표를 달성할 수..

iOS 메일 클론디자인을 통한 피그마 학습3 강의를 통해 가장 크게 배운 점: Apple design guideline의 재숙지. - SF-Symbols를 통한 아이콘을 활용할 수 있고, 피그마 내에서 아이콘을 제작할 수 있다. (apple material guidelines에 따른 시스템을 지킨다) + (폰트,깨지지 않는 svg) - 다양한 weight와 scale로 제공되는 디자인을 알맞게 사용하고, 커스텀할 수 있다. - 디자인 시스템 안에서 아이콘을 만들고, 컬러 스타일, 텍스트 스타일을 지정함에 있어 atom -> 컴포넌트 -> 패턴 개념을 안다. - 아이콘 두께감 등 디자인 시스템의 통일감을 항시 체크할 수 있다. + https://www.youtube.com/watch?v=ReNbXhaL3X..

iOS 메일 클론디자인을 통한 피그마 학습2 강의를 통해 가장 크게 배운 점: 위에 두고 단순 카피하는 것이 아닌, 구조를 생각하며 디자인 카피하기, 어떻게 시스템적으로 만들것인가2 - variants 기능 구조 심화 이해 : 구조적 오류없이 property구분 통해 variants를 활용할 줄 안다. - fixed position을 이용한 스크롤 화면을 구성할 수 있다. + https://www.youtube.com/watch?v=wIPo7vxxchYhorizontal & vertical scroll 관련 추가 학습 주소 위와 같은 유튜브 채널, 혹은 피그마 포럼(https://forum.figma.com)에서 추가적인 학습 가능 - 피그마 프로토타입 기능을 이용한 디자인, 사용성을 체크할 수 있다. ..

iOS 메일 클론디자인을 통한 피그마 학습 강의를 통해 가장 크게 배운 점: 위에 두고 단순 카피하는 것이 아닌, 구조를 생각하며 디자인 카피하기, 어떻게 시스템적으로 만들것인가 - 어떻게 디자인 작업을 진행하며 디자인 시스템을 관리해나가는가 - 언제나 해상도 대응을 생각하며 responsive하게 화면 구성 - 그냥 카피하다 알아낸거: IOS설정이 한글이어도 숫자들은 영문 처리되는지 한글 카피시 숫자는 SF pro로 해주지 않으면 자간이 잘 맞지 않는다. 상관은 없는데 카피하기 눈에 거슬리니까 난 그냥 바꿔줬다ㅎ.. - Status 설정: 컴포넌트 이름 / 상태 or variants 기능 사용: 동일 레이어 이름의 컴포넌트 퍼블리시 - 동시 선택 - combine as variants - propert..

강의를 들으며 기억해두어야 할 점을 맥 메모장에 적어두는 편이라 딱히 이미지가 없지만.. UIUX에 필요한 심리학, 디자인 데이터, 사용성 테스트, 포트폴리오 크게 이 네 가지에 관해 학습할 수 있었던 주차. 개인적으로 심리학을 수강해보기도 했고 UIUX를 공부하며 HCI,심리학 관련하여 공부해보고 싶었기 때문에 심리학으로 주의 학습을 시작하기는 참 좋았다. UX/UI와 심리학 기억에 남았던 관련 심리학 제이콥의 법칙/멘탈모델...: 이러한 근거로 이전 강의들에서 Apple guidelines를 학습하고 디자인 시스템을 구축, 인터렉션의 통일을 주는 것이라 이야기할 수 있음. 더 나은 제품을 위한 특정한 이유가 있는 것이 아니라면 위 심리학 법칙을 따라 사용자들의 저항을 최소화 해야함.) + 심미적 사용..

(피그마를 통해 강의 내용을 IA이해해보기)(피그마를 통해 강의 내용을 IA이해해보기) 3주차 강의는 2주차에서 도출된 데이터들을 어떻게 구조화하고 적용하는가 및 디자인의 기본을 다시 되짚고 새로 알아볼 수 있었다. 정보구조화 벤치마킹, 유저플로우와 정보구조에의 업데이트를 통해(모달인 구조, 상하단 내베게이션의 정보구조 파악, 벤치마킹...) 설계된 UX디자인 / 레이블(제품에서 표현될 레이블,기능별로 그룹화 -> 유저들의 멘탈모델이 고려되어야 함) / 검색 엔진 최적화* 사용성 평가 - 휴리스틱 평가 (프로토타이핑이 없는 현 단계에서는 경쟁사에 대한 사용성 평가) *평가기준을 제대로 숙지해야한다* / 평가자 수 5~7명 정도 1. 제품 상태의 가시성-합리적인 시간 내 적절한 피드백 2. 현실 세계와의 ..