SlideShare a Scribd company logo
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でなく
コンテンツの質だ
ああ
しよう
こう
しよう そう
しよう
ひととおり揃ってる!
アイコンもある!!
しかも無料だ!!!
マテリアルデザインサイト通りに
SketchでUIコンポーネントを作り、
組み合わせてどんどんアプリ作る
小さく産んで
UX
UI
UX
大きく育てる
UX
UI
こうじゃなくて こうなるとおもうよ!
UI
ユーザーテストをしたり、
分析したりして、じっくりUIを考える
更に
ああしよう
更に
こうしよう 更に
そうしよう
無理してゼロからUIデザインを
うんうんがんばらなくても
ちゃんと一定以上の
クオリティを担保できます。
どうぞ安心してコンテンツ磨きに
没頭してください。
と、解釈してみるのはどうでしょうか
• Prott	:	

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

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

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

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

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

More Related Content

What's hot

まじめに!できる!LT
まじめに!できる!LT まじめに!できる!LT
まじめに!できる!LT
Akabane Hiroyuki
 
テストコードの DRY と DAMP
テストコードの DRY と DAMPテストコードの DRY と DAMP
テストコードの DRY と DAMP
Yusuke Kagata
 
Muninではじめる実践★リソース監視 -俺のサーバがこんなに重いはずがない、を乗り切るために-
Muninではじめる実践★リソース監視 -俺のサーバがこんなに重いはずがない、を乗り切るために-Muninではじめる実践★リソース監視 -俺のサーバがこんなに重いはずがない、を乗り切るために-
Muninではじめる実践★リソース監視 -俺のサーバがこんなに重いはずがない、を乗り切るために-
Masahito Zembutsu
 
The Twelve-Factor Appで考えるAWSのサービス開発
The Twelve-Factor Appで考えるAWSのサービス開発The Twelve-Factor Appで考えるAWSのサービス開発
The Twelve-Factor Appで考えるAWSのサービス開発
Amazon Web Services Japan
 
KeycloakでAPI認可に入門する
KeycloakでAPI認可に入門するKeycloakでAPI認可に入門する
KeycloakでAPI認可に入門する
Hitachi, Ltd. OSS Solution Center.
 
データ履歴管理のためのテンポラルデータモデルとReladomoの紹介 #jjug_ccc #ccc_g3
データ履歴管理のためのテンポラルデータモデルとReladomoの紹介 #jjug_ccc #ccc_g3 データ履歴管理のためのテンポラルデータモデルとReladomoの紹介 #jjug_ccc #ccc_g3
データ履歴管理のためのテンポラルデータモデルとReladomoの紹介 #jjug_ccc #ccc_g3
Hiroshi Ito
 
イベント・ソーシングを知る
イベント・ソーシングを知るイベント・ソーシングを知る
イベント・ソーシングを知るShuhei Fujita
 
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
 
リーンスタートアップと顧客開発とアジャイル開発を一気通貫するッ #devlove #devkan
リーンスタートアップと顧客開発とアジャイル開発を一気通貫するッ #devlove #devkanリーンスタートアップと顧客開発とアジャイル開発を一気通貫するッ #devlove #devkan
リーンスタートアップと顧客開発とアジャイル開発を一気通貫するッ #devlove #devkan
Itsuki Kuroda
 
データウェアハウスモデリング入門(ダイジェスト版)(事前公開版)
データウェアハウスモデリング入門(ダイジェスト版)(事前公開版) データウェアハウスモデリング入門(ダイジェスト版)(事前公開版)
データウェアハウスモデリング入門(ダイジェスト版)(事前公開版)
Satoshi Nagayasu
 
ジョブ管理でcronは限界があったので”Rundeck”を使ってハッピーになりました
ジョブ管理でcronは限界があったので”Rundeck”を使ってハッピーになりましたジョブ管理でcronは限界があったので”Rundeck”を使ってハッピーになりました
ジョブ管理でcronは限界があったので”Rundeck”を使ってハッピーになりました
Yukiya Hayashi
 
Data Engineering Meetup #1 持続可能なデータ基盤のためのデータの多様性に対する取り組み
Data Engineering Meetup #1 持続可能なデータ基盤のためのデータの多様性に対する取り組みData Engineering Meetup #1 持続可能なデータ基盤のためのデータの多様性に対する取り組み
Data Engineering Meetup #1 持続可能なデータ基盤のためのデータの多様性に対する取り組み
cyberagent
 
フロー効率性とリソース効率性、再入門 #devlove #devkan
フロー効率性とリソース効率性、再入門 #devlove #devkanフロー効率性とリソース効率性、再入門 #devlove #devkan
フロー効率性とリソース効率性、再入門 #devlove #devkan
Itsuki Kuroda
 
OSS活動の活発さと評価の関係について
OSS活動の活発さと評価の関係についてOSS活動の活発さと評価の関係について
OSS活動の活発さと評価の関係について
Takuto Wada
 
NuxtでAPIサーバー立ててみた
NuxtでAPIサーバー立ててみたNuxtでAPIサーバー立ててみた
NuxtでAPIサーバー立ててみた
ssuserbf0fbd
 
今だから知りたい BigQuery 再入門 | Google Cloud INSIDE Games & Apps: Online
今だから知りたい BigQuery 再入門 | Google Cloud INSIDE Games & Apps: Online今だから知りたい BigQuery 再入門 | Google Cloud INSIDE Games & Apps: Online
今だから知りたい BigQuery 再入門 | Google Cloud INSIDE Games & Apps: Online
Google Cloud Platform - Japan
 
データサイエンティスト養成読本の解説+書き忘れたこと
データサイエンティスト養成読本の解説+書き忘れたことデータサイエンティスト養成読本の解説+書き忘れたこと
データサイエンティスト養成読本の解説+書き忘れたこと
Tokoroten Nakayama
 
株式会社コロプラ『GKE と Cloud Spanner が躍動するドラゴンクエストウォーク』第 9 回 Google Cloud INSIDE Game...
株式会社コロプラ『GKE と Cloud Spanner が躍動するドラゴンクエストウォーク』第 9 回 Google Cloud INSIDE Game...株式会社コロプラ『GKE と Cloud Spanner が躍動するドラゴンクエストウォーク』第 9 回 Google Cloud INSIDE Game...
株式会社コロプラ『GKE と Cloud Spanner が躍動するドラゴンクエストウォーク』第 9 回 Google Cloud INSIDE Game...
Google Cloud Platform - Japan
 
Azure Api Management 俺的マニュアル 2020年3月版
Azure Api Management 俺的マニュアル 2020年3月版Azure Api Management 俺的マニュアル 2020年3月版
Azure Api Management 俺的マニュアル 2020年3月版
貴志 上坂
 
イミュータブルデータモデルの極意
イミュータブルデータモデルの極意イミュータブルデータモデルの極意
イミュータブルデータモデルの極意
Yoshitaka Kawashima
 

What's hot (20)

まじめに!できる!LT
まじめに!できる!LT まじめに!できる!LT
まじめに!できる!LT
 
テストコードの DRY と DAMP
テストコードの DRY と DAMPテストコードの DRY と DAMP
テストコードの DRY と DAMP
 
Muninではじめる実践★リソース監視 -俺のサーバがこんなに重いはずがない、を乗り切るために-
Muninではじめる実践★リソース監視 -俺のサーバがこんなに重いはずがない、を乗り切るために-Muninではじめる実践★リソース監視 -俺のサーバがこんなに重いはずがない、を乗り切るために-
Muninではじめる実践★リソース監視 -俺のサーバがこんなに重いはずがない、を乗り切るために-
 
The Twelve-Factor Appで考えるAWSのサービス開発
The Twelve-Factor Appで考えるAWSのサービス開発The Twelve-Factor Appで考えるAWSのサービス開発
The Twelve-Factor Appで考えるAWSのサービス開発
 
KeycloakでAPI認可に入門する
KeycloakでAPI認可に入門するKeycloakでAPI認可に入門する
KeycloakでAPI認可に入門する
 
データ履歴管理のためのテンポラルデータモデルとReladomoの紹介 #jjug_ccc #ccc_g3
データ履歴管理のためのテンポラルデータモデルとReladomoの紹介 #jjug_ccc #ccc_g3 データ履歴管理のためのテンポラルデータモデルとReladomoの紹介 #jjug_ccc #ccc_g3
データ履歴管理のためのテンポラルデータモデルとReladomoの紹介 #jjug_ccc #ccc_g3
 
イベント・ソーシングを知る
イベント・ソーシングを知るイベント・ソーシングを知る
イベント・ソーシングを知る
 
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
 
リーンスタートアップと顧客開発とアジャイル開発を一気通貫するッ #devlove #devkan
リーンスタートアップと顧客開発とアジャイル開発を一気通貫するッ #devlove #devkanリーンスタートアップと顧客開発とアジャイル開発を一気通貫するッ #devlove #devkan
リーンスタートアップと顧客開発とアジャイル開発を一気通貫するッ #devlove #devkan
 
データウェアハウスモデリング入門(ダイジェスト版)(事前公開版)
データウェアハウスモデリング入門(ダイジェスト版)(事前公開版) データウェアハウスモデリング入門(ダイジェスト版)(事前公開版)
データウェアハウスモデリング入門(ダイジェスト版)(事前公開版)
 
ジョブ管理でcronは限界があったので”Rundeck”を使ってハッピーになりました
ジョブ管理でcronは限界があったので”Rundeck”を使ってハッピーになりましたジョブ管理でcronは限界があったので”Rundeck”を使ってハッピーになりました
ジョブ管理でcronは限界があったので”Rundeck”を使ってハッピーになりました
 
Data Engineering Meetup #1 持続可能なデータ基盤のためのデータの多様性に対する取り組み
Data Engineering Meetup #1 持続可能なデータ基盤のためのデータの多様性に対する取り組みData Engineering Meetup #1 持続可能なデータ基盤のためのデータの多様性に対する取り組み
Data Engineering Meetup #1 持続可能なデータ基盤のためのデータの多様性に対する取り組み
 
フロー効率性とリソース効率性、再入門 #devlove #devkan
フロー効率性とリソース効率性、再入門 #devlove #devkanフロー効率性とリソース効率性、再入門 #devlove #devkan
フロー効率性とリソース効率性、再入門 #devlove #devkan
 
OSS活動の活発さと評価の関係について
OSS活動の活発さと評価の関係についてOSS活動の活発さと評価の関係について
OSS活動の活発さと評価の関係について
 
NuxtでAPIサーバー立ててみた
NuxtでAPIサーバー立ててみたNuxtでAPIサーバー立ててみた
NuxtでAPIサーバー立ててみた
 
今だから知りたい BigQuery 再入門 | Google Cloud INSIDE Games & Apps: Online
今だから知りたい BigQuery 再入門 | Google Cloud INSIDE Games & Apps: Online今だから知りたい BigQuery 再入門 | Google Cloud INSIDE Games & Apps: Online
今だから知りたい BigQuery 再入門 | Google Cloud INSIDE Games & Apps: Online
 
データサイエンティスト養成読本の解説+書き忘れたこと
データサイエンティスト養成読本の解説+書き忘れたことデータサイエンティスト養成読本の解説+書き忘れたこと
データサイエンティスト養成読本の解説+書き忘れたこと
 
株式会社コロプラ『GKE と Cloud Spanner が躍動するドラゴンクエストウォーク』第 9 回 Google Cloud INSIDE Game...
株式会社コロプラ『GKE と Cloud Spanner が躍動するドラゴンクエストウォーク』第 9 回 Google Cloud INSIDE Game...株式会社コロプラ『GKE と Cloud Spanner が躍動するドラゴンクエストウォーク』第 9 回 Google Cloud INSIDE Game...
株式会社コロプラ『GKE と Cloud Spanner が躍動するドラゴンクエストウォーク』第 9 回 Google Cloud INSIDE Game...
 
Azure Api Management 俺的マニュアル 2020年3月版
Azure Api Management 俺的マニュアル 2020年3月版Azure Api Management 俺的マニュアル 2020年3月版
Azure Api Management 俺的マニュアル 2020年3月版
 
イミュータブルデータモデルの極意
イミュータブルデータモデルの極意イミュータブルデータモデルの極意
イミュータブルデータモデルの極意
 

Viewers also liked

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
 
漢は黙ってjQuery
漢は黙ってjQuery漢は黙ってjQuery
漢は黙ってjQuery
Takuma Hanatani
 
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
 

Viewers also liked (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 to 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 Design
Hiiro Kato
 
kintone Café 福岡 LT
kintone Café 福岡 LTkintone Café 福岡 LT
kintone Café 福岡 LT
Tomoko Miyake
 
おばかアプリ勉強会資料 シグマコンサルティング
おばかアプリ勉強会資料 シグマコンサルティングおばかアプリ勉強会資料 シグマコンサルティング
おばかアプリ勉強会資料 シグマコンサルティングatmarkit
 
チームにプロトタイピングを導入した話
チームにプロトタイピングを導入した話チームにプロトタイピングを導入した話
チームにプロトタイピングを導入した話
ikue hanawa
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Naoki Aoyama
 
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さんスクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
スクールと現場のハザマ 2018 登壇資料 塩井 美咲さん
DIVE INTO CODE Corp.
 
『修羅道』制作事例 モバイルハイエンドグラフィックゲーム実現まで
『修羅道』制作事例 モバイルハイエンドグラフィックゲーム実現まで『修羅道』制作事例 モバイルハイエンドグラフィックゲーム実現まで
『修羅道』制作事例 モバイルハイエンドグラフィックゲーム実現まで
エピック・ゲームズ・ジャパン Epic Games Japan
 
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 to 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のススメ