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
510
最近読んでいる本-読書シェア会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
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
330
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
200
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
150
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
Echoes Boomerang
artcloudyu
PRO
0
250
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
680
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
210
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
The Golden Whitney
ohtristanart
PRO
0
560
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
5
1.3k
DC Style Redesign
mcduckyart
0
130
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Being A Developer After 40
akosma
90
590k
Why Our Code Smells
bkeepers
PRO
336
57k
Rails Girls Zürich Keynote
gr2m
95
14k
How GitHub (no longer) Works
holman
314
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Building an army of robots
kneath
306
45k
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τϨʔεΛͬͯ ྑ͔ͬͨ͜ͱ
ɾಉ͡ΞϓϦͷผը໘ͷτϨʔε ɾҧ͏ΞϓϦͷτϨʔε ɾྑ͍σβΠϯͷ๏ଇΛݟ͚͍͖͍ͭͯͨ ͜Ε͔Β
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ