[패스트 캠퍼스 수강후기] UIUX 인강 100% 환급챌린지 33회차 미션

UX/UI 디자인(2020) 올인원 패키지 Online.

이번주 UIUX 인강에서는 실무에서 직접적으로 이용할 수 있는 직접적인 툴이나 방법, 팁 부분을 배우고 있다.

소소한 팁같은 경우는 따로 얻기가 힘든데, 골라서 알려주시는 부분이 마음에 든다.

 

 

03. UI 디자인

 

 

Icons - Iconography

 

• Product(App) Icon
• System Icon

 

 

 

Product Icon (Android)

단말마다 유저들이 사용하는 theme마다 아이콘이 조금씩 다르다

해당 아이콘이 원, 네모 등으로 크롭될 것을 예상하고 잘리는 부분 예상하고 디자인

 

해상도, 사이즈별로 달라야한다.

 

안드로이드 아이콘을 쉽게 만들 수 있음

 

 

 

Product Icon(ios)

Bx 아이콘 템플릿

사이즈와 밸런스

파비콘, 앱아이콘 등 

 

 

 

System Icon (android)

Material guide가 제공하는 아이콘

 

System Icon (ios)

apple이 제공하는 시스템 아이콘

 

 

시스템 아이콘은 사이즈 규정이 되어있다.

효율적으로 하나로 통일

컨텐츠가 들어가는 사이즈를 정함

1~2px정도 여백을 두고 디자인

 

권장 터치 영역 48*48

터치 에러가 덜 날 수 있는 안전한 영역

 

 

 

기본으로 제공해주는 세트를 다운받아서

커스텀해주는 케이스를 다듬어서, 추가해서 사용

 

 

5종류의 아이콘 세트를 제공

커스텀 하거나 추가해서 사용

영역의 틀어짐 없이 사용 가능

 

https://material.io/tools/icons/

icons - 에서  다운 가능

옵션을 선택해서 다운 

svg - 벡터툴 스케치나 일러스트레이터

png - 비트맵 포토샵

 

24dp인지 체크

 

https://developer.apple.com/design/resources/

resorce 다운가능

 

http://www.sketchappsources.com/

스케치 유저 - 스케치 소스

 

 

 

 

 

 

 

 

---

UX/UI 디자인 올인원 패키지 Online.  

https://bit.ly/2PDn0W0