<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>키미</title>
  <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X" />
  <author>
    <name>kimee</name>
  </author>
  <subtitle>미디어 디자이너다양한 미디어 기반의 경력을 바탕으로 스타트업 기업의 전반적인 디자인 컨설팅(Web, UI, Branding) 및 커뮤니케이션 작업을 돕고 있습니다.</subtitle>
  <id>https://brunch.co.kr/@@69X</id>
  <updated>2015-07-03T02:43:16Z</updated>
  <entry>
    <title>출간 소식: 스케치 무작정 따라하기 - 스케치+제플린+플린토로 와이어프레이밍부터 인터래프로토타이핑까지 완성하기!</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/18" />
    <id>https://brunch.co.kr/@@69X/18</id>
    <updated>2023-11-14T01:16:04Z</updated>
    <published>2018-10-03T12:25:39Z</published>
    <summary type="html">안녕하세요! 스케치 구독자 여러분! 정말 정말 오랜만에 브런치에 글을 올립니다. 브런치에서 스케치를 소개하는 글을 올리다보니, 좀 더 본격적으로 콘텐츠를 정리해서 책으로 만들어 보고 싶었습니다. 일 년 동안 열심히 준비해서 작업했던 책이 지난주에 나왔습니다! '스케치 무작정 따라하기'&amp;nbsp;길벗 출판사입니다. UI 디자이너로써 애정 하는 툴인 스케치 앱에 대한 &lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2FiyotDJadH-GTbtlFT_sLueN1Kes.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>스케치(sketch) 사용팁 : 1. 키보드 숏컷 - UI/UX 디자인을 위한 프로토타이핑 툴 - 스케치(Sketch)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/13" />
    <id>https://brunch.co.kr/@@69X/13</id>
    <updated>2023-12-06T07:16:23Z</updated>
    <published>2016-04-14T17:20:38Z</published>
    <summary type="html">스케치(Sketch)의 키보드 숏컷(shortcuts)에 대해 정리하고자 합니다. 여기서는 자주 사용하는 키보드 숏컷을 정리했다.&amp;nbsp;더 많은 숏컷을 알아보려면&amp;nbsp;http://sketchshortcuts.com사이트가 도움이 된다. (기본적으로는 어도비의 키보드 숏컷과 비슷하므로, 차이점이 있는 부분만 알아두면 편하다.)  Insert -&amp;nbsp;New Artboard&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2Ftd_2x11qPD_1NemOMt7iaa0YOcE.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>포토샵, 스케치 소스를 어도비 XD에서 사용하기 - UI/UX 디자인을 위한 프로토타이핑 툴 따라잡기 - 어도비 XD</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/12" />
    <id>https://brunch.co.kr/@@69X/12</id>
    <updated>2023-08-17T19:40:02Z</updated>
    <published>2016-04-10T09:57:59Z</published>
    <summary type="html">XD를 오랫동안 기다렸던 만큼, 사실 실망도 컸다. 가장 기대했던 부분인 어도비 애플리케이션과의 호환성 부족 때문이다. 뒤늦게 프로토타이핑 툴 시장에 뛰어든 어도비에게 &amp;lsquo;호환성&amp;rsquo;이야말로 가장 큰 경쟁력이 될 수 있는데, 이번릴리즈 버전은(아무리 프리뷰라고 하지만&amp;hellip;) 가장 기본적인 배려도 없었다는 느낌이 들었다. 기존 포토샵 CC에서 작업하던 아트보드(Art&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2F_j7Elr7h2qQjmCxNBid9ngv7xCk.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>스케치(Sketch) : 6. 스케치 미러 - UI/UX 디자인을 위한 프로토타이핑 툴 - 스케치</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/8" />
    <id>https://brunch.co.kr/@@69X/8</id>
    <updated>2023-11-17T07:16:22Z</updated>
    <published>2016-04-09T18:11:58Z</published>
    <summary type="html">내가 디자인한 (모바일) 디자인을 실제 모바일 기기에서 확인하면서 작업하면 많은 도움이 된다. 버튼 크기, 텍스트 크기, 텍스트 간격, 요소 간의 간격 등 모니터에서 완벽해 보였던 디자인을 실제 모바일에서 확인했을 때 항상 조절해야 할 부분들이 생기기 때문이다. 코딩 또는 개발 전에 디자인 단계에서 이러한 부분들이 미리 확인하고 수정한다면, 작업 프로세스에&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2FxNykCQm3QN0dY75UxZmLLKGoJus.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>스케치(Sketch) : 5. 슬라이스/이미지 내보내기 - UI/UX 디자인을 위한 프로토타이핑 툴 - 스케치(Sketch)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/7" />
    <id>https://brunch.co.kr/@@69X/7</id>
    <updated>2022-06-29T05:02:01Z</updated>
    <published>2016-04-06T21:10:57Z</published>
    <summary type="html">인서트(Insert) 메뉴에 있는 슬라이스(Slice, 단축키 S) 툴 역시 스마트한 도구이다. (그동안 사용해왔던 방법에 비하면&amp;hellip; 매우~)  개발자에게 이미지를 전달하거나, 코딩해서 웹사이트에 넣기 위해 이미지를 잘라보자. 스케치에서 이미지 아셋(Asset)을 만드는 방법은 다양하다. 먼저 슬라이스 툴을 사용하는 방법부터 알아보자.  먼저, 슬라이드 툴을&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2FdMeBZZSnGwdKUKJJHK4maynacTU.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>스케치(Sketch) : 4. 텍스트 - UI/UX 디자인을 위한 프로토타이핑 툴 - 스케치(Sketch)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/6" />
    <id>https://brunch.co.kr/@@69X/6</id>
    <updated>2022-09-07T19:40:48Z</updated>
    <published>2016-04-05T12:26:34Z</published>
    <summary type="html">(참고. 다른 그래픽 툴과 기능이 같거나 비슷한 요소는 생략하고, 스케치에서 차별화된 요소를 중심으로 정리.)  텍스트(Text) 단축키는 &amp;lsquo;T&amp;rsquo;이며, Text의 기능 또한 포토샵 또는 기타 그래픽 툴과 비슷하다.   텍스트 스타일 스케치의 장점이 이제 하나둘씩 나타나기 시작하는데, &amp;nbsp;자주 사용하는 텍스트 스타일을 따로 지정할 수 있다. 포토샵으로 작업할 &lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2FSIktpbomdqmYgeyF-mdtS9v7LP8.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>스케치(Sketch) : 3. 레이어 - UI/UX 디자인을 위한 프로토타이핑 툴 - 스케치(Sketch)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/5" />
    <id>https://brunch.co.kr/@@69X/5</id>
    <updated>2023-09-08T09:37:45Z</updated>
    <published>2016-04-04T08:02:32Z</published>
    <summary type="html">(참고. 다른 그래픽 툴과 레이어 기능이 같거나 비슷한 요소는 생략하고, 스케치에서 차별화된 요소를 중심으로 정리.)  Layer 기본적으로 포토샵 또는 기타 그래픽 툴을 통해 알고 있는 레이어 기능과 거의 비슷하다.   오브젝트 복제하기(Duplicate) 크게 3가지 방법이 있다.  - 복제할 대상 선택 후 오른쪽 클릭 -&amp;gt; &amp;lsquo;Duplicate&amp;rsquo; - 레&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2FrStDHAlRFSk9OS_ZwntJH0-40iI.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>스케치(Sketch) : 2. 인터페이스 - UI/UX 디자인을 위한 프로토타이핑 툴 - 스케치(Sketch)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/4" />
    <id>https://brunch.co.kr/@@69X/4</id>
    <updated>2023-09-08T09:37:45Z</updated>
    <published>2016-04-04T07:32:31Z</published>
    <summary type="html">먼저 스케치의 인터페이스를 살펴보자. 크게 다섯 부분으로 나뉜다.  1. 툴바(Toolbar) 2. 레이어 리스트(Layer List) 3.&amp;nbsp;인스펙터(Inspector) : 세부 속성 값 조절 4.&amp;nbsp;캔버스(Canvas) 5. 인서트(Insert) 메뉴: 툴바 영역 안에 있지만, 중요한 부분이라서 따로 구분했다.    &amp;lsquo;Insert&amp;rsquo; 메뉴 가장 많이 사용하게&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2F2gK6Gkwp1tNk4d5b1pOFRde38mo.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>스케치(Sketch) 살펴보기: 1. 설치, 관련 링크 - UI/UX 디자인을 위한 프로토타이핑 툴&amp;nbsp;- 스케치(Sketch)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/1" />
    <id>https://brunch.co.kr/@@69X/1</id>
    <updated>2023-09-11T19:40:06Z</updated>
    <published>2016-04-04T07:17:29Z</published>
    <summary type="html">https://youtu.be/YdIeiCyKwpI 프로토타이핑 툴은 디자인 과정에서 생기는 반복, 노가다 작업을 많이 줄여주기 때문에 작업 과정이 빨라지고, 이는 협업 과정에 많은 도움이 된다.  프로토타이핑 툴로 가장 많이 사용되고 있는&amp;nbsp;스케치(Sketch). 쉬운 인터페이스 뿐만 아니라, 바로 활용할 수 있는 템플릿, 다양한 외부 플러그인 지원, 막강&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2F7VCFHw32TrFlFHFVKGNq1BPihUU.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>어도비 XD 주요 기능 - UI/UX 디자인을 위한 프로토타이핑 툴  - 어도비 XD</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@69X/3" />
    <id>https://brunch.co.kr/@@69X/3</id>
    <updated>2023-10-25T19:40:11Z</updated>
    <published>2016-04-03T16:41:56Z</published>
    <summary type="html">그야말로 프로토타이핑 툴의 전성시대이다. 모바일 웹 또는 앱을 디자인하는 UI 디자이너의 역할과 작업이 많아졌고, 빠른 커뮤니케이션을 통한 협업이 어느 때보다 중요해졌다는 것을 의&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F69X%2Fimage%2FLVXWvIFvD94lHp-G7j_mt4171wM.jpg" width="99" /&gt;</summary>
  </entry>
</feed>
