2022년09월15일 TIL - UI/UX 디자인, VSCode/Github 계정 변경/삭제

220915 UI/UX 디자인, VSCode Github 계정 변경

UI / UX 디자인

https://chaeyeon-chaeyeon.tistory.com/24

VSCode 에 연동된 Github 계정 변경하기

1. 기존의 정보를 삭제한다.

git config --unset user.name
git config --unset user.email

                  - global 로 설정했다면 --global 을 추가해서 작성한다.

git config --unset --global user.name
git config --unset --global user.email

2. 다시 등록하자.

git config --global user.name 넣을이름
git config --global user.email 깃허브이메일

3. 확인해보자

Ctrl + F (Cmd + F) 해서 user.name 으로 검색해보면 어떤 이름으로 등록되어있는지 볼 수 있다.

git config --list

모바일 사이즈 UI / UX 디자인

https://gs.statcounter.com/screen-resolution-stats/mobile/worldwide

https://www.koreahtml5.kr/front/stats/browser/browserUseStats.do

한국 스마트폰 해상도 사용율

한국 PC 사용 해상도 사용율

플립 : 320, 폴드 280

• 480 고정 디자인
• 640으로 하고 깨지는거 감안
• 360으로 디자인 (4)
• 640으로 디자인하고 배수 줄이기

https://brunch.co.kr/@plusx/6

앱 화면에 표시될 아이콘은 총 6개가 필요하다

배수 디자인은 아이콘 추출할 때 필요. 0.5, 1, 1.5, 2, 3, 4 배수로 추출

배수가 되었을 때 소수점 두자리로 나오면 이미지가 깨지므로 디자인 사이즈에 주의한다.

IOS safe areas

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/

안드로이드는 360640, iOS 는 375667 기준으로 디자인

2021년8월 ~ 2022년8월 모바일 해상도 점유율

1. 360*800
2. 414*896
3. 360*640
4. 412*915
5. 360*780