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
1
200
未踏ジュニアでやってよかったことやっておけばよかったこと / mitou jr 2021 boost
yuki384
0
170
CSS多様な表現紹介 / 2020 Last LT About CSS
yuki384
2
190
Rails Girls に参加した13歳の少女のその後💎 / Rails Girls Gathering Japan
yuki384
2
1.9k
子ども向けプログラミング学習サイト「メクルン」/geekten
yuki384
0
240
子ども向けのプログラミング学習コンテンツを作る楽しさ / CODE-RAVE vol-2
yuki384
1
140
ビジュアルプログラミング学習サイト「メクルン」の開発 / SecHack365 Returns 2020
yuki384
0
120
プログラミングとはじめの一歩 / Girls Initiative for CoderDojo
yuki384
1
410
伝わるプレゼン資料を作ろう / Let's Make Simply Presentation Slide
yuki384
2
560
Other Decks in Design
See All in Design
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.6k
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
Memory Man v3 (WIP)
storybychad
PRO
0
2.1k
NAHO SHIMONO_Portfolio2025
nahohphp
0
910
Карта процесса-опыта — как визуализировать сервис просто, понятно и подробно
ashapiro
0
110
harutaka Vision Deck
zenkigenforrecruit
0
150
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
200
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
480
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
100
#Dubois Challenge 2025: Economics
ajstarks
0
130
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
690
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
340
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
For a Future-Friendly Web
brad_frost
179
9.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Designing Experiences People Love
moore
142
24k
How GitHub (no longer) Works
holman
314
140k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Unsuck your backbone
ammeep
671
58k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
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*ΦϨϯδ͕ϝΠϯɺഎܠ৭ จࣈ৭ؚΊɺϕʔδϡͷॊΒ͔
͍ɺஆ͔͍৭ ΞΫηϯτΧϥʔ ৯ʹ ͓͍ͯΞΫηϯτͩΑ
৭ʹؾΛͬͯ σβΠϯ͠Α͏