SlideShare una empresa de Scribd logo
1 de 85
Descargar para leer sin conexión
ProttとSketchと
Zeplinのススメ
山本麻美
山本麻美
1997年からフリーランス
Web制作、ケータイサイト制作など
2010年
Androidの会に行ったことがきっかけでアプリの
UIデザインに特化。
2015年
グッドパッチ入社	Prottの2代目デザイナー
2015	こうしたいとおもいはじめる
つまり、こうしたかった
企画
デザイン
エンジニア
リング
企画
デザイン エンジニア
リング
2014年10月
(Prottリリース直後)
某社長
使おうよ!
なにこれ
すごい!!
超楽しいんですけどー
専門学校、高校の授業で
使おう!
いいですね、これ!
我が社も導入しよう!
クライアント先で、Facebookで
必須です!
Prott	1周年記念イベント
Active	
User賞を
授与する
わーい!!
グッドパッチ
土屋社長
グッドパッチの門を叩いたら
Prott
作って!
○♪※△#
!!え!!
グッドパッチ
土屋社長
2015年12月	グッドパッチ入社
Prottの2代目デザイナーとして働きはじめる
今日のおはなし
•Prott	:	

なぜプロトタイピングが必要なのか
• Sketch	:	

なぜアプリのデザインにSketchが向いているのか
• Zepelin	:	

もうレイアウト指示書を作らなくてよいのです
• おまけ	:	マテリアルデザインとの向き合い方の一例
Prott
なぜプロトタイピングが必要なのか
Webページの場合
情報の閲覧が主な目的
アプリやWebツールの場合
多くのアクションが発生する”ツール”
スワイプ
ドラッグ
ジェスチャ
ワイヤーフレーム+遷移図では、
気づけない伝わらないことが多い!
User	Interface
システムデバイス人
処理結果を
視覚的に表すのが
お役目
Prottにはプロトタイプ(試作品)
を作るための機能がたくさんある
Prottを使って
実際に動かしてみて検証する
使いにくいね
これじゃ!
そうだね
変えよう!
プロトタイピングのメリット
• 遷移や、要素の確認ができる



ワイヤーフレームを見てもイメージできないクライアントさんだと
ちょっと大変だったりする
• 常に完成イメージをチーム内で統一できる



ワイヤーフレームのでやめてしまわず、ビジュアルデザインに

進んでもProttを使って共有すると尚良し
• 早い段階でたくさん失敗する



アプリが出来上がってから直すのはとても大変だしコストかかる
プロトタイピングの注意点
• プロトタイプを作ることに夢中になりすぎない



完成させるべきはアプリであって、プロトタイプではない。

少々きたなくてもいいからどんどんさくさくアイデアを共有する。
• プロトタイプと完成品はイコールではないことを
認識する



たとえばiOSでは5と6でテキストの表示サイズが違う。

Androidでは画像の処理が遅く思っていた挙動にならない。
• 必要に応じてツールを使い分ける



プロトタイプとひとくちに言うが、用途に応じた種類がある
全体を設計する
“動き”を設計する
Prott Marvel Invision Flinto
Pixate Form
今後登場してくる
プロトタイピングツール
Adobe	comet Silver
ところでプロトタイプは
誰が作るの?
常にデザイナー チームの主軸の人
× ○
アプリで 手書きスケッチをアプリで
撮影取り込み
Webで ワイヤーフレーム作成機能
豊富なUIパーツ
SketchからProttへ直接Export!!
Sketchで Prott	Sketchプラグイン
誰でも素早くアイデアを共有できる
エンジニア
とか
ディレクター
とか
デザイナー
とか
ちょっとした余談
ダイアログ画面て、

地味にいっぱいあって、

作るのめんどくさいです。
でも、無いと困りますよね。
ここを押す
※画面の画像は、Android	L	UI	Kit	Sketch	Resource	を使っています
http://www.sketchappsources.com/free-source/659-android-l-ui-kit-sketch-freebie-resource.html
次に
ここを押す
パーツを
ドラッグする
テキストを
変更する
ぱぱっとダイアログが作れる!
※Sketchでいちいち作らなくてよいかも
当然、iOS用のパーツもあります
がんがんすばやく試せる
これならプロトタイプを
作ることが目的みたく
ならないね
ちゃっちゃか作って
どんどん試そう!!
Sketch
なぜアプリのデザインに
Sketchが向いているのか
StyleとSymbol
UIパーツをコンポーネントとして
デザインすることに適している
コンポーネント化しておく!
UIパーツの一括修正
エクスポート
iOS用のassets書き出しがラク
※Android版はZeplinからエクスポートするとラク!
Skechのexport
• 複数要素に対する一括スライス設定ができる
• 背景(写真や図形など)を含めず、アイコンなど必要
な要素だけを背景透過でexportすることができる
• iOSアプリに必要な等倍、2倍、3倍の3種類の
サイズのassetsを一回でexportすることができ、
ファイル名の末尾に”@2x”	,	“@3x”	を自動的
に付与してくれる
exportについての説明動画
https://www.sketchapp.com/learn/
プラグイン
Content	generator
ダミーの写真やテキストを生成してくれる
人名、長文テキスト、電話番号、住所もある
Prott	Sketch	plugin
Sketchのアートボードを直接Prottへエクスポート
Prott	Sketch	Plugin
Sketch Prott
その他おすすめプラグイン
• Sketch	measure
• CRAFT
• Dynamic	Button
Sketch	App	Sources
Sketchのプラグインや
テンプレート集
Zeplin連携
レイアウト指示書の作成が
不要になるツール
Zeplin
https://zeplin.io/
テキスト問題解決した!!!
これまでのSketch
このへんな余白に
苦しめられ続けてきましたよね
当然Zeplinにそのまま
exportされる
このへんな余白に
苦しめられ続けてきましたよね
しかたがないので
テキスト用のガイドを書いていました
Sketch3.6
ぴ、ぴったりだ!!!
当然Zeplinにそのまま
exportされる
なくなってる!!!!!
Zeppelin
もうレイアウト指示書を
作らなくてよいのです
UIの実装にはこういう情報が必要です
Sketchデータから
レイアウト指示書を作成してくれる
Zeplin
https://zeplin.io/
要素のサイズや位置関係を計算してくれたり
コメントを書き込んだりできる!
Android用プロジェクトは単位がdpに!
解像度を選択できる
Zeplinからassetsのexportができる。
(特にAndroid用assets書き出しが便利)
Color	Paletteを作成でき、
Color	Resourceのxmlを生成してくれる!
for
Android
iOS用プロジェクトの場合は
Objective-C,	Swift用になっている。
for
iOS
某エンジニアさん曰く、
「このコードの書き方いまいち」
だそうなので、ご注意ください!
おまけ
マテリアルデザインとの
向き合い方の一例
マテリアルデザインを
ガイドラインとしてではなく、
フレームワークとして捉える
さらには無料の
高機能テンプレートと
捉えてみる
リリースしないとスタートできない
サービス
概要
チーム
ビルディング
リサーチ 資金調達
プロモーション 戦略 プロダクト
制作
etc.
少人数スタートアップでは
アプリUIのことばっかり
考えているわけにいかない。
一番大事なのはUIでなく
コンテンツの質だ
ああ
しよう
こう
しよう そう
しよう
Prottとsketchとzeplinのススメ
ひととおり揃ってる!
アイコンもある!!
しかも無料だ!!!
マテリアルデザインサイト通りに
SketchでUIコンポーネントを作り、
組み合わせてどんどんアプリ作る
小さく産んで
UX
UI
UX
大きく育てる
UX
UI
こうじゃなくて こうなるとおもうよ!
UI
ユーザーテストをしたり、
分析したりして、じっくりUIを考える
更に
ああしよう
更に
こうしよう 更に
そうしよう
無理してゼロからUIデザインを
うんうんがんばらなくても
ちゃんと一定以上の
クオリティを担保できます。
どうぞ安心してコンテンツ磨きに
没頭してください。
と、解釈してみるのはどうでしょうか
• Prott	:	

動くものを作ってトライエラーをすばやく繰り返す

チームメンバーの認識統一
• Sketch	:	

ビジュアルデザインのトライエラーがとても容易
• Zepelin	:	

もうレイアウト指示書を作らなくてよいのです
• Material	Design	:	

テンプレートとして捉えてみるとリソース不足を解消できる
まとめ
面倒な作業はツールに任せて、
作業
作業
作業 ああ
しよう
こう
しよう
そう
しよう
試行錯誤する時間を増やそう!

Más contenido relacionado

La actualidad más candente

UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回Yoshiki Hayama
 
ガチャサイクルと海外課金
ガチャサイクルと海外課金ガチャサイクルと海外課金
ガチャサイクルと海外課金Hiromasa Iwasaki
 
まじめに!できる!LT
まじめに!できる!LT まじめに!できる!LT
まじめに!できる!LT Akabane Hiroyuki
 
ビジネスパーソンのためのDX入門講座エッセンス版
ビジネスパーソンのためのDX入門講座エッセンス版ビジネスパーソンのためのDX入門講座エッセンス版
ビジネスパーソンのためのDX入門講座エッセンス版Tokoroten Nakayama
 
UX白書には本当は何が書かれているか
UX白書には本当は何が書かれているかUX白書には本当は何が書かれているか
UX白書には本当は何が書かれているかMasaya Ando
 
UXデザイン概論 2019
UXデザイン概論 2019UXデザイン概論 2019
UXデザイン概論 2019Masaya Ando
 
TDPT + VMCプロトコル on WebRTC
TDPT + VMCプロトコル on WebRTCTDPT + VMCプロトコル on WebRTC
TDPT + VMCプロトコル on WebRTChironroinakae
 
MySQL for Excelの紹介
MySQL for Excelの紹介MySQL for Excelの紹介
MySQL for Excelの紹介yoyamasaki
 
リコーUCSの開発をリーンスタートアップ的視点でふりかえる
リコーUCSの開発をリーンスタートアップ的視点でふりかえるリコーUCSの開発をリーンスタートアップ的視点でふりかえる
リコーUCSの開発をリーンスタートアップ的視点でふりかえるYohei Yamamoto
 
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !Naoki Kanazawa
 
今さら聞けない人のためのDocker超入門 – OpenStack最新情報セミナー 2015年4月
今さら聞けない人のためのDocker超入門 – OpenStack最新情報セミナー 2015年4月今さら聞けない人のためのDocker超入門 – OpenStack最新情報セミナー 2015年4月
今さら聞けない人のためのDocker超入門 – OpenStack最新情報セミナー 2015年4月VirtualTech Japan Inc.
 
wxPython入門(大阪Pythonユーザの集まり2014/03)
wxPython入門(大阪Pythonユーザの集まり2014/03)wxPython入門(大阪Pythonユーザの集まり2014/03)
wxPython入門(大阪Pythonユーザの集まり2014/03)泰 増田
 
複数サービスを使う業務の自動化にはRPA×Node-RED構成がおすすめ/Node-RED Desktop紹介
複数サービスを使う業務の自動化にはRPA×Node-RED構成がおすすめ/Node-RED Desktop紹介複数サービスを使う業務の自動化にはRPA×Node-RED構成がおすすめ/Node-RED Desktop紹介
複数サービスを使う業務の自動化にはRPA×Node-RED構成がおすすめ/Node-RED Desktop紹介Kazuki Saito
 
マイクロサービスっぽい感じの話
マイクロサービスっぽい感じの話マイクロサービスっぽい感じの話
マイクロサービスっぽい感じの話Makoto Haruyama
 
Canonicalが支える、さくっと使えるUbuntu OpenStack - OpenStack Day in ITpro EXPO 2014
Canonicalが支える、さくっと使えるUbuntu OpenStack - OpenStack Day in ITpro EXPO 2014Canonicalが支える、さくっと使えるUbuntu OpenStack - OpenStack Day in ITpro EXPO 2014
Canonicalが支える、さくっと使えるUbuntu OpenStack - OpenStack Day in ITpro EXPO 2014VirtualTech Japan Inc.
 
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !Naoki Kanazawa
 
自己紹介スライドショー201606
自己紹介スライドショー201606自己紹介スライドショー201606
自己紹介スライドショー201606LEFT HAND RULE
 
本格的に始めるzsh
本格的に始めるzsh本格的に始めるzsh
本格的に始めるzshHideaki Miyake
 

La actualidad más candente (20)

今さら聞けない人のためのCI/CD超入門
今さら聞けない人のためのCI/CD超入門今さら聞けない人のためのCI/CD超入門
今さら聞けない人のためのCI/CD超入門
 
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
 
ガチャサイクルと海外課金
ガチャサイクルと海外課金ガチャサイクルと海外課金
ガチャサイクルと海外課金
 
まじめに!できる!LT
まじめに!できる!LT まじめに!できる!LT
まじめに!できる!LT
 
ビジネスパーソンのためのDX入門講座エッセンス版
ビジネスパーソンのためのDX入門講座エッセンス版ビジネスパーソンのためのDX入門講座エッセンス版
ビジネスパーソンのためのDX入門講座エッセンス版
 
UX白書には本当は何が書かれているか
UX白書には本当は何が書かれているかUX白書には本当は何が書かれているか
UX白書には本当は何が書かれているか
 
UXデザイン概論 2019
UXデザイン概論 2019UXデザイン概論 2019
UXデザイン概論 2019
 
UE4.14で入る新機能の一部を 駆け足でご紹介!
UE4.14で入る新機能の一部を 駆け足でご紹介!UE4.14で入る新機能の一部を 駆け足でご紹介!
UE4.14で入る新機能の一部を 駆け足でご紹介!
 
TDPT + VMCプロトコル on WebRTC
TDPT + VMCプロトコル on WebRTCTDPT + VMCプロトコル on WebRTC
TDPT + VMCプロトコル on WebRTC
 
MySQL for Excelの紹介
MySQL for Excelの紹介MySQL for Excelの紹介
MySQL for Excelの紹介
 
リコーUCSの開発をリーンスタートアップ的視点でふりかえる
リコーUCSの開発をリーンスタートアップ的視点でふりかえるリコーUCSの開発をリーンスタートアップ的視点でふりかえる
リコーUCSの開発をリーンスタートアップ的視点でふりかえる
 
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
 
今さら聞けない人のためのDocker超入門 – OpenStack最新情報セミナー 2015年4月
今さら聞けない人のためのDocker超入門 – OpenStack最新情報セミナー 2015年4月今さら聞けない人のためのDocker超入門 – OpenStack最新情報セミナー 2015年4月
今さら聞けない人のためのDocker超入門 – OpenStack最新情報セミナー 2015年4月
 
wxPython入門(大阪Pythonユーザの集まり2014/03)
wxPython入門(大阪Pythonユーザの集まり2014/03)wxPython入門(大阪Pythonユーザの集まり2014/03)
wxPython入門(大阪Pythonユーザの集まり2014/03)
 
複数サービスを使う業務の自動化にはRPA×Node-RED構成がおすすめ/Node-RED Desktop紹介
複数サービスを使う業務の自動化にはRPA×Node-RED構成がおすすめ/Node-RED Desktop紹介複数サービスを使う業務の自動化にはRPA×Node-RED構成がおすすめ/Node-RED Desktop紹介
複数サービスを使う業務の自動化にはRPA×Node-RED構成がおすすめ/Node-RED Desktop紹介
 
マイクロサービスっぽい感じの話
マイクロサービスっぽい感じの話マイクロサービスっぽい感じの話
マイクロサービスっぽい感じの話
 
Canonicalが支える、さくっと使えるUbuntu OpenStack - OpenStack Day in ITpro EXPO 2014
Canonicalが支える、さくっと使えるUbuntu OpenStack - OpenStack Day in ITpro EXPO 2014Canonicalが支える、さくっと使えるUbuntu OpenStack - OpenStack Day in ITpro EXPO 2014
Canonicalが支える、さくっと使えるUbuntu OpenStack - OpenStack Day in ITpro EXPO 2014
 
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
 
自己紹介スライドショー201606
自己紹介スライドショー201606自己紹介スライドショー201606
自己紹介スライドショー201606
 
本格的に始めるzsh
本格的に始めるzsh本格的に始めるzsh
本格的に始めるzsh
 

Destacado

Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみたPhotoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみたTomoyuki Arasuna
 
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜Koji Ishimoto
 
【Exchange Avenue】審査講評抜粋版
【Exchange Avenue】審査講評抜粋版【Exchange Avenue】審査講評抜粋版
【Exchange Avenue】審査講評抜粋版ridinglads
 
泥臭い受託開発Dev love関西
泥臭い受託開発Dev love関西泥臭い受託開発Dev love関西
泥臭い受託開発Dev love関西Toshiyuki Ohtomo
 
Sketchで変わるワークフロー
Sketchで変わるワークフローSketchで変わるワークフロー
Sketchで変わるワークフローAsami Yamamoto
 
2016-10-25 product manager conference 資料
2016-10-25 product manager conference 資料2016-10-25 product manager conference 資料
2016-10-25 product manager conference 資料Takeo Iyo
 
君にグロースハックはいらない
君にグロースハックはいらない君にグロースハックはいらない
君にグロースハックはいらないTakaaki Umada
 
「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」Kato Kyosuke
 
登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法Chihiro Kurosawa
 
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループアプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループKenichi Suzuki
 
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例yosuke sato
 
確実に良くするUI/UX設計
確実に良くするUI/UX設計確実に良くするUI/UX設計
確実に良くするUI/UX設計Takayuki Fukatsu
 
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -Shoko Tanaka
 
BASE_プレゼン用サービス説明資料
BASE_プレゼン用サービス説明資料BASE_プレゼン用サービス説明資料
BASE_プレゼン用サービス説明資料Find Job Startup
 
メルカリ_サービス説明資料
メルカリ_サービス説明資料メルカリ_サービス説明資料
メルカリ_サービス説明資料Find Job Startup
 
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】MOCKS | Yuta Morishige
 

Destacado (17)

Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみたPhotoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
Photoshopユーザ歴10年以上の私がSketchに乗り換えるべきかどうかを検証してみた
 
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
 
【Exchange Avenue】審査講評抜粋版
【Exchange Avenue】審査講評抜粋版【Exchange Avenue】審査講評抜粋版
【Exchange Avenue】審査講評抜粋版
 
泥臭い受託開発Dev love関西
泥臭い受託開発Dev love関西泥臭い受託開発Dev love関西
泥臭い受託開発Dev love関西
 
漢は黙ってjQuery
漢は黙ってjQuery漢は黙ってjQuery
漢は黙ってjQuery
 
Sketchで変わるワークフロー
Sketchで変わるワークフローSketchで変わるワークフロー
Sketchで変わるワークフロー
 
2016-10-25 product manager conference 資料
2016-10-25 product manager conference 資料2016-10-25 product manager conference 資料
2016-10-25 product manager conference 資料
 
君にグロースハックはいらない
君にグロースハックはいらない君にグロースハックはいらない
君にグロースハックはいらない
 
「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」
 
登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法
 
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループアプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
 
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
 
確実に良くするUI/UX設計
確実に良くするUI/UX設計確実に良くするUI/UX設計
確実に良くするUI/UX設計
 
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
 
BASE_プレゼン用サービス説明資料
BASE_プレゼン用サービス説明資料BASE_プレゼン用サービス説明資料
BASE_プレゼン用サービス説明資料
 
メルカリ_サービス説明資料
メルカリ_サービス説明資料メルカリ_サービス説明資料
メルカリ_サービス説明資料
 
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
 

Similar a Prottとsketchとzeplinのススメ

未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>Daisuke Maki
 
エンジニアとデザイナーのあいだ
エンジニアとデザイナーのあいだエンジニアとデザイナーのあいだ
エンジニアとデザイナーのあいだU-dai Yokoyama
 
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳Chihiro Tomita
 
Prototype in Service Design
Prototype in Service DesignPrototype in Service Design
Prototype in Service DesignHiiro Kato
 
kintone Café 福岡 LT
kintone Café 福岡 LTkintone Café 福岡 LT
kintone Café 福岡 LTTomoko Miyake
 
おばかアプリ勉強会資料 シグマコンサルティング
おばかアプリ勉強会資料 シグマコンサルティングおばかアプリ勉強会資料 シグマコンサルティング
おばかアプリ勉強会資料 シグマコンサルティングatmarkit
 
チームにプロトタイピングを導入した話
チームにプロトタイピングを導入した話チームにプロトタイピングを導入した話
チームにプロトタイピングを導入した話ikue hanawa
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザインNaoki Aoyama
 
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さんスクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さんDIVE INTO CODE Corp.
 
enPiT修了生は、大学卒業後の一歩をどう選んだか
enPiT修了生は、大学卒業後の一歩をどう選んだかenPiT修了生は、大学卒業後の一歩をどう選んだか
enPiT修了生は、大学卒業後の一歩をどう選んだかShizuru Kosuge
 
Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説光吉 浜谷
 
Prott Story ( Prottができるまで )
Prott Story ( Prottができるまで )Prott Story ( Prottができるまで )
Prott Story ( Prottができるまで )Naofumi Tsuchiya
 
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf theguild
 
ここがスゴい(変だ)よ!Git lab!
ここがスゴい(変だ)よ!Git lab!ここがスゴい(変だ)よ!Git lab!
ここがスゴい(変だ)よ!Git lab!Naoharu Sasaki
 
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリElectron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ祐磨 堀
 
デザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツデザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツYurie Shiratori
 
Pythonによるwebアプリケーション入門 - Django編-
Pythonによるwebアプリケーション入門 - Django編- Pythonによるwebアプリケーション入門 - Django編-
Pythonによるwebアプリケーション入門 - Django編- Hironori Sekine
 
スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座HiroyukiHirota
 
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方Tomoko Nishina
 

Similar a Prottとsketchとzeplinのススメ (20)

未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
 
エンジニアとデザイナーのあいだ
エンジニアとデザイナーのあいだエンジニアとデザイナーのあいだ
エンジニアとデザイナーのあいだ
 
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
 
Prototype in Service Design
Prototype in Service DesignPrototype in Service Design
Prototype in Service Design
 
kintone Café 福岡 LT
kintone Café 福岡 LTkintone Café 福岡 LT
kintone Café 福岡 LT
 
おばかアプリ勉強会資料 シグマコンサルティング
おばかアプリ勉強会資料 シグマコンサルティングおばかアプリ勉強会資料 シグマコンサルティング
おばかアプリ勉強会資料 シグマコンサルティング
 
チームにプロトタイピングを導入した話
チームにプロトタイピングを導入した話チームにプロトタイピングを導入した話
チームにプロトタイピングを導入した話
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
 
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さんスクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
 
『修羅道』制作事例 モバイルハイエンドグラフィックゲーム実現まで
『修羅道』制作事例 モバイルハイエンドグラフィックゲーム実現まで『修羅道』制作事例 モバイルハイエンドグラフィックゲーム実現まで
『修羅道』制作事例 モバイルハイエンドグラフィックゲーム実現まで
 
enPiT修了生は、大学卒業後の一歩をどう選んだか
enPiT修了生は、大学卒業後の一歩をどう選んだかenPiT修了生は、大学卒業後の一歩をどう選んだか
enPiT修了生は、大学卒業後の一歩をどう選んだか
 
Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説
 
Prott Story ( Prottができるまで )
Prott Story ( Prottができるまで )Prott Story ( Prottができるまで )
Prott Story ( Prottができるまで )
 
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
 
ここがスゴい(変だ)よ!Git lab!
ここがスゴい(変だ)よ!Git lab!ここがスゴい(変だ)よ!Git lab!
ここがスゴい(変だ)よ!Git lab!
 
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリElectron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
 
デザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツデザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツ
 
Pythonによるwebアプリケーション入門 - Django編-
Pythonによるwebアプリケーション入門 - Django編- Pythonによるwebアプリケーション入門 - Django編-
Pythonによるwebアプリケーション入門 - Django編-
 
スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座
 
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方
 

Prottとsketchとzeplinのススメ