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
170
未踏ジュニアでやってよかったことやっておけばよかったこと / mitou jr 2021 boost
yuki384
0
150
CSS多様な表現紹介 / 2020 Last LT About CSS
yuki384
2
160
Rails Girls に参加した13歳の少女のその後💎 / Rails Girls Gathering Japan
yuki384
2
1.8k
子ども向けプログラミング学習サイト「メクルン」/geekten
yuki384
0
210
子ども向けのプログラミング学習コンテンツを作る楽しさ / CODE-RAVE vol-2
yuki384
1
120
ビジュアルプログラミング学習サイト「メクルン」の開発 / SecHack365 Returns 2020
yuki384
0
100
プログラミングとはじめの一歩 / Girls Initiative for CoderDojo
yuki384
1
380
伝わるプレゼン資料を作ろう / Let's Make Simply Presentation Slide
yuki384
2
520
Other Decks in Design
See All in Design
発表資料テンプレート / My slide template
thatblue
0
170
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
250
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.8k
Improve a service workshop
mastervicedesign
1
140
最速[要出典]アクセシビリティチェック
magi1125
2
160
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
320
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
100
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
680
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
650
(第1回) アーキテクト・テックリード育成講座
masakaya
0
130
How to go from research data to insights?
mastervicedesign
0
200
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
46
7.2k
Site-Speed That Sticks
csswizardry
3
270
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
The Cult of Friendly URLs
andyhume
78
6.1k
We Have a Design System, Now What?
morganepeng
51
7.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
173
51k
Unsuck your backbone
ammeep
669
57k
A better future with KSS
kneath
238
17k
Automating Front-end Workflow
addyosmani
1366
200k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
3
180
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
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*ΦϨϯδ͕ϝΠϯɺഎܠ৭ จࣈ৭ؚΊɺϕʔδϡͷॊΒ͔
͍ɺஆ͔͍৭ ΞΫηϯτΧϥʔ ৯ʹ ͓͍ͯΞΫηϯτͩΑ
৭ʹؾΛͬͯ σβΠϯ͠Α͏