2018 M01 29

[디자인] 가장 이상적인 디자인 워크 플로우 !

번역글입니다. 처음에는 기대감으로 중간에는 이게모지? 마지막에는 유쾌한 미소로 마무리 되는 글이라서 이렇게 번역소개 합니다.

디자이너로서 우리는 끊임없이 가장 잘 작동하는 도구와 프로세스를 찾기 위해 도구와 프로세스를 실험하고 있습니다. 많은 실험을 거친 후 완벽한 디자인 워크 플로를 발견했습니다. 이제이 디자인 워크 플로를 공유해 드리겠습니다. 디자인은 하나의 과정이며 내가 공유하고자하는 과정은 사람들이 좋아하는 습관 형성 제품을 만들기 위해 모든 프로젝트에서 사용했던 프로세스입니다.

Step. 1

스케치 (종이와 펜) - 모든 위대한 디자인은 종이에서 시작됩니다. 그 종이와 펜을 꺼내서 모양을 그리기 시작하십시오.
presentation
완벽해!

Step. 2

다음 단계는 스마트 폰에서 스케치 사진을 찍어 그 스케치들을 POP 으로 던져서 프로토 타입을 테스트 할 수있게하는 것입니다.
presentation

Step. 3

다음 단계는 와이어 프레임을 만드는 것입니다. 스케치는 결코 충분하지 않습니다. 와이어 프레임은 100% 효과가 있습니다. 이 방법 외에는 더 좋은 대안이 없습니다. Omnigraffle을 열고 wires을 만드십시오.
presentation

Step. 4

이제 Balsamiq에서 그 wires을 다시 할 수 있도록 드롭 다운 메뉴가 필요합니다.
presentation
초딩들을위한 굿 디자인.

Step. 5

다음으로, Balsamiq을 싫어하는 당신을 보게 됩니다. Axure에서 다시 실행하십시오.
presentation

Step. 6

다음으로, Axure을 싫어하는 당신을 보게 됩니다. 그래 Adobe Illustrator로 전환하여 $89.00 달러에 구입 한 UI Wireframing 키트를 사용하니다.
presentation

Step. 7

이제 해당 wires를 PNG로 export 다음 Invision으로 import합니다. 이제 당신의 팀과 공유 할 수 있습니다.
presentation

Step. 8

조나단이 당신의 Invision 프로토 타입에 남긴 모든 사악한 코멘트 때문에 다음날 아침에 일어나서 허니 시리얼 그릇 앞에서 울어 봅니다.
presentation
이거 맛있어.

Step. 9

절대로 Invision을 다시는 절대 사용하지 않기로 동의하십시오. 이유는........" f ** k 조나단".
presentation

Step. 10

Marvel에서 프로토 타입을 다시하고 조나이 Marvel에 의견을 남기는 방법을 알아낼 수 없기를 바랍니다.
presentation

Step. 11

당신은 성공했습니다. 마침내 와이어 프레임이 승인됩니다. No thanks to 조나단... 더 정확한 프로토 타입 작업을 시작할 시간 입니다.
presentation

Step. 12

다른 사람들이 사용하는 것과 같은 스톡 사진을 잡고 Photoshop을 사용하여 최적화합니다.
presentation
꽤 최적화 된 것 같습니다.

Step. 13

이제 Sketch를 열고 앱 UI를 작성하십시오. 진짜 제품처럼 보이기 시작했습니다!
presentation

Step. 14

이제 이것을 PNG로 내보내고 Flinto Lite로 화면을 가져옵니다.
presentation

Step. 15

제스처가 필요하다는 사실을 깨닫고 Flinto for Mac을 $99.oo 달러 지불하면 제스처를 추가 합니다.
presentation
이들은 서로 다른 사람들입니다! 매우 중요!

Step. 16

당신의 CEO / 이해 관계자 / 고객은 "휴대 전화에 다른 앱이 필요 없습니다"라고 말하면서 Flinto 앱을 다운로드하지 않습니다.
presentation

Step. 17

당신의 디자인을 Principle으로 임포트하고 상호 작용을 추가하십시오.
presentation

Step. 18

Principle가 F***ing video로 exports 할 수 있다고? 순간식간에 포기합니다. 괜찮을거야, 그렇지?
presentation

Step. 19

Pixate를 다운로드 합니다. 왜냐구요? 무료자나요...
presentation

Step. 20

Pixate 사용법을 배우십시오. (행운을 빕니다.)

Step. 21

이제 당신이하고 싶은 것은 당신의 컴퓨터를 박살내는 것 입니다. 나는 할 수있는 한, 이 충동에 저항합니다. 이것은 모두 창조적인 과정의 일부입니다. 다시 돌아 오기 전에 무너 뜨릴 필요가 있습니다. 그들은 결코 당신을 내버려 두지 않을 것입니다.
presentation

Step. 22

한번 Pixate의 광기에 빠지면, 방향을 바꿔 Framer 무료 평가판을 다운로드하십시오.
presentation
유망해 보입니다!

Step. 23

이제 점심 먹으러가세요. 당신은 그것?을 얻었습니다.
presentation
타코 소리가 좋습니다.

Step. 24

점심 식사에서 돌아와 Framer Trial이 만료되었음을 깨달으십시오. (심각하지만..., 정말 그들은 당신에게 32분 Trial을 줍니다.)
presentation

Step. 25

Justinmind에서 프로토 타입을 "또"다시 빌드 하십시오.
presentation

Step. 26

Justinmind가 무엇인지 알 수 없기 때문에 그 누구도 열 수 없는 Justinmind 파일을 보내 팀원들을 열받게 하십시오..... F***ing Justinmind
presentation

Step. 27

건물에서 뛰어 내리는 것을 고려해 보세요. 그러나 친구가 meetup / conference / blog post / TED talk / Product Hunt에서 들었던 새로운 멋진 프로토 타이핑 도구에 대해 알려줄 것이기 때문에 괜찮습니다.
presentation
당신의 모습입니다.^^
원본 링크 입니다
읽어 주셔서 감사합니다. 나는 이것이 내 동료 디자이너들에게 도움이되기를 바랍니다.
이 게시물에 영감을 불어 넣고 내 풍자를 참아 주신 Krishen Kotecha에게 인사하십시오.
원본 링크