[UI/UX]패스트캠퍼스 챌린지 12일차
오늘은 패캠 챌린지 12일차..!
귀여운 슬픔이 베어는 오늘도 함께해요..
원래 강의 4개를 들을라 했지만..ㅠㅠ
회사에 일도 있었고 친구가 갑자기 자취방 깜짝 방문을 하여
조금밖에 듣지 못하는 나 자신 반성중.................
오늘은 간단한 수업 위주로 들었다.
(다행히 다음 수업이 간단 한 것..ㅎ_ㅎ)
그리고 회사에서 XD로 만들일이 있어서 만들었는데
겁나 뿌듯했다~!
XD 미러링 앱 활용 방법
구글 플레이스토어, 앱스토어에서 xd 검색하여 앱 설치
클라우드 문서로 저장하면 프로젝트 공동작업을 위해 작업자 초대 가능
어도비 XD 앱은 맥에서는 usb연결 가능이지만, 윈도우는 안됨(뭔쓰레기,,)
그래서 옛날에 usb연결 뭐지 하고 헀는데 안되었던 이유를 알고 슬퍼졌었다..ㅎ
옛날 이라고 해봤자 1년 전이지만 그 때 어플 썼는데
렉 넘 심해가지고 ㅎㅎ..난리났던 기억이.......난 아이폰인데 갤럭시 확인하려고
옆에 디자이너분 훔쳐서 보던 시절이 벌써 1년 전이란다 하이고~
IOS alpple UI 디자인 기본과 철학
#화면을 터치하는 인터페이스 : 빛을 터치하는 최초 인류 등장
#스큐어모피즘 등장
- 사람은 사물을 처음 봤을 때 경험을 토대로 판단합니다.
즉, 현실과 동일하게 gui를 제작해 사람들이 어려움 없이 원하는 작업을
완료할 수 있게 만들었었다.\
#화면에서 빛이 터진 다는 것은 위에 올라온 하얀색 판이 뿌옇게 된다는 것!
아이폰 ui의 특징은 배경흐림효과의 등장이다.
다양한 환경에 빠르게 대항할 수 있도록 아이콘은 단순하게! 작업환경 속도 빠르게!
#특징
1. 배경흐림효과
2. 그라데이션
3. 글자체, SF 서체 (아이폰에서 쓰는 글자체)
#배경흐림효과를 이용한 디자인
- 배경흐림효과 big4
1. light : 배경을 뿌옇게 만들어서 뿌옇게 보이는
2. Extralight : 콘텐츠
3. Dark : 배경
4. ExtraDark
(개발자들이 가지고 있는 것)
- 하는 법
1. 사진을 띄운다.
2. 네모박스를 흰색을 그린다.(테두리빼기)
3. 배경흐림효과 클릭
4. 밝기/정도/불투명도를 활용하여 만들기
XD로 한번 직접 배경흐림 효과를 넣어봤다 ㅋㅋ
회사 사진인데..사람들 다 배경흐림효과로 강제 모자이크 처리 시켜버리기
이 좋은 기능 나 왜 이제 안걸까 싶다 ~
앞으로 배운거 중 젤 잘써먹는 기능 원탑이 되지 않을까,,?
그리고 이건 쌤 따라서 만든 예제 ~~
오늘은 이만..
내일은 안드로이드 관련 설명을 듣겠나이다
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.