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
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
150
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
66
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.5k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
420
オフライン勉強会ぼっち対策
akatsuki174
1
610
Xcode 15の新機能
akatsuki174
0
2.7k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.3k
Famm Android改善記
akatsuki174
0
360
Flutterアプリ開発にネイティブコードはどこまで求められるのか
akatsuki174
2
4.7k
Other Decks in Design
See All in Design
プロダクトデザインの「守破離」の「破」について
hayashirine
0
320
Personal Story Sequence - Vendetta(WIP)
elrns88
0
420
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
210
マンガで分かるサービスデザインガイドライン
senryakuka
1
660
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
210
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
510
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
390
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
180
太田博三(@usagisan2020)
otanet
0
230
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
290
Social Anxiety
ksmith2024
0
110
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
700
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
The Cult of Friendly URLs
andyhume
78
6.2k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Side Projects
sachag
452
42k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Producing Creativity
orderedlist
PRO
344
40k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
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τϨʔεΛͬͯ ྑ͔ͬͨ͜ͱ
ɾಉ͡ΞϓϦͷผը໘ͷτϨʔε ɾҧ͏ΞϓϦͷτϨʔε ɾྑ͍σβΠϯͷ๏ଇΛݟ͚͍͖͍ͭͯͨ ͜Ε͔Β
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ