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
エンジニアがアプリのUIトレースをやってみた話
Search
akatsuki174
January 19, 2018
Design
2
2k
エンジニアがアプリのUIトレースをやってみた話
2018/01/19(金) Geek Women New Years Party 2018
akatsuki174
January 19, 2018
Tweet
Share
More Decks by akatsuki174
See All by akatsuki174
私が変えてきたこと、変えなかったこと
akatsuki174
2
850
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
200
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
95
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.7k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
460
オフライン勉強会ぼっち対策
akatsuki174
1
660
Xcode 15の新機能
akatsuki174
0
2.8k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.4k
Famm Android改善記
akatsuki174
0
390
Other Decks in Design
See All in Design
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2k
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
270
minpaku-community-scrum-patterns
norinity1103
1
250
#Dubois Challenge 2025: Economics
ajstarks
1
160
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
540
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
120
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
240
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.2k
portfolio.pdf
onof003
0
150
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
650
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
320
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Thoughts on Productivity
jonyablonski
69
4.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
What's in a price? How to price your products and services
michaelherold
246
12k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Unsuck your backbone
ammeep
671
58k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
How to Think Like a Performance Engineer
csswizardry
26
1.8k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
ΤϯδχΞ͕ ΞϓϦͷUIτϨʔεΛ ͬͯΈͨ @akatsuki174
ࣗݾհ • ਢ౻ຘ • גࣜձࣾZaimॴଐ • iOSΤϯδχΞ • Twitter, Qiita,
SlideShare, Github, SpeakerDeck →akatsuki174
1/25ʹvol.5 ։࠵ʂ
ɾiOSΤϯδχΞྺɿ3͘Β͍ʁ ɾSketchྺɿ݄͘Β͍ ɾSketchͷֶशʹͬͨͷɿ ɹʮΤϯδχΞͷͨΊͷSketchೖʯ ɹhttps://dotinstall.com/lessons/ basic_sketch ࢲͷεϖοΫ
Sketchͬͨ͜ͱ͋Δํɺ ͲΕ͘Β͍͍·͔͢ʁ
ɾUIσβΠϯ࡞πʔϧ ɾCSS / Ξηοτग़ྗ͕Ͱ͖Δ ɾखݩͷσόΠεͰ֬ೝͰ͖Δ ɾϓϥάΠϯ͕๛ Sketchͱ
ɾྑ͍σβΠϯΛϚωΔ͜ͱͰֶΔ ɾྑ͍σβΠϯɺѱ͍σβΠϯΛݴޠԽ ɹͰ͖ΔΑ͏ʹͳΔʢͨͿΜʣ UIτϨʔεΛ͢ΔͱԿ͕͍͍ͷ͔
ͱ͍͏͜ͱͰ τϨʔεͯ͠Έ·ͨ͠
͏গ͠ৄ͍͠༰QiitaͰ https://qiita.com/akatsuki174/ items/0af30984d64c991cfddf
UIτϨʔεͷखॱ
ɾࠓճͷ߹͜Εˠ ɾͰ͖Δ͚͍ͩΖΜͳཁૉ͕ ɹ٧·͍ͬͯΔ࣌ͷεΫγϣΛ ɹબ τϨʔε͍ͨ͠ը૾ͷ εΫγϣΛࡱΔ
ΞʔτϘʔυΛ༻ҙ͢Δ
εΫγϣΛSketchͷ ΞʔτϘʔυͷ্ʹషΓ͚Δ
τϨʔε༻ͷΞʔτϘʔυΛ ༻ҙ͢Δ
εΫγϣ্Ͱ ύʔπΛ࡞͢Δ
ಉ͡࠲ඪʹύʔπΛஔ
ɾ1ϐΫηϧ୯ҐͰͷ؍ྗ͕ʹͭ͘ ɾҙ͍ࣝͯ͠ͳ͔ͬͨʮσβΠϯʯ͕ ɹݟ͑ͯ͘Δ ɾࣗͰΞϓϦ࡞Δ࣌ʹύʔπ࡞ͷ ɹಓ۩ͱͯ͑ͦ͠͏ UIτϨʔεΛͬͯ ྑ͔ͬͨ͜ͱ
ɾಉ͡ΞϓϦͷผը໘ͷτϨʔε ɾҧ͏ΞϓϦͷτϨʔε ɾྑ͍σβΠϯͷ๏ଇΛݟ͚͍͖͍ͭͯͨ ͜Ε͔Β
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ