Planning/UX/UI SKETCH INVISION 썸네일형 리스트형 [SKETCH] 2. 간단한 디자인 [도형과 이미지] 방법1. 도형에 이미지 넣기오른쪽 하단 - 컬러지정컬러, 그라데이션, 앵귤러 그라데이션, 사진, 노이즈 등 효과가 있음. 방법2. 이미지를 도형모양을 만들기이미지 오른쪽버튼 - Mask마스킹 한 이미지 더블클릭하면, 마스킹되어있는 레이어 안에서 사진 크기 조절. 왼쪽 레이어바에서 특이한 모양 살피기. 방법3. 도형을 미리 만들어두고, 이미지를 마스크하는 방법. [페이지개념] * 왜 사용하는가?실제 앱을 디자인하면, 너무 많은 화면이 필요하므로 페이지를 이용해 적절하게 카테고리화 하는 것이 좋음. 왼쪽 pages 옆에 +버튼을 누르면, 페이지 리스트가 보이게됨. 한번 더 누르면, 페이지가 한개 더 추가됨. [기본 컴포넌트를 활용하기]* 왜 사용하는가? 애플이 가이드를 가지고 만들어 놓은 .. 더보기 [SKETCH] 1. 기본 이해 * 상단 툴바 : 자주쓰는 버튼 모아놓음. * Insert 버튼 : 다양한 도형 그리기, 텍스트, 이미지. (나중엔 단축키로 하게 됨.)vector : 점과 점을 이어 도형을 그려나감.pencil : 우리가 아는 그 펜슬shape : 화살표는 잘 안씀. 크게 굵기를 조절하면 깨짐.**artboard : 실제로 작업을 하게 되는 영역. 아트보드 이름 지정가능! 왜 쓰는가? 다양한 확장자로 export가능함! 포토샵보다 좋은 이유! 포토샵은 다른화면을 작업하기 위해 끄고 켜하는데, 스케치는 command+d를 누르면 아트보드가 복제됨! 동시 여러화면 작업가능! 한꺼번에 선택해 동시 작업 가능! background color 지정 : tip! +버튼 누르면 자주사용하는 색깔 입력가능. [도형그리기] 도형을 그.. 더보기 UX/UI 화면 디자인 참고 사이트 모바일1. https://pttrns.com/ 아이폰, 아이패드, ios7 2. http://www.mobile-patterns.com/안드로이드, 아이폰 3. http://uxarchive.com/아이폰 4. http://www.uiparade.com/다운로드 가능 5. http://inspired-ui.com/아이폰, 아이패드, 안드로이드 6. http://androidniceties.tumblr.com/안드로이드 7. http://zurb.com/patterntap모든 디바이스(웹포함) 8. http://ui-animations.tumblr.com/움직임 9. http://www.graphicsfuel.com/2013/12/20-mobile-app-concepts-with-gif-animated-p.. 더보기 UX/UI 공부를 위한 Law 1. 그들은 디자인하려 하기보다는 문제를 해결하려 합니다.예쁜 그림을 그리는 것은 분명 우리 직업의 일부입니다. 하지만 그렇다고 해서 그것이 전부는 아니죠. 가장 먼저 진행되어야 할 것은 고객과 제품, 그리고 해결해야 할 문제를 이해하는 것입니다. 이 과정에서 얻게 되는 인사이트와 디테일들이야 말로 여러분이 창조적인 활동을 하는데 가장 큰 도움을 주죠. 이것이 바로 디자인을 시작하기에 앞서, 해결해야 할 문제를 먼저 공부하고 이해해야 하는 이유 입니다. 2. 그림보다 생각이 먼저라는 것을 명심하고 있습니다.당신도 이미 작업보다 머릿속의 그림을 먼저 그려야 한다는 사실을 잘 아실 겁니다. 그리고 그 이유도 잘 아시리라 생각하고요. 그림을 그림으로써 특정 제품에 대한 특징과 메타포를 찾아내어 표현해내는 것은.. 더보기 SKETCH 학습 일정 정리 * 개인 학습 방법 : 인강 듣기 / 교재 읽고 정리. * 스터디 학습 방법 : 정리해온 것 리마인드 / 교재 실습 / 투정 웹페이지 프로토타이핑 1주차 (9월 3주 : 9/11~9/17 | 9/18 스터디)인프런 SKETCH App 모바일 UI디자인 기본이해 + 간단한 디자인 + 앱디자인실습 2주차 (9월 4주 : 9/18~9/24 | 9/25 스터디) 인프런 SKETCH App 모바일 UI디자인 iOS Lockscreen 디자인 실습 + 매직미러 플러그인을 활용한 디자인 + iOS알람 앱 디자인 실습 + 반복기능과 그리드 기능, Symbol 기능 활용 디자인 3주차 (9월 5주 : 9/25~10/1 | 10/2 스터디)UX/UI 디자이너를 위한 스케치 완전정복 Ch1.몸풀기 + Ch2.스타일입히기 기.. 더보기 이전 1 다음