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
コードをコミットできなくたって大丈夫
Search
hiroaki mori
April 20, 2016
Design
3
4.1k
コードをコミットできなくたって大丈夫
「UI Crunch #8 UIデザインに求められる実装スキルと考え方」発表資料
http://ui-crunch.connpass.com/event/28054/
hiroaki mori
April 20, 2016
Tweet
Share
More Decks by hiroaki mori
See All by hiroaki mori
実装する デザイナー:弊社iOS 担当の場合
hmiorroi
3
2.5k
Other Decks in Design
See All in Design
Liquid GlassとApp Intents
touyou
0
340
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
160
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
630
Yumika Yamada Portfolio
yumii
0
1.7k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
540
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
690
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
260
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
490
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
300
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
210
Featured
See All Featured
It's Worth the Effort
3n
187
28k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Code Review Best Practice
trishagee
72
19k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
We Have a Design System, Now What?
morganepeng
53
7.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Transcript
UI Crunch #8 גࣜձࣾ Gunosy ։ൃຊ෦ σβΠφʔ ߒ໌
CODEΛ COMMIT Ͱ͖ͳͨͬͯ͘ େৎ UI Crunch #8 גࣜձࣾ Gunosy ։ൃຊ෦
σβΠφʔ ߒ໌
CODEΛ COMMIT Ͱ͖ͳͨͬͯ͘ େৎ ?
? σβΠφʔ͕ ϓϩμΫτͷ ࣮ʹ ؔΘΒͳ͘ ͯ େৎ
ͳͥʁ σβΠφʔ͕ ϓϩμΫτͷ ࣮ʹ ؔΘΒͳ͘ ͯ େৎ
ͳͥʁ ࣌ؒɹ࣭ ϓϨογϟʔ ඞཁੑɹֶश ଞʹॏཁͳ͜ͱ
ॏཁͳ͜ͱ ʁ ࣌ؒɹ࣭ ϓϨογϟʔ ඞཁੑɹֶश ଞʹॏཁͳ͜ͱ
ॏཁͳ͜ͱ ʁ DESIGN ͱ͔
ίʔυΛ ॻ͔ͳ͍ ΄͏͕͍͍ʁ DESIGN ͱ͔
ίʔυΛ ॻ͔ͳ͍ ΄͏͕͍͍ʁ ੵۃతʹ ॻ͖· ͠ ΐ ͏ ϓϩμΫ τͷ
पลͰ
पลʁ ੵۃతʹ ॻ͖· ͠ ΐ ͏ ϓϩμΫ τͷ पลͰ
पลʁ पล ؒతʹ ίϛ ο τ͢Δ
ؒతʁ पล ؒతʹ ίϛ ο τ͢Δ
ؒతʁ ϋʔυϧΛ͘ ͬͯΈΔ ࣍ͷࡾͭΛ ͓͢͢Ί͢Δ
STUDY T O O L PROTO
STUDY श࡞ ΞΠσΞΛܗʹ ΞϓϦஅย ؾ͖͕ͮ͋Δ ͷղܾ
iOS༻ίʔυΤσΟ λ ίʔυͷεέον༻ʹ੍࡞ ςΩετฤूɺඳը෦Λࣗ࡞ͨ͜͠ͱʹΑΓ iOSͰͷඳը·ΘΓͷཧղ͕ਂ·Δ http://p5jssketch.altsign.jp/ iOSʹ͓͚Δຊޠ൛ʹ͍ͭͯ ฐࣾΞϓϦͰ࣮ࡍʹߦ͍ͬͯΔɺ iOSͰͷจࣈͷѻ͍ʹ͍ͭͯ ্هͷΤσΟ
λͰͷ࣮ܦݧ͕ʹͨͭ http://gunosy.github.io/2014/05/19/ios- typesetting.html
T O O L ʑ͏πʔϧΛ ࣗͰ࡞ͬͯΈΔ ͍ͳΒ͕ Ξοϓσʔτ ͠ ͍ͯ͘
PNGॻ͖ग़͠༻εΫϦϓτ ΞϓϦ։ൃ༻ʹAdobe Illustrator ʢAIʣ ͔Β ֤ OS։ൃʹ߹ΘͤͨϑΥʔϚο τͰ PNGΛॻ͖ग़͢πʔϧ https://gist.github.com/hmiorroi/a8a1c6
8ab40d215096d8e82a66985606 AIͷύεΛiOS͚ʹग़ྗ͢ΔεΫϦϓτ AIͰ࡞ͨ͠ਤܗͷ࠲ඪΛ iOSͷCAShapeLayerͰ͑ΔܗͰग़ྗ http://gunosy.github.io/2015/05/20/ illusrator-scripting-1.html
PROTO ಈ͘ ϓϩτ λΠϓ ࣮ࡍͷσʔλ ςετ ͠ ͯΈΔ ຊ൪ʹ͍ۙ ϑ
Ο ʔυόοΫ
ϓϩτλΠϓͷϢʔβʔςετ෩ܠ ݕ౼͞Ε͍ͯΔػೳΛԾʹ࣮͠ ϢʔβʔʹͬͯΒ͏ ࣮ࡍͷΞϓϦͷίʔυΛݩʹ͠ɺ ࣮ࡍͷAPIɺσʔλΛ༻͠ ͍ͯΔͨΊ ಈ࡞ϦϦʔε൛ͷΞϓϦͱḮ৭ͳ͘ɺ ຊ൪ʹ͍ۙϑ ΟʔυόοΫΛಘΔ͜ͱ͕Ͱ͖Δ ·ͨɺϦϦʔεʹࡌͤͳ͍ίʔυͷͨΊ
࣭ʹͩ͜ΘΒͣɺͲΜͲΜࢼ͠ ͯ ݕূΛૣ͘ճ͠ ͍͚ͯΔ
جૅମྗͷͳ͍·· ։ൃʹίϛοτ ͠ ͍ͯ͘ ͜ͱ σβΠφʔʹͱ ͬͯϋʔυϧ͕ߴ͘ ࠳ં͠ ͯ͠·͏͜ͱ͕ ଟ͍ͷͰͳ͍Ͱ͠
ΐ ͏͔ ·ͨɺతʹίϛοτ͢Δ͜ͱ͚͕ͩ σβΠφʔ͕ίʔυΛॻ͘ ͜ͱͷ తͰͳ͍ͱࢥ͍ͬͯ·͢ ϓϩμΫτ։ൃपลͷ ϓϨογϟʔ͔Βগ͠Εͨॴ͔Β ࣗνʔϜͷॿ͚ʹͳΔ ؒతͳίϛο τΛଓ͚͍ͯ͘ ͜ͱ ྖҬΛԣஅతʹߦ͖དྷ͢Δ ͻͱͭͷํ๏Ͱͳ͍͔ͱࢥ͍ͬͯ·͢ ͝ਗ਼ௌ͋Γ͕ͱ ͏͍͟͝·ͨ͠ CONCLUSION
גࣜձࣾGunosyͰ ϓϩμΫτʹ࣮ʹ ͔͍߹͍͖͍ͬͯͨํΛ ઈࢍืू͠ ͍ͯ·͢ ʂ ͝ڵຯͷ͋Δํ Լه URLΑΓ ͝࿈བྷ͍ͩ͘͞
ʂ http://gunosy.co.jp/recruit/ requirements/engineer/