본문 바로가기

2019~2020/- Android App UI Design w. PS, MD

(7)
섹션 2: Material Design Specs, Sizes and Metrics(4) https://www.udemy.com/share/101VsiAEMfcVdSRnQF/ ! 강의 내용을 바탕으로 정리하는 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. ​ ​ 그닥 중요하지 않은 메모는**기울임 App bar **참고 : https://material.io/components/app-bars-top Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io List - 대부분의 ..
섹션 2: Material Design Specs,Sizes and Metrics(3) https://www.udemy.com/share/101VsiAEMfcVdSRnQF/ ! 강의 내용을 바탕으로 정리하는 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. ​ ​ 그닥 중요하지 않은 메모는**기울임 Mobile Keylines and Spacing : 머티리얼 디자인에서 사용하고 있는 세로 키라인 값, 각각의 엘리먼트 세로값, 아이콘 바운딩 값을 한 눈에 볼 수 있는 자료가 수업 자료로 첨부되어 있음. 이 자료를 어떻게 보는지에 대한 강의이기 때문에 요약정리는 패스. Touch Target Size : 아이콘과 버튼들은 상호작용을 하기 때문에 누군가가 탭할 것이고, 그렇기 때문에 사용자의 손가락 사이즈와 같거나 적어도 탭하기 쉬운 사이즈여야 함. - 스탠다드 사..
섹션 2: Material Design Specs,Sizes and Metrics(2) 3월 완강을 목표로 시작했는데 벌써 4월이다... 변명해보자면 1)일이 바빴다(고 느꼈다) 2)정신적으로 좀 힘들었다. 마음의 여유가 생기지 않으니 강의고 뭐고 손에 잡을 엄두가 나질 않았다. 4월은 잘 달릴 수 있길 바라면서. 이제는 4월 완강이라도 할 수 있도록 노력해야겠다. https://www.udemy.com/share/101VsiAEMfcVdSRnQF/ ! 강의 내용을 바탕으로 정리하는 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. ​ ​ 그닥 중요하지 않은 메모는**기울임 8-point Grid system : 캔버스 위 엘리먼트들을 8dp 거리를 사용해 8 포인트 그리드로 나누는 것. 8포인트 그리드 시스템 설정법 - Edit(편집) > Preferences..
섹션 2: Material Design Specs, Sizes and Metrics(1) 드디어 섹션2로 넘어오면서 본격적으로 머티리얼 가이드를 공부에 들어갔다. ​ ​ 몸이 안좋아서 금요일에 월차 쓴 김에 금토일 열심히 공부해야겠다! 라고 생각했지만 어째서인지 단 1분도 강의를 보지 않았다. 이유는 알 수 없지만 힘겹게 일을 마치고 돌아와서 스탠드 켜놓고 졸린 정신으로 공부하는게 좋다. 이게 익숙해서인지는 모르겠지만 암튼 좋다. https://www.udemy.com/share/101VsiAEMfcVdSRnQF ! 강의 내용을 바탕으로 정리하는 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. ​ ​ 그닥 중요하지 않은 메모는 **기울임 UI Regions of Android Apps 복습겸 직접 그렸다 유후 기본적인 안드로이드 앱 ui 구성. 태블릿은 구성은 ..
섹션 1: Understanding Google Material Design concepts (3) 오늘은 과제 한 날이다. 과제 제출은 한 번 하면 다시는 수정할 수 없다고 하는데 어째서..? https://www.udemy.com/share/101VsiAEMfcVdSRnQF/ ! 강의 내용을 바탕으로 정리하는 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. ​ ​ 그닥 중요하지 않은 메모는**기울임 과제는 3배수의 자기소개 화면 디자인 하기. DP, SP 단위로 주어진 아바타 섹션, 이름, 소개 문구, 버튼 사이즈 대로 포토샵에서 디자인 하는게 과제였다. 난이도下 ​ ​ 템플릿을 이용해서 작업하는 거였는데 제출 전에는 분명히 안보이던 psd 파일이 제출하고 나니까 보이는 거다........... ​ ​ 제출 예시랑 다른 사람들 과제 보니 상태바랑 아래 네비게이션 바는 ..
섹션 1: Understanding Google Material Design concepts (2) https://www.udemy.com/share/101VsiAEMfcVdSRnQF/ ! 강의 내용을 바탕으로 정리한 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. 오늘 정리할 내용은 1. sp 2. 포토샵에서 앱 디자인을 위한 아트보드 설정하기 - 복습 퀴즈 ​ ​ 그닥 중요하지 않은 메모는 **기울임 SP sp - 안드로이드에서 사용하는 폰트 사이즈 단위 - dp 처럼 px 환경에서 작업시 배수 작업을 해줘야 함 해상도(px 배수) sp px ldpi (0.75배) 1sp 0.75px mdpi(1배) 1sp 1px hdpi(1.5배) 1sp 1.5px xhdpi(2배) 1sp 2px xxhdpi(3배) 1sp 3px xxxhdpi(4배) 1sp 4px - 안드로이드 머..
섹션 1: Understanding Google Material Design concepts (1) 얼마전에 추천을 받아 udemy에서 강좌를 샀다. 포토샵과 구글 머티리얼 디자인을 이용한 안드로이드 앱 디자인 강좌. ​ ​ udemy는 이번에 처음 알게됐다. 굉장히 저렴한 가격에 다양한 강좌들을 구매할 수가 있어서(세일을 엄청 한다) 아마 자주 이용하지 않을까 싶다. 단점은 대부분 영어 강의라는 것. 자막이 있긴 한데 자동 자막인 것 같다. 안맞는 부분이 꽤 많음. ​ ​ 강좌가 총 6개 섹션으로 이루어져 있지만 그다지 길지 않아서 3월 안에 완강을 목표로 시작했다. 학습한 내용은 짧게라도 블로그에 남길 예정. https://www.udemy.com/share/101VsiAEMfcVdSRnQF/ ! 강의 내용을 바탕으로 정리한 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니..