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
テクニカルクリエイターとは?/What is TECHNICAL CREATOR?
Search
sugar
August 05, 2016
Design
3
4k
テクニカルクリエイターとは?/What is TECHNICAL CREATOR?
sugar
August 05, 2016
Tweet
Share
More Decks by sugar
See All by sugar
デザイナーが10倍輝くCA流マネジメント
sato_yosuke
7
24k
テクニカルクリエイターが担う、サービス開発のUIモックの現場/Technical Creator for the App Design.
sato_yosuke
8
6.5k
Other Decks in Design
See All in Design
Liquid Iron
mcduckyart
1
100
AIで加速するアクセシビリティのこれから
magi1125
3
520
Cards | Storyboards
giofortuna_story
0
280
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
AI時代に淘汰されないデザインのしごと
akinen
0
120
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
510
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
590
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
360
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
430
Echoes Boomerang
artcloudyu
PRO
0
240
Storyboard Honey
rocioparronrubio
0
270
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
We Have a Design System, Now What?
morganepeng
53
7.6k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
Building an army of robots
kneath
306
45k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Six Lessons from altMBA
skipperchong
28
3.8k
Transcript
TECHNICAL CREATOR? @sugaarɹ2016/08/03ɹʮςΫχΧϧΫϦΤΠλʔͱɹʙಈతσβΠϯͷॏཁੑʙʯ What is
ࣗݾհ ࠤ౻༸հ ʢ͞ͱ͏Α͏͚͢ʣ "NFCBࣄۀຊ෦ɹΫϦΤΠςΟϒ౷ׅࣨɹࣨ νʔϑɾΫϦΤΠςΟϒσΟϨΫλʔ !TVHBBS
ʵ େຊҹɹ%/1σδλϧίϜ 8FCσβΠφʔ ʵ αΠόʔΤʔδΣϯτ νʔϑɾΫϦΤΠςΟϒσΟϨΫλʔ
ʮεϚϗαʔϏεʯʮνʔϜ։ൃʯͳͲ αʔϏε։ൃʹؔΘΔํ͕ର Class Overview
01ɹαʔϏε։ൃͷࢢͷมԽ 02ɹςΫχΧϧΫϦΤΠλʔͱ 03ɹࠓޙٻΊΒΕΔεΩϧ Index
Trend of Development αʔϏε։ൃͷมԽ
Skeuomorphism εΩϡʔϞʔϑΟζϜ http://www.rogerogreen.com/2015/05/17/s-is-for-skeuomorphism/
ϑϥοτσβΠϯ Flat Design http://dcnews.designclue.co/ios7_flat_design
None
ࢴͷΑ͏ͳ৮ײ ހΛඳ͘ΠϯλϥΫγϣϯ https://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-hierarchical-timing
০Ͱ ͝·͔ͤͳ͘ͳͬͨ
ωΠςΟϒΞϓϦࢢͰ ΑΓਫ਼ࡉͳදݱ͕ॏཁ Point 1 σβΠφʔ͕੩తͳσβΠϯ͚ͩΛߦ͏ͷͰͳ͘ͳ͖ͬͯͨ ΤϯδχΞ͕6*Ξχϝʔγϣϯ69Λ୲͏ඞཁ͕ग़͖ͯͨ
ૢ࡞ͷଟ༷ੑ ૢ࡞ͷଟ༷ੑ https://developer.apple.com/jp/documentation/UserExperience/Conceptual/MobileHIG/InteractivityInput/InteractivityInput.html#//apple_ref/doc/uid/TP40006556-CH55-SW2 λοϓɺμϒϧλοϓ υϥοά ϑϦοΫ εϫΠϓ ϐϯν λονϗʔϧυ
ϛεϦʔυ Mislead !!
"QQ4UPSF "QQMFNVTJD
"QQ4UPSF "QQMFNVTJD
)JUMJTU
)JUMJTU
ԡͯ͠ͳ͍ͷ Ͳͬͪʁ
Ͱ͖Δ͔6* ͷੵΈॏͶ͕ΛੜΉ
৺Α͍Ϣʔβʔମݧ͕ ڝ߹༏ҐੑͱͳΔ Point 2 ߴ͍ΫΦϦςΟͱॊೈͳΞτϓοτ͕ॏཁ ʮศར͚ͩͲෳࡶͳػೳʯΛʮ؆୯ʹݟͤΔʯ͕ඞཁ
None
None
ϞοΫπʔϧͷଟ༷Խ IUUQXXXEZTPODPKQDPNNVOJUZBCPVUEZTPOBTQY ϞοΫ πʔϧͷ ଟ༷Խ
IUUQXXXJOWJTJPOBQQDPN
IUUQTQSPUUBQQDPNKB
IUUQXXXQJYBUFDPN
Adobe Experience Design CC (Preview) IUUQXXXBEPCFDPNKQQSPEVDUTFYQFSJFODFEFTJHOIUNM
σβΠϯͱΤϯδχΞϦϯάͷ தؒΛ୲͏πʔϧ͕͖ͬͯͨ Point 3 'MBTIͷΑ͏ͳπʔϧ͕ωΠςΟϒΞϓϦ͚ʹ͖ͬͯͨ 6*Ξχϝʔγϣϯ6*σβΠϯɺΤϯδχΞϦϯάͷෑډ͕͘ͳ͖ͬͯͨ
テクニカルクリエイター 【一人多才なクリエイター】 - いっと たさいな くりえいたー [概要] 表現の幅が広く、デザイン・プログラム言語・アニメーションを 自在に扱えるクリエイター
① 技術の垣根を越えて「テクニカル」に「クリエイティブ」できる人材 ② 一人で領域広くカバーしてハイクオリティなアウトプットができる人材 ③ 業界のトレンドに敏感で常に新技術を追える人材 定義
͔͠͠ Mislead !!
ׂ͕ᐆດʹͳΕͳΔ΄Ͳ ઐੑʹ͚ܽΔͷͰʁ Technical Creator ?
Engineer Designer
͜Εͨͩͷث༻ශ Engineer Designer
ेͳ ϕʔεεΩϧ͕ඞཁ -WҎ্ͳ͚ΕɺμʔϚͷਆ఼Ͱ༐ऀʹస৬͕Ͱ͖ͳ͍Α͏ʹɺ σβΠϯɺΤϯδχΞϦϯάͷेͳϕʔεεΩϧ͕ͳ͚Εͨͩͷث༻ශɻ What is Technical Creator ?
σβΠφʔΤϯδχΞͷ ৽͍̍ͭ͠ͷׂͱͯ͠ Technical Creator ?
αοΧʔͷ%'Ͱ͍͏ͱ ϦϕϩΈ͍ͨͳͷ ͷ͍σΟϑΣϯμʔ͕ʮϦϕϩʯͱݴΘΕ͍ͯΔΑ͏ʹɺ ৽͍͠৬छͰͳ͘ɺσβΠφʔɺΤϯδχΞͷʮ৽ׂ͍͠ʯͰ͋Δɻ What is Technical Creator ?
ࣗͷڧΈΛཧղ͠ ٕज़ΛΈʹԠ༻͢Δ σβΠϯɾϓϩάϥϜݴޠɾΞχϝʔγϣϯͳͲɺ શͯʹ͚͍ͯΔඞཁͳ͘ɺ࠷దͳΞτϓοτͷͨΊͷԠ༻ྗ͕ॏཁ What is Technical Creator ?
ٕज़ͷ࣠Λஔ্͍ͨͰ ྖҬΛ͛Δ Engineer Designer
Thank you @sugaarɹ2016/08/03ɹʮςΫχΧϧΫϦΤΠλʔͱɹʙಈతσβΠϯͷॏཁੑʙʯ