4주차 1 _ Today I Learned
과제의 전반적인 디자인이 마음에 들지 않아서 다시 래퍼런스를 찾고 선정한 무드에 색상, 글꼴, 아이콘을 다시 찾고 적용해 보았다. - 래퍼런스 찾기 - 다른 앱 검토 : 마켓컬리, 모두의식탁, 오아시스, 이마트몰, 채식한끼 - 색깔 재선정 - 글꼴 서치 - 글꼴 재선정 2개 - 컬러, 폰트 스타일 적용 - 아이콘 다시 찾기 - 하단 탭바 제작 - 상단 메뉴 내용 정하기 - 앱에 들어갈 사진 찾기 - 모달 강의 수강 이번 과제는 생각보다 시간도 많이 걸리고 어려운 것 같다. 어디서 부터 어떻게 시작해야될지 막막해서 이것 저것 건드리다가 시간만 계속 간 느낌이다.. 시간을 좀 더 계획적으로 세워봐야겠다. 답답하지만 남은 시간 동안 잘 완성해보자..
- 프레임과 그룹, 디자인 그리드, 8포인트 디자인, 컬러스타일, 폰트 스타일 - 피그마 오토레이아웃, 컴포넌트와 인스턴트, 베리언츠와 인스턴트 → 이번 일주일 동안은 디자인 기본 이론들과 피그마의 중요한 컴포넌트, 베리언츠를 배우는 시간들이었다. 또 이를 바탕으로 앱 화면을 디자인 해야했다. 디자인에 8의배수를 적용해야 하고 하나 하나 가이드라인에 맞춰서 해야하기 때문에 그리드 설정하는 법 부터해서 어떻게 시작해야 되는지 막막해서 어려움이 많았다. 힘들지만 이번 과제를 마무리 하게 되면 디자인 기본 단계는 어느정도 알 수 있을 것 같다. 다음주에도 디자인 가이드라인을 숙지 할 수 있도록 노력해야겠다.
3주차 3 _ Today I Learned
오늘은 박진희튜터님께서 가르쳐주신 방법으로 TIL을 작성 해보았다. 문제점 - 3주차 화면설계 과제를 해야하는데 그리드, 폰트, 색상, 아이콘 사이즈 등 전체 디자인 가이드를 아직 숙지하지 못했다. 시도한것 - 강의 잊어버린 부분 반복 수강 - 부족한 부분 유투브 강의 보기 - 구글과 애플 디자인 가이드 참고하기 https://m2.material.io/design/layout/responsive-layout-grid.html#columns-gutters-and-margins Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that h..
3주차 2 _ Today I Learned
- 피그마 툴 강의 수강 - 오토레이아웃, Constraints 복습 및 과제 수행 - 반응형 그리드 만들기 - 색상 팔레트 만들기 - 2주차 과제 코멘트 확인 💬 피그마 기초부분을 복습하고, 디자인 시작 시 꼭 알아야하는 기초 단계를 밟아 나갈 수 있어서 좋았다. 과제를 하면서 디자인을 할 때 근거가 부족하고 내 주관성이 자주 들어가는 것 같다. 과제피드백 확인과 오늘 공부를 통해 디자인 단계는 데이터를 중심으로 굉장히 체계적으로 진행되야한다는 것을 다시 한번 느꼈다.
피그마 활용법 강의 정리
📌 도형 저장 방법 Design 패널에 Export 들어가서 배수와, 제목, 확장자 선택 후 → 밑에 버튼을 누른다. (Export Polygon 5) 📌 프레임 VS 그룹 ◾ 프레임은 코드 블록을 만드는 기능이고, 실제 코드로 바꿀 수 있는 개체예요. ◾ 그룹은 편집이나 조정이 필요할 때, 또는 편의를 위해 여러 개체를 하나로 담는 기능이에요. ◾ 프레임은 개발에 필요한 속성들을 적용할 수 있고, 그룹은 속성을 적용할 수 없어요. 📌 레이어와 정렬 ◾ 레이어를 쌓은 구조가 곧 코드 구조 ◾ 레이어는 화면 상단에서 하단으로 쌓이지만, 화면 앞에서부터 뒤라는 방향도 존재 ◾ 더 앞에 있는 개체는 제트값이 높다, 나한테 가까이 있다. ◾ 여러개체 정렬 시 프레임에 가장 가까이 있는 개체를 기준으로 정렬된다...
3주차 1 _ Today I Learned
📌 UXUI 기본 6주차 숙제 완료 ◾ 카카오톡 앱 분석 ◾ UI 용어 (출처 : https://yozm.wishket.com/magazine/detail/645/) - 글로벌키 : 사용 빈도수 가장 높은 키, 보편적으로 메뉴를 호출하는 버튼, Home 버튼 등 주요 기능 버튼을 말한다. - Defalut(디폴트) : '고정' 이라는 말로 사용자가 수정 또는 입력 없이 초기 설정된 상태, 기본 상태를 말한다. - Default view : 사용자의 추가 제스처 없이 보여지는 초기화면 - UX 비주얼 디자인 원칙 복습 : 피츠의 법칙, 포스텔의 법칙 📌 11번가 통계자료 리서치 및 작성 - 최대주주 SK스퀘어는 큐텐과 인수 협상 결렬 - 2023년 11번가 연간 손실 1000억원을 넘길 것이란 분석나옴 -..