목록팁, 노하우, 알아냄/디자인 (3)

스이디: 스타트업에서 이거저거 하는 디자이너

스케치 동그란 프로그래스 바 그리기. radial progress bar

https://www.invisionapp.com/inside-design/sketch-tutorial-radial-progress-bars/ 이 블로그가 제일 적당한 듯. 1. 원을 그리고2. 라인 보더를 두껍게 주고3. 보더 속성에서 갭을 9999로 입력4. dash 부분을 원 그리는 공식대로. 지름 * 원하는 비율 * 3.14 예를 들어 원 지름이 400 이고 65%만큼 호가 그려지길 원하면 400 * 0.65 * 3.14 를 데쉬 부분에 입력하면 됨5. 원을 원하는 모양으로 회전시킨다. 6. 만약 원을 키우고 싶다면, 마우스로 늘리지 말고 scale 메뉴로 150%, 200% 이런 식으로 조절하면 딱 맞춰서 바뀐다. 마우스 드레그로 늘리면 내가 설정한 비율이 깨져버림.
팁, 노하우, 알아냄/디자인 2019. 5. 2. 23:50
스케치에서 텍스트 앞에 불릿 표시하는거

스케치에서 예전엔 텍스트 옵션에서 불릿 포인트를 줄 수 있었던거 같은데쓰려니까 안 보이더라.. 어디갔어!!! 그래서 검색을 해봤더니 52 버전 업데이트 되면서 상단 메뉴 안으로 들어갔다고. 요러케 Text > List Type > Bullet 안으로 들어왔다. 그렇지만 불릿과 텍스트 사이에 간격이 이렇게 넓게 잡히더라... 관련 플러그인 찾고 그럴 시간에 걍 만드는게 낫겠다 싶어서 걍 만들어서 씀...
팁, 노하우, 알아냄/디자인 2019. 2. 21. 14:03
제플린 아이콘 뽑기

1. 스케치에서 아이콘을 선택하면, 오른쪽 아래에 Make Exportable 이 있는데 저걸 클릭 2.Export 옵션이 나오는데 저기에서 칼 모양의 slice 를 클릭.아래에 1x 그런건 안해도 된다. 왜냐면 제플린에서 알아서 해줄 거니까. 3. 슬라이스를 하고 나면 아래처럼 칼 표시가 있고 점선 네모가 있는 레이어가 추가된다. 4. 그 레이어를 아이콘 폴더 안으로 넣는다. 이렇게 해야 배경을 투명하게 아이콘을 뽑게 할 수 있다.그리고 저 레이어는 폴더 안에 가장 위쪽에 놓는다. 아이콘의 투명 영역까지 의도한 크기대로 뽑으려면 저 슬라이스 크기를 조절하고 뽑으면 된다. 5. 위처럼 폴더 안에 넣고 보면 오른쪽에 Export Group Contents Only 쪽이 활성화된다. 이걸 선택하자. 이걸 하..
팁, 노하우, 알아냄/디자인 2017. 3. 8. 13:05
Prev 1 Next