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
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
410
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
800
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
220
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
930
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
160
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
190
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
520
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
410
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
590
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
0
210
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
250
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
710
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Making Projects Easy
brettharned
120
6.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Automating Front-end Workflow
addyosmani
1371
200k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Become a Pro
speakerdeck
PRO
29
5.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
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/