Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ワイヤーフレームから フィニッシュワークまで Adobe XDの使い所
Search
Risa Yuguchi
October 21, 2016
Design
0
670
ワイヤーフレームから フィニッシュワークまで Adobe XDの使い所
Adobe XD Meeting #02 の発表資料です
Risa Yuguchi
October 21, 2016
Tweet
Share
More Decks by Risa Yuguchi
See All by Risa Yuguchi
ワイヤーフレームを高速にXDらしく作る
rstudiorisa
2
1.7k
デザイン向き?プロトタイプ向き?2ヶ月使って感じたAdobe XDの使いドコロと実戦投入
rstudiorisa
0
1.5k
Other Decks in Design
See All in Design
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
2
500
プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
230
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
450
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
moriyuya
31
2.6k
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
7.7k
素晴らしき余白の世界
kasumidyaya
1
110
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
380
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
Product-Writing
aguringo
6
2.8k
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
380
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
570
Crafting Blog covers: AI tools vs Human Illustrators. Who is the winner?
strongeron
0
140
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
For a Future-Friendly Web
brad_frost
171
8.9k
Writing Fast Ruby
sferik
620
60k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Adopting Sorbet at Scale
ufuk
67
8.6k
Facilitating Awesome Meetings
lara
41
5.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
119
39k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
A Philosophy of Restraint
colly
196
16k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Music & Morning Musume
bryan
41
5.6k
Code Review Best Practice
trishagee
54
15k
Transcript
"EPCF9%.FFUJOH ωο τύΠϩςΟϯάגࣜձࣾ 6*σβΠφʔ ౬ޱΓ͞ ϫΠϠʔϑϨʔϜ͔Β ϑ Οχογϡ ϫʔΫ·Ͱ "EPCF9%ͷ͍ॴ
ϑϩϯτΤϯυΤϯδχΞ +4"4 ˠ6*σβΠφʔ 8IP ݱࡏͷϓϩδΣΫτ ɿ খചۀ͚ͷάϧʔϓΤΞ6*σβΠϯ ΄΅ຖ݄"EPCF9%ษڧձ Ծ ͷਓ
5XJUUFS ɿ !SJTBZ ͍͍ͩͨ"EPCF9%ͷ
9%ΛීஈͲ͏ͬ ͯΔ ʁ ##͚ͷ6*σβΠϯ εϥΠυ࡞ ϋοΧιϯͰϓϩτλΠϓ
ຊͷ͓ ࠷ۙͷ9%ͷදݱྗ Ͱ͖Δ͜ͱͰ͖ͳ͍͜ͱ σϞ
࠷ۙͷ9%ͰͰ͖Δ͜ͱ Cake Catalogue
Ͱ͖ͳ͍͜ͱछྨ 6*͕ଘࡏ͠ͳ͍͔Β9%͚ͩͰͰ͖ͳ͍ ػೳΛඋ͑ͯͳ͍͔ΒͰ͖ͳ͍ ɾ ഁઢ ɾ ԁܗάϥσʔγϣϯͳͲ ɾ CSSͷॻ͖ग़͠ͳͲ ɾ
ॎॻ͖ςΩετ ɾ ݻఆϔομʔʗϑολʔʗϙο ϓΞο ϓʗ ϚΠ ΫϩΠϯλϥΫγϣϯͳͲ
ϝϯόʔ͕8JOEPXTͷΈˠϓϩτλΠϓͰΊΔ ڞಉ࡞ۀͷ9% ҰਓͰ࡞ۀͰ͖ΔˠϑΟχογϡϫʔΫ·Ͱ खͰ)5.-$44ΛΊΔϝϯόʔ͕ډͳ͍ ˠϓϩτλΠϓͰΊΔ
ͦͷલʹ ʂ 6*ΩοτΛ͏ͳΒϑΥϯτΛ४උ ˞ೖͬͯͳ͚Ε ɾ San Francisco (SF UI Display
/ SF UI Text) https://developer.apple.com/fonts/ ɾ Roboto Typekit or https://github.com/google/roboto ɾ Noto Typekit or https://www.google.com/get/noto/ ɾ Segoe UI 8JOEPXT൛͔ΒͰ͍͍͔
ϑΥ ϯτͳͥඞཁʁ ϞόΠϧΞϓϦϓϨϏϡʔͰɺ σβΠϯͰΘΕ͍ͯΔ ϑΥϯτΛʹμϯϩʔυͯ͘͠ΕΔ Android iOS F F
a
ΞΠσΞεέονΛ9%Ͱ ϑΥϯτมߋ͠ͳ͍ γΣΠϓͷ৭ม͑ͳ͍ ΞΠίϯͷԾͯΞΠίϯϑΥϯτ͑Δ
ϫΠϠʔϑϨʔϜΛ9%Ͱ Ϙλϯ ɾ ΞΠίϯϘλϯάϧʔϓԽ͢Δ ελΠϧઐ༻ͷΞʔτϘʔυʹඞͣϑΥϯτ໊Λ ʂ άϧʔϓʹը໘ભҠઃఆ͢Εɺ ϘλϯͷσβΠϯมߋ͕͋ͬͯ࠶ઃఆෆཁ
ΞΠίϯϑΥ ϯτ 'POUBXFTPNF (JUIVC͔Β05'·ͨ55'ܗࣜͷϑΥϯτ ϑΝΠϧΛ μϯϩʔυ͢Δ ϦϐʔτάϦουͱςΩετ ϑΝΠϧͱ'POUBXFTPNF
ΞΠίϯϑΥ ϯτ 'POUBXFTPNF ȍ +FU#SBJOTܥͷ*%&ࣗಈͰ 'POUBXFTPNFͷදࣔΛߦ͏ ςΩετ ϑΝΠϧ͔Β ϦϐʔτάϦου
ΞΠίϯϑΥ ϯτΛ͑ ȍ ȍ ϦϐʔτάϦουͰ ৭ସ͑ࣗࡏ ϦϐʔτάϦουͰ ԣˠॎมߋͰ͖Δ ϑΥϯτʹ͓͚ͯ͠ ৭ସ͑ࣗࡏ
ελΠϧͷෳ ϑΥ ϯτ ɿ ϓϧμϯఘΊͯίϐϖ ϑΥϯτҎ֎ͷελΠϧ ɿ ෳ߹γΣΠϓΛ࡞Γղআ͢Δ
ϑΥ ϯτ ɿ 5ZQFLJUͰબͿͱ͖ ϑΥϯτͷݸผը໘ʹӳޠͷϑΥϯτ໊͕ॻ͍ͯ͋Δ ࠷ޙͷ ϒϩοΫҎ֎͕ ϑΥϯτ໊
ελΠϧΛҙͷγΣΠϓʹෳ ෳ͍ͨ͠ελΠϧͷγΣΠϓ ඞͣରγΣΠϓΑΓԼʹ ʂ άϥσʔγϣϯ ઢͷελΠϧ
ελΠϧઐ༻ͷΞʔτϘʔυΛ࡞Δ Ұ൪࠷ॳʹ࡞ΔΞʔτϘʔυશͯͷ֊ͰҰ൪Լ ѻ͍ʹͳΔ ϑΥϯτҎ֎ͷελΠϧΛूΊ͓͚ͯͤʹ ʂ
ؾΛ͚ͭΔ͜ͱ ଠࣈʹରԠ͢ΔΣΠτ͕Πϯετʔϧ͞Ε͍ͯΔ ʁ ࣼମʹରԠ͢ΔΣΠτ͕Πϯετʔϧ͞Ε͍ͯΔ ʁ
ࠓճೖΒͳ͔ͬͨ
ϦϐʔτάϦ ο υ͋Ε͜Ε OK Ωϟϯηϧ ϝοηʔδૹ৴ NO γΣΞ OK Ωϟϯηϧ
ϝοηʔδૹ৴ NO γΣΞ OK Ωϟϯηϧ ϝοηʔδૹ৴ NO γΣΞ OK Ωϟϯηϧ ϝοηʔδૹ৴ ϦϐʔτάϦουͰϘλϯσβΠϯΛ·ͱΊͯνΣοΫ ճసͯ͠ύϯͣ͘Ϧετ
ϦϐʔτάϦ ο υ͋Ε͜Ε ϦϐʔτάϦουʴϚεΫ ϦϐʔτάϦου ʴ։࢝ҐஔͣΒ͠ ͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋
ΦʔϓϯύεΛ׆༻ͯ͠λϒ࡞ ෳ߹ύεΛ࡞Δ ϖϯπʔϧͰϙΠϯτ ɹͷ݁߹Λ։͘ ΦϒδΣΫτʼύεʼ ɹύεʹม ෆཁͳϙΠϯτΛআ