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
780
ワイヤーフレームから フィニッシュワークまで 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.8k
デザイン向き?プロトタイプ向き?2ヶ月使って感じたAdobe XDの使いドコロと実戦投入
rstudiorisa
0
1.6k
Other Decks in Design
See All in Design
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
3
630
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
500
PF_濵村ひろみ_202503
maru_design78
0
180
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
280
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
100
今日から意識できるアクセシビリティ
fumiko
0
240
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
370
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.5k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.6k
Cyber Heart Online Book
hjnasby
0
110
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
What's in a price? How to price your products and services
michaelherold
246
12k
Visualization
eitanlees
146
16k
How GitHub (no longer) Works
holman
314
140k
Producing Creativity
orderedlist
PRO
346
40k
Navigating Team Friction
lara
187
15k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Documentation Writing (for coders)
carmenintech
72
4.9k
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 Ωϟϯηϧ ϝοηʔδૹ৴ ϦϐʔτάϦουͰϘλϯσβΠϯΛ·ͱΊͯνΣοΫ ճసͯ͠ύϯͣ͘Ϧετ
ϦϐʔτάϦ ο υ͋Ε͜Ε ϦϐʔτάϦουʴϚεΫ ϦϐʔτάϦου ʴ։࢝ҐஔͣΒ͠ ͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋
ΦʔϓϯύεΛ׆༻ͯ͠λϒ࡞ ෳ߹ύεΛ࡞Δ ϖϯπʔϧͰϙΠϯτ ɹͷ݁߹Λ։͘ ΦϒδΣΫτʼύεʼ ɹύεʹม ෆཁͳϙΠϯτΛআ