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
色の役割、色の素敵な使い方 / Let's Do Color Design
Search
Yuki Mihashi
December 08, 2019
Design
7
1.3k
色の役割、色の素敵な使い方 / Let's Do Color Design
Yuki Mihashi
December 08, 2019
Tweet
Share
More Decks by Yuki Mihashi
See All by Yuki Mihashi
チーム開発におけるデザイナーの役割 / ReDS_CCC_LT
yuki384
2
210
未踏ジュニアでやってよかったことやっておけばよかったこと / mitou jr 2021 boost
yuki384
1
180
CSS多様な表現紹介 / 2020 Last LT About CSS
yuki384
2
200
Rails Girls に参加した13歳の少女のその後💎 / Rails Girls Gathering Japan
yuki384
2
2k
子ども向けプログラミング学習サイト「メクルン」/geekten
yuki384
0
250
子ども向けのプログラミング学習コンテンツを作る楽しさ / CODE-RAVE vol-2
yuki384
1
150
ビジュアルプログラミング学習サイト「メクルン」の開発 / SecHack365 Returns 2020
yuki384
0
130
プログラミングとはじめの一歩 / Girls Initiative for CoderDojo
yuki384
1
410
伝わるプレゼン資料を作ろう / Let's Make Simply Presentation Slide
yuki384
3
590
Other Decks in Design
See All in Design
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
930
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
120
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
270
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
100
The Spectacular Lies of Maps
axbom
PRO
1
310
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
160
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
150
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
200
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
750
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
120
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
280
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.3k
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.7k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Documentation Writing (for coders)
carmenintech
75
5.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
990
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
KATA
mclloyd
PRO
32
15k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Mobile First: as difficult as doing things right
swwweet
225
10k
We Have a Design System, Now What?
morganepeng
53
7.8k
Transcript
৭ͷׂ ৭ͷૉఢͳ͍ํ ֶੜ-5JO5PLZP ࡾڮ༏ر ࡱӨ0, 4/40,
ࡾڮ༏ر 5XJUUFS!:VLJ.JIBTIJ 4JUFZVLJHJUIVCJP ࡀ/ߴֶߍωοτίʔε ະ౿δϡχΞεʔύʔΫϦΤʔλ $PEFS%PKPϝϯλʔ ͖མॻ͖ɺ8FCσβΠϯɺ৭࠼ɺ3VCZ Α͘͏ݴޠ$ 6OJUZ +BWB4DSJQU
4DSBUDI ͍ͬͯΔ͜ͱήʔϜΞϓϦͷ։ൃɺ8FCαΠτ੍࡞ɺ ϓϩάϥϛϯάߨࢣ
8FCαΠτ࡞ͬͨΓ 4DSBUDIͷٕज़ຊॻ͍ͨΓ
4DSBUDIͷɺٕज़ಉਓࢽ
$PEFS%PKPϝϯλʔ
IUUQTZVLJHJUIVCJP
৭ɺָ͍͠ʜʂ͖ʂ
ΧϥʔίʔσΟωʔλʔݕఆࢼݧ ڃୈ ৭࠼ Λडݧͨ͠
࣮ફతͳ৭࠼ͷࣝΛ ֶͿ͜ͱ͕Ͱ͖Δݕఆࢼݧ
͜Μͳ༰Ͱͨ͠ w ܦӦͱ৭࠼ w ܦӦʹ৭࠼Λ׆͔ͨ͢Ίͷॾσʔλͷඋ w ͷ৭࠼ܭըͷͨΊͷཧͱ࣮ફ w ৭࠼ͷࡐྉٴͼٕज़ͷ։ൃಈ w
ɾΠϯςϦΞͷ৭࠼ܭը
৭ʹؾΛͬͯ σβΠϯ͠Α͏
৭ʹؾΛΔతʁ w ݟͨΛΩϨΠʹ͢Δ w ΠϝʔδɾϝοηʔδΛ͑Δ w ใͷೝࣝੑΛߴΊΔ w ʮͦΕΒ͠͞ʯΛग़͢
৭ʹؾΛΔతʁ w ݟͨΛΩϨΠʹ͢Δ w ΠϝʔδɾϝοηʔδΛ͑Δ w ใͷೝࣝੑΛߴΊΔ w ʮͦΕΒ͠͞ʯΛग़͢
ݟͨΛΩϨΠʹ͢Δ ˠʮΤϞ͍✨ʯΛ࡞Δ
ࣗવͳ৭ w ໌Δ͍෦ԫΈɺ҉͍෦ͷ৭੨Έʹ͢Δͱ ࣗવͳ৭ φνϡϥϧΧϥʔ ʹͳΔɻ ࣗવ ෆࣗવ
৭ʹؾΛΔతʁ w ݟͨΛΩϨΠʹ͢Δ w ΠϝʔδɾϝοηʔδΛ͑Δ w ใͷೝࣝੑΛߴΊΔ w ʮͦΕΒ͠͞ʯΛग़͢
ΠϝʔδɾϝοηʔδΛ͑Δ w ˠతɺܯࠂ w ࠇˠॏްײɺࢮɺߴڃײ w ίʔϙϨʔτΧϥʔ ίΧɾίʔϥɺ5XJUUFSਫ৭ w ྫޱषରࡦͷϛϯτΨϜ
ˠਗ਼ྋɺϛϯτɺ͞Θ͔ˠਫ৭
৭ʹؾΛͬͯ σβΠϯ͠Α͏
༷ʑͳ৭͕͋Δ ϚΠφεͷΠϝʔδΛߟ͑ΔͱΩϦ͕ແ͘ͳΔ ϓϥεͷΠϝʔδΛߟ͍͑ͯ͜͏
۩ମతʹԿ͢Δͱ ྑ͍ͷʁ
৭ʹؾΛΔతʁ w ݟͨΛΩϨΠʹ͢Δ w ΠϝʔδɾϝοηʔδΛ͑Δ w ใͷೝࣝੑΛߴΊΔ w ʮͦΕΒ͠͞ʯΛग़͢
ΈΜͳʹ༏͍͠৭࠼σβΠϯ w ͍ΖΜͳ৭֮Λ͍࣋ͬͯΔਓ͕͍ΔͷͰɺͯ͢ͷ ਓʹใ͕ΘΔΑ͏ͳσβΠϯʹ͠Α͏ w ৭͚ͩͰผ͢ΔͷͰͳ͘ɺܗΛม͑Δ w ྫ͑ ڧௐ͢Δͱ͖͍৭͚ͩͰͳ͘ଠࣈʹ͢Δ PSഎܠͷ৭Λม͑Δ
ࢹ֮తޮՌΘ͔Γ͘͢͢Δ ײతޮՌັྗΛ࡞Δ ৭ͷޮՌΛͭʹ͚Δͱ
ࢹ֮తޮՌ w ແ࠼৭ΑΓ༗࠼৭ɺ࠼৭ΑΓߴ࠼৭ɺפ৭ܥΑ Γஆ৭ܥˠ༠ੑ w ࢹೝੑɾՄಡੑɾ໌ࢹੑˠ໌ͷࠩͰେ͖ͳӨڹΛड ͚Δ w ࣝผੑˠ৭͚Ͱࣝผ͘͢͢͠Δ ˠ৭૬Λม͑Δɺ࠼Λߴ͘͢ΔɺΧϥʔϢχόʔα
ϧσβΠϯ
۠ผʹ৭Ҏ֎͓͏ ఱ࠽ඒগঁೣਓ͓ؒֆ͔͖3BJMT+FLZMM ఱ࠽ඒগঁೣਓ͓ؒֆ͔͖3BJMT+FLZMM ৭͚ͩͷผ ৭ʴܗͷผ
ಡΈ͍͢ ಡΈʹ͍͘ ಡΈ͍͢ ͋ ͋ ͋ ໌Δ͞ʹࠩΛ͚ͭΔ ৭ͱ৭ΛॏͶͳ͍ ͋ ͋
͋ ಡΈʹ͍͘ ಡΈ͍͢
εϥΠυࢿྉΛ վળͯ͠ΈΔ
#FGPSF w +FLZMMશཧղͨ͠ w ͓ֆ͔͖νϣοτσΩϧ ΠϧϛωʔγϣϯΩϥΩϥ
"GUFS w +FLZMMશཧղͨ͠ w ͓ֆ͔͖νϣοτσΩϧ ΠϧϛωʔγϣϯΩϥΩϥ
ײతޮՌ w Թྫྷײɺਐग़ɾޙୀײˠ৭૬ w खײˠ࠼ w ܰॏײɺߗೈײɺਐग़ɾޙୀײɺ֦େɾॖখײˠ ໌ w ͖ͳ৭ˠ࠷ۙ੨͕ଟ͍
Թྫྷײ w ࢵɺɺΦϨϯδɺԫ৭ˠஆ৭ w ੨ɺ੨ɺ੨ࢵˠפ৭ w ԫɺɺࢵˠதੑ৭ w ஆ৭ͱڞ༻͢Δͱ͔͋ͨͨ͘ɺפ৭ͩͱפ͘ײͤ͡͞Δ w
ஆ৭ˠ༰ثɺ׆ಈతɺత w פ৭ˠతɺ੩͚͞ɺऐ͠͞
৭ͷΠϝʔδʜ ௐΕग़ͯ͘Δ
8FCαʔϏε w ϕʔεΧϥʔɾϝΠϯΧϥʔɾΞΫηϯτΧϥʔΛ ܾΊͯ౷Ұ͢Δ w ίϯςϯπʹ߹Θͤͯ৭Λߟ͑Δ w ΠϝʔδΛදݱ͢Δ৭ΛબͿ
*OTUBHSBN w ࣸਅ͕ϝΠϯίϯςϯπͷ 4/4 w 6*ͷ৭ແ࠼৭ നࠇɺά Ϩʔ ͕جຊ w
ϩΰΛߏ͢Δ৭Ͱ͋Δɺά ϥσʔγϣϯ͕ΞΫηϯτʹ ͳ͍ͬͯΔ
5XJUUFS w จষ͕ϝΠϯίϯςϯπͷ 4/4 w 6*ͷ৭ίʔϙϨʔτΧϥʔ Ͱ͋Δਫ৭͕جຊ
ΫοΫύου w ྉཧͷ࡞ΓํΛڞ༗͢Δ4/4 w ৯ͷ৭ʙԫͷൣғʹଟ͍ ͷͰɺΩʔΧϥʔͷΦϨϯδ ʮඒຯͦ͠͏ͳ৭ʯ w 6*ΦϨϯδ͕ϝΠϯɺഎܠ৭ จࣈ৭ؚΊɺϕʔδϡͷॊΒ͔
͍ɺஆ͔͍৭ ΞΫηϯτΧϥʔ ৯ʹ ͓͍ͯΞΫηϯτͩΑ
৭ʹؾΛͬͯ σβΠϯ͠Α͏