728x90 반응형 디자인5 #5 Sketch 입문 - Prototyping_20200223 1. 요소하나를 선택하면, 오른쪽 메뉴 중에 Prototyping 라고 적혀있는 그 오른쪽에 + 버튼을 누르면 프로토타이핑이 된다. 2. Prototyping을 누르면 해당 요소를 클릭했을 때 어느 페이지를 띄울 지 선택할 수 있다. (아래 화살표 처럼) 3. 페이지가 뜨는 애니메이션 또한 지정해줄 수 있다. 4. 오른쪽 상단에 있는 Preview 버튼으로 페이지가 어떻게 뜨는 지 확인할 수 있다. 2020. 2. 23. #4 Sketch 입문 - Text Style, Layer Style_20200221 1. Text Style 등록 방법 Text Layer 선택 > Appearance > No Text Style > Create new Text Style > 스타일 명 등록 2. 등록한 스타일 업데이트 등록된 스타일을 변경하고 싶을 때는 폰트 종류, 크기 폰트 컬러 등 텍스트의 스타일을 수정하면 등록한 Text Style명 옆에 *가 생긴다. 그때 Appearance > Text Style(변경된 텍스트 스타일 명*) > Update Text Style 클릭하면 스타일 업데이트가 된다. 3. 등록한 스타일 명 변경 및 삭제 방법 텍스트 레이어 선택 > Appearance > 등록된 Text Style > Organize > 수정할 리스트를 더블 클릭하고 스타일 명 변경 ( - 누르면 삭제) 4. 스타일.. 2020. 2. 21. #3 Sketch 입문 - Symbol(심볼)_20200221 1. 심볼 등록하는 방법 -> 심볼로 등록할 오브젝트를 선택하고, Create Symbol을 눌러준다 -> 심볼 이름도 입력이 가능하다. 2. 심볼 이름을 등록할 때 이름 중간에 ' / ' 를 넣으면 심볼에서 폴더로 구분이 된다. - 심볼을 폴더로 구분해서 같은 폴더에 여러 심볼들을 모아놓을 수 있다. 3. 심볼을 교체하는 방법은 우측에 심볼로 만든 레이어를 선택하면 다른 심볼도 쭉 뜨게 되는데, 거기서 선택 해주면 손쉽게 교체가 가능하다. 4. Overrides 기능을 이용하면 심볼 내의 텍스트나 컬러 등을 손쉽게 변경이 가능하다. 2020. 2. 21. #2 Sketch 입문 - OS 별 해상도 및 안드로이드 DP 단위_20200221 1. 아트 보드를 만드는 단축키 A 2. OS 별 아트 보드 사이즈 프리셋들이 구비되어 있음. 3. 안드로이드와 iOS 둘 다 px라는 절댓값을 사용하지 않고, dp 또는 pt라는 상대값을 사용한다. 3-1) DPI는 Dots per inch로 1인치에 몇 픽셀이 들어가는지에 대한 값이다. 예를 들어 10dpi 이면, 1인치에 10x10 = 100개의 픽셀이들어가는 것이다. - 안드로이드의 핵심 기준은 mdpi = 160DPI 이다. 3-1-a) xhdpi(320dpi)로 해상도가 좋아진 스마트폰을 디자인하려면 mdipi 기준인 160dpi로 나누면 된다. 그러면 2라는 수치가 나오게 되고, xhdpi에서 1dp = 2px 이 되는 것이다. 3-2-b) 마찬가지로 640dpi 해상도를 가진 스마트폰에서는.. 2020. 2. 21. #1 Sketch 입문_2020-02-21 0. Sketch / Photoshop 비교 a) 자체 용량이 차이가 크다 -> Photoshop은 1.74GB로 굉장히 무겁다. 반면 스케치는 46.7MB로 가볍다. 간단한 UI 디자인 진행했 을 때 파일의 용량은 거의 8배 가깝게 차이가 난다. - 가볍기 때문에 관리와 유지보수가 수월하다. b) 둘다 아트보드 기능이 있지만, Sketch는 아트보드가 무제한으로 사용 가능하다. Photoshop에서는 보딩페이지가 4~5개 정도 됐을 때 무거워서 사용하기가 힘들다. 반면 Sketch는 UI 전체를 한 파일로 관리해도 무겁지가 않다. 또한, 스케치에서 작업하면 한눈에 들어오기 때문에 유저 플로우나 전체적인 톤 앤 매너를 유지하는 데 더 좋다. c) Sketch는 벡터 기반의 툴이기 때문에 x1 배율로 작업.. 2020. 2. 21. 이전 1 다음 728x90 반응형
