직장인자기계발
-
Android 앱, 안드로이드OS 디자인의 레이아웃 이해하기 - 패스트캠퍼스 챌린지 23일차UX／UI design 2021. 11. 23. 23:02
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Layout Understanding layout Principles Material measurements To ensure that Material Design layouts are visually balanced, most measurements align to 8dp, which corresponds to both spacing and the overall layout. Components are sized in 8dp increments, ensuring a consistent visual rhythm across each screen. ..
-
Android 앱, 안드로이드OS 디자인의 환경 요소 이해하기 - 패스트캠퍼스 챌린지 22일차UX／UI design 2021. 11. 22. 23:10
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Environment Surfaces Material Design has three-dimensional qualities that are reflected in its use of surfaces, depth, and shadows. Dimensions Material has varying x & y dimensions (measured in dp) and a uniform thickness (1dp). Multiple Material elements cannot occupy the same point in space simultaneously...
-
Android 앱, 안드로이드OS 디자인 이해하기, Material Design - 패스트캠퍼스 챌린지 21일차UX／UI design 2021. 11. 21. 23:24
안드로이드OS 디자인 이해하기 매터리얼 디자인 이해하기 구글에서 제공하는 Material Design 페이지 : https://material.io/design 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 Material is an adaptable system of guidelines, components, and tools that support the best practices of user interfa..
-
UI 클론디자인 iOS 앱, 프린시플 프로토타이핑 만들기, Sketch 앱 사용법 기초 - 패스트캠퍼스 챌린지 20일차UX／UI design 2021. 11. 20. 22:52
Principle 6 — Now with Share to Web Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle helps you create designs that look and feel amazing. Principle 소개영상 Built for the Biggest Imaginations There are a lot of things you might want ..
-
UI 클론디자인 iOS 앱, 상세화면, 스크린샷, 푸터, 반응형 버튼 만들기, Sketch 앱 사용법 기초 - 패스트캠퍼스 챌린지 19일차UX／UI design 2021. 11. 19. 22:25
Lorem Ipsum "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..." What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when..
-
UI 클론디자인 iOS 앱, 상세화면, 문단구조 만들기, Sketch 앱 사용법 기초 - 패스트캠퍼스 챌린지 18일차UX／UI design 2021. 11. 18. 23:43
오늘은 두 번째 클론디자인 실습페이지로 상세화면을 강사님의 가이드를 따라서 만들기 시작했다. 오늘 배운 내용 Cmd+2 단축키를 누르면 화면이 zoom된다 도형을 그린 후 Cmd 키를 누르면 회전을 할 수 있게 마우스 커서가 바뀐다. Shift까지 누르면 일정한 각도대로 움직인다. Option 키를 누르면 크기를 가운대를 중심으로 대칭으로 변경할 수 있다. 클론디자인을 할 때는 먼저 기존 디자인의 블럭 구조를 분석하면서 재사용할 수 있는 요소들을 찾아 본다. 패딩, 제목, 본문을 한 세트의 심볼로 만드는 것이 좋다. 심볼 내 캔버스에 있는 컨텐츠 길이에 따라서 캔버스가 늘어나도록 하기 : 캔버스 클릭 후 오른쪽 패널에서 Layout > Vertical > 첫번째에 있는 위 고정 아래 화살표 아이콘 클릭 ..
-
UI 클론디자인 iOS 앱, 버튼, 탭 바 만들기, Sketch 앱 사용법 기초 - 패스트캠퍼스 챌린지 17일차UX／UI design 2021. 11. 17. 23:17
Tab Bars A tab bar appears at the bottom of a screen, helping people understand the types of information or functionality an app provides. Tabs let people quickly switch between top-level sections in your app while preserving the current navigation state within each section. By default, a tab bar is translucent: It uses a background material only when content appears behind it, removing the mate..
-
UI 클론디자인 iOS 앱, 카드 만들기 (계속), Sketch 앱 사용법 기초 - 패스트캠퍼스 챌린지 16일차UX／UI design 2021. 11. 16. 23:27
4일 연속으로 오늘도 계속 이어서 앱스토어 페이지 클론 디자인 작업을 실습하고 있다. 강사님의 가이드를 따라서 하나 하나 그대로 실습을 하고 있는데 기능이 제대로 작동하지 않는 경우가 발생했다. 당황스러웠지만 뭔가 강사님의 프로그램과 내 프로그램의 설정값이 달라서일것으로 생각하고 일단은 넘어갔다. 한 부분을 만드는데 기대 이상으로 시간이 너무 오래 걸린다 ㅠㅠ 특히 Sketch의 단축키가 어도비의 그래픽 프로그램들과 달라서 무의식적으로 계속 다른 키를 누르게 된다. 원하는 것을 만들어 낼 수 있기까지 숙달하려면 연습 시간이 아주 많이 필요할 것 같다. 오늘 배운 내용 : 레이어를 임시로 보이지 않게 / 다시 보이게 하기 (눈 아이콘 on/off) 레이어 순서 변경 단축키 : cmd + [ or ] 셀 사..