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
3.9k
テクニカルクリエイターとは?/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.4k
Other Decks in Design
See All in Design
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
230
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
3.3k
横断組織デザイナーの働き方
mixi_design
PRO
0
330
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
150
LLMによるRAG評価用合成テストデータの生成
licux
6
660
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
570
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
230
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
980
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
280
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
140
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
182
22k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Building Your Own Lightsaber
phodgson
104
6.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
RailsConf 2023
tenderlove
29
1k
The Invisible Side of Design
smashingmag
299
50k
Bash Introduction
62gerente
610
210k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
What's in a price? How to price your products and services
michaelherold
244
12k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
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ɹʮςΫχΧϧΫϦΤΠλʔͱɹʙಈతσβΠϯͷॏཁੑʙʯ