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
450
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
190
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
86
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.7k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
450
オフライン勉強会ぼっち対策
akatsuki174
1
640
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
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
250
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
480
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
200
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
620
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
550
Kid Cowboy 103
marilutwin
0
270
問いの変遷
iflection
0
160
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
マンガで分かるサービスデザインガイドライン
senryakuka
1
900
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
290
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
290
Speed Design
sergeychernyshev
32
1k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Typedesign – Prime Four
hannesfritz
42
2.7k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Automating Front-end Workflow
addyosmani
1370
200k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Six Lessons from altMBA
skipperchong
28
3.9k
Building an army of robots
kneath
306
45k
Visualization
eitanlees
146
16k
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τϨʔεΛͬͯ ྑ͔ͬͨ͜ͱ
ɾಉ͡ΞϓϦͷผը໘ͷτϨʔε ɾҧ͏ΞϓϦͷτϨʔε ɾྑ͍σβΠϯͷ๏ଇΛݟ͚͍͖͍ͭͯͨ ͜Ε͔Β
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ