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
1.9k
エンジニアがアプリのUIトレースをやってみた話
2018/01/19(金) Geek Women New Years Party 2018
akatsuki174
January 19, 2018
Tweet
Share
More Decks by akatsuki174
See All by akatsuki174
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.3k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
380
オフライン勉強会ぼっち対策
akatsuki174
1
560
Xcode 15の新機能
akatsuki174
0
2.5k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.2k
Famm Android改善記
akatsuki174
0
330
Flutterアプリ開発にネイティブコードはどこまで求められるのか
akatsuki174
2
4.4k
UIKitのアップデート #WWDC22
akatsuki174
4
1.2k
職能/職種横断でチームの生産性を高める
akatsuki174
2
5.7k
Other Decks in Design
See All in Design
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
270
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
320
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
280
Personal Story Sequence(WIP) - Younghoon Park
elrns88
0
130
MLP_Cleanup_Olga
olgastoryboard
0
140
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
250
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
0
460
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
130
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
2
200
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.1k
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.2k
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
1.9k
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
A designer walks into a library…
pauljervisheath
202
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Designing the Hi-DPI Web
ddemaree
280
34k
A Philosophy of Restraint
colly
203
16k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
Designing for humans not robots
tammielis
249
25k
A better future with KSS
kneath
238
17k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
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τϨʔεΛͬͯ ྑ͔ͬͨ͜ͱ
ɾಉ͡ΞϓϦͷผը໘ͷτϨʔε ɾҧ͏ΞϓϦͷτϨʔε ɾྑ͍σβΠϯͷ๏ଇΛݟ͚͍͖͍ͭͯͨ ͜Ε͔Β
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ