Suche senden
Hochladen
SketchがAndroidのUIデザインに向いているワケ
•
13 gefällt mir
•
24,876 views
Asami Yamamoto
Folgen
2017年5月28日に開催されたABC2017Springでの講演資料
Weniger lesen
Mehr lesen
Design
Melden
Teilen
Melden
Teilen
1 von 37
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Asami Yamamoto
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
成長するデザイン組織
成長するデザイン組織
Mikihiro Fujii
Empfohlen
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Asami Yamamoto
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
成長するデザイン組織
成長するデザイン組織
Mikihiro Fujii
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
Prottとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
Asami Yamamoto
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
Mikihiro Fujii
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
Mayumi Narisawa
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
Why and how Design UI
Why and how Design UI
Mikihiro Fujii
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
Mikihiro Fujii
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善
Keisuke Tsukayoshi
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Keisuke Tada
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
趣味と仕事(ビジュアルシンキングとNewsPicks)
趣味と仕事(ビジュアルシンキングとNewsPicks)
潤 櫻田
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Tetsuya Takeda
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
Weitere ähnliche Inhalte
Was ist angesagt?
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
Prottとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
Asami Yamamoto
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
Mikihiro Fujii
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
Mayumi Narisawa
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
Why and how Design UI
Why and how Design UI
Mikihiro Fujii
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
Mikihiro Fujii
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善
Keisuke Tsukayoshi
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Keisuke Tada
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
趣味と仕事(ビジュアルシンキングとNewsPicks)
趣味と仕事(ビジュアルシンキングとNewsPicks)
潤 櫻田
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Tetsuya Takeda
Was ist angesagt?
(20)
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
デザインのためのデザイン
デザインのためのデザイン
Prottとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
Why and how Design UI
Why and how Design UI
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
趣味と仕事(ビジュアルシンキングとNewsPicks)
趣味と仕事(ビジュアルシンキングとNewsPicks)
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Andere mochten auch
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門
Yuki Ishikawa
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
hamko ig
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
Toshihiko Yamakami
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
玄 中野
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
Yahoo!デベロッパーネットワーク
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
Yasunobu Ikeda
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
swwwitch inc.
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Sasaki Kouhei
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Ryoji Fujishita
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
Mignon Style
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
Andere mochten auch
(18)
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
いまさら訊けないWebフォント入門
いまさら訊けないWebフォント入門
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
【デザイン・ノイズ論】~ Webデザインにおけるノイズ的手法を考える ~
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デザイナーこそ覚えておきたいCSS最新事情! あなたの知らないfont-familyのイマ
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
UXの考え方とアプローチ
UXの考え方とアプローチ
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
色彩センスのいらない配色講座
色彩センスのいらない配色講座
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
Ähnlich wie SketchがAndroidのUIデザインに向いているワケ
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
KLab Inc. / Tech
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
FujishiroRumi
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
Chihiro Tomita
【Edge Animate】スマホアプリのインタラクティブコンテンツ
【Edge Animate】スマホアプリのインタラクティブコンテンツ
Tomonori Watanabe
奥行きを意識したプロダクト-iOS9で変わる体験-
奥行きを意識したプロダクト-iOS9で変わる体験-
正典 三橋
20131005 cocoa関西
20131005 cocoa関西
Yosuke Uno
バスキュールに学ぶ、クライアントもユーザーもハッピーになるスマホアプリ企画設計のキモ 先生:大塚 晃
バスキュールに学ぶ、クライアントもユーザーもハッピーになるスマホアプリ企画設計のキモ 先生:大塚 晃
schoowebcampus
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
インフラジスティックス・ジャパン株式会社
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23
Mari Kimura
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
Shin Ise
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
LINE Corporation
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Satoru Yamaguchi
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
c-mitsuba
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
Keisuke Tada
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
UnityTechnologiesJapan002
Schoo講演資料130409
Schoo講演資料130409
Ryosuke Matsumoto
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Naoki Aoyama
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
Ähnlich wie SketchがAndroidのUIデザインに向いているワケ
(20)
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
【Edge Animate】スマホアプリのインタラクティブコンテンツ
【Edge Animate】スマホアプリのインタラクティブコンテンツ
奥行きを意識したプロダクト-iOS9で変わる体験-
奥行きを意識したプロダクト-iOS9で変わる体験-
20131005 cocoa関西
20131005 cocoa関西
バスキュールに学ぶ、クライアントもユーザーもハッピーになるスマホアプリ企画設計のキモ 先生:大塚 晃
バスキュールに学ぶ、クライアントもユーザーもハッピーになるスマホアプリ企画設計のキモ 先生:大塚 晃
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
【Unite 2018 Tokyo】Unityにおける疎結合設計 ~UIへの適用事例から学ぶ、テクニックとメリット~
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
SketchがAndroidのUIデザインに向いているワケ
1.
SketchがAndroidアプリのUIデザインに向いているワケ 山本麻美
2.
山本麻美 1997年 フリーランスのWeb制作者に 1999年 i‑modeのケータイサイト作ったり 2010年
日本Androidの会に参加したら、 エンジニアさんたちにそそのかされて モバイルアプリのUIデザイナーに。 Wishscope、トレタ、ビズリーチ、 レシピブログとか 色々
3.
今日のおはなし ・Symbol ‑ UIコンポーネントのシンボル化で作業効率アップ ・Export ‑ Android用画像assetsの書き出し ・Real Time Preview ‑ “Crystal”でミラーリング ・Plugin ‑ Design for Androidを助けてくれるプラグイン ・他ツール連携 ‑ デザイナーとエンジニアのコミュニケーション
4.
アプリデザインの工程 どんなの 作りましょか デザイン 研ぎ澄ませ! エンジニアに 伝えよう
5.
6.
SymbolUIコンポーネントのシンボル化で作業効率アップ
7.
こんなアプリを作るとする。
8.
それぞれをSymbolとして作成しておく ToolbarStatus bar Card
9.
Toolbar
10.
Card
11.
Toolbar Icons ToolbarのアイコンもSymbolとして 作成しておくことがポイントです。
12.
Toolbar アイコン違う! 表示数も違う…
13.
SymbolのOverrides Screenごとに表示アイコンを変えることができます。 非表示にもできます。
14.
SymbolのResizing
15.
SymbolのResizing 位置固定 サイズ固定
16.
SymbolのResizing
17.
ExportAndroid用画像assetsの書き出し
18.
Android用に画像書き出し
19.
Android用に画像書き出し フォルダ分けもされているのでそのままASに入れられる!
20.
もちろんSVGも Exportできます。
21.
SVGに変更する
22.
9patchとか Launcher iconは、、、 Android Assets Studio https://romannurik.github.io/AndroidAssetStudio/
23.
Real Time Preview“Crystal”でAndroidデバイスにミラーリング
24.
実機で確認しながらデザインできる!
25.
WifiかUSBで使えるよ Crystal
26.
実機で確認しながらデザインする! PC画面で見ている のとでは、やっぱり 全然違うよね
27.
PluginとかDesign for Androidを助けてくれるプラグイン
28.
Material Design Color Palette Primary Color, Accent Color等を作ってくれるプラグイン
29.
CRAFT ダミーの写真やテキスト、人名
30.
○○○ゴコロをくすぐってもくれるわけで フフフフ。こんなプラグイン 見つけちゃったもんね~(^O^)
31.
他ツール連携デザイナーとエンジニアのコミュニケーション
32.
UI実装するときエンジニアが知りたいこと ・各要素の位置関係 ・サイズ ・画像名 ・カラーコード ・スクロールする箇所と固定箇所 ・アニメーションのタイミング etc.
33.
デザイナーの言い分 ・Spec表を作るのすごく大変 ・大変なのにその予算がない ・デザイン通りに実装されない etc.
34.
SpecはZeplinで伝える SketchからImportするだけ Androidプロジェクトは 単位がdpで表示されるよ
35.
InVision Inspect modeもあるよ
36.
まとめ Sketchは、UIコンポーネントのデザインに 向いている。 最近、Android向けのExportができるようになりました。 プラグインで自分仕様にできるのです。 ワークフローの中で必要な、いろんなツールと連携しやすいです。
37.
Sketchの初心者Q&Aブログ http://sketchegg.blogspot.jp/
Jetzt herunterladen