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
配色アイデアについて【BlueFieldnet】
Search
アイ@旅するイルカちゃん
November 23, 2018
Design
1.1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
配色アイデアについて【BlueFieldnet】
「BlueFieldnet」のサービスのひとつで「配色アイデア」についてプレゼンしました。その資料を共有します。
アイ@旅するイルカちゃん
November 23, 2018
More Decks by アイ@旅するイルカちゃん
See All by アイ@旅するイルカちゃん
「タブレットファーストになってない!」から始まったWebサイトのリニューアル・運用で伝えたいこと
bluefieldnet
3
2.2k
都会生まれのクリエイターが海に興味をもったはなし
bluefieldnet
0
2.2k
ダイビング100本潜って 世界が変わったこと
bluefieldnet
1
1k
フリーランス海好きWebクリエイターによる 人生を本気で変えた水族館の魅力
bluefieldnet
1
850
Other Decks in Design
See All in Design
タイル紹介サイト「タイルだもんで」
calpin
0
150
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
4
250
test deck title
shotamatsuo
0
1.5k
Figma MCPを活用するためのデザインハンドブック
vivion
7
18k
文化のデザイン - Soft Impact of Design
atsushihomma
0
210
2026年、デザイナーはなにに賭ける?
0b1tk
0
570
hicard_credential_202601
hicard
0
250
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
580
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
260
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
400
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
590
AI時代に必要な アイデアの形
uxman
0
200
Featured
See All Featured
Building Adaptive Systems
keathley
44
3k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
240
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
170
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
590
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Optimising Largest Contentful Paint
csswizardry
37
3.7k
Chasing Engaging Ingredients in Design
codingconduct
0
220
Evolving SEO for Evolving Search Engines
ryanjones
0
220
The Pragmatic Product Professional
lauravandoore
37
7.3k
Between Models and Reality
mayunak
4
330
Building the Perfect Custom Keyboard
takai
2
790
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Transcript
৭ΞΠσΞʹ͍ͭͯ γϩφΨεΫδϥ
ࣗݾհɺαʔϏεհͱ׆ಈཧ೦ ৭ΞΠσΞʹ͍ͭͯ ʮΠϩϫέΠϧΧʯͰղઆ ʮ৭ΞΠσΞखʯͷհ ·ͱΊ ͘͡ ৭ΞΠσΞʹ͍ͭͯ
ࣗݾհ
海洋生物(特にイルカ) 大好き♪ ࣗݾհ େࡕΛڌʹւͱҬ׆ੑͷະདྷΛܨ͗ ͢ΔΫϦΤΠςΟϒΛࢦ͠ ৭࠼৭ΞΠσΞͰະདྷΛܨ͙σβΠϯ͕ಘҙ ΩλϜϥΞΠʢΩλϜϥˋʣ ϑϦʔϥϯε8FCɾ%51σβΠφʔ ւ༸ੜઐΠϥετϨʔλʔ ʮՄѪͯ͘Χϥϑϧͳւ༸ੜΛͬͱۙʹʯ
ίϯηϓτʹͨܵ͠ྨɺւ༸ੜͷΠϥετ੍࡞
αʔϏεհ σβΠϯʢ8FCɾ%51ɾΠϥετʣ େࡕΛڌʹւͱҬ׆ੑͷະདྷΛܨ͗ ͢ΔΫϦΤΠςΟϒ ৭࠼৭ΞΠσΞͰະདྷΛܨ͙σβΠϯΛఏڙ ւ༸ੜઐΠϥετϨʔλʔ ʮՄѪͯ͘Χϥϑϧͳւ༸ੜΛͬͱۙʹʯ ίϯηϓτʹͨܵ͠ྨʢΫδϥɾΠϧΧɾγϟνʣ ւ༸ੜʢδϯϕΤβϝͳͲʣͷΠϥετάοζൢച Πϕϯτग़లɺϫʔΫγϣοϓͳͲఏڙ
ਫؗϨϙμΠϏϯάϩάͳͲهࡌ͍ͯ͠·͢ɻ
׆ಈཧ೦ʹ͍ͭͯ ΧϥϑϧͳະདྷΛ͢Δ ݩʑҾͬࠐΈࢥҊͩͬͨʢʣ ΠϯλʔωοτΛ௨ͯࣗ͠ͷ͜ͱΛൃ৴͢Δ ํ๏Λֶͼɺಓʹൃ৴͍ͯ͘͜͠ͱͰ ʮੈք͍ʯͱؾ͖ͮ ࣍ୈʹΓ͍ͨ͜ͱ͍ͨ͜͠ͱʹܨ͕ͬͨ ະདྷΛඳ͘Ωϟϯόεʹ৭ΛͤΔ ֆΛඳ͘͜ͱ͕େ͖ͩͬͨɻ ಛʹ৭Λͬͨදݱํ๏͕ಘҙͰධ͋Γ
ʮ৭ΞΠσΞʯͰΠϝʔδΛཱ͖ͨͤΔ͜ͱͰ ૬खʹҹΛ͑Δ͜ͱ͕Ͱ͖Δ
৭ΞΠσΞʹ͍ͭͯ
৭ΞΠσΞʹ͍ͭͯ ৭ͷฒͼ໌ʢ৭ͷ໌Δ͞ʣ࠼ʢ৭ͷೱ͞ʣʹΑ༷ͬͯʑͳදݱํ๏͕͋Δ σβΠϯɺΠϥετΛ࡞͢Δ্Ͱ͢͜ͱͷͰ͖ͳ͍ؔͰ͢ɻ දݱํ๏ʹΑͬͯಘΒΕΔΠϝʔδม͑ΒΕΔɻ
৭ΞΠσΞͷࢣঊ
৭ΞΠσΞͷࢣঊ Χϥʔίʔυॻ͍͍ͯΔͷͰɺ8FCσβΠϯʹڧ͍ʂ
ோΊͯΔ͚ͩΜ
Θͳ͍ͬͨͳ͍Μʁ
ʮΠϩϫέΠϧΧʯͰղઆ
ΠϩϫέΠϧΧͱ ΠϧΧͷؒʢ௨শɿύϯμΠϧΧʣ ΫδϥϋΫδϥѥϚΠϧΧՊΠϩϫέΠϧΧଐ ೆΞϑϦΧ͔Βೆۃۙʹੜଉ നࠇ༷͕͖ͬΓ͍ͯ͠Δ ຊͷਫؗͰ ɾௗӋਫؗ ɾઋ͏Έͷైਫؗ ͜ͷؗͰ؍ΒΕ·͢ γϟνͱؒҧ͑ΒΕΔ@
ཀAʯ㲃 େ͖͕͞શવҧ͍·͢Αɻ
നࠇΜ
ΠϩϫέΠϧΧΛృΖ͏ 5XJUUFSͷϞʔϝϯτʹ ܝࡌ͍ͯ͠·̇͢
ΠϩϫέΠϧΧΛృΖ͏ ͬͨ৭ΞΠσΞ "EPCF$MPVEͷ ϥΠϒϥϦʹొ͠·͢ ৭ΠϝʔδʮΞϥϏΞϯφΠτʯ
৭Πϝʔδʹؔͯ͠ ৄ͘͠ ʮ৭ΞΠσΞखʯͰ ৭ΠϝʔδʮΞϥϏΞϯφΠτʯ ৭ΞΠσΞͷ༝དྷ ผ໊ʮઍҰͷޠʯͱ͋ΔࠃͷԦ༷͕ຖ൩໘ന͍Λͨ͜͠ͱ ʹΑΓɺฉ͖खͰ͋ΔଞࠃͷԦ༷͕ʮ࣍ͲΜͳ໘ന͍Λͯ͘͠ ΕΔͩΖ͏ʯͱϫΫϫΫͨ͜͠ͱ͔Βྑ͘ͳͬͨɻ ༩͍͑ͨΠϝʔδ നࠇͷΠϝʔδ͔Β৭Ͱ໘ന͘ϫΫϫΫ͢Δ༷ͳΠϝʔδ
ੜଉرগछͰ͋ΔͷͰਆൿత͔ͭҟۭؒΛΠϝʔδ͍ͤͨ͞
ΠϩϫέΠϧΧΛృΖ͏ 5XJUUFSͷϞʔϝϯτʹ ܝࡌ͍ͯ͠·̇͢ ৭ΠϝʔδʮΞϥϏΞϯφΠτʯ
ΠϩϫέΠϧΧΛృΖ͏ ͖ͬ͘Γ
ΠϩϫέΠϧΧΛృΖ͏ ͔͜͜Β͕ຊ൪
ΠϩϫέΠϧΧʹ՚Λఴ͑Δ ϒʔέϯϏϦΞ ೆࠃͷՖ
ΠϩϫέΠϧΧͷ
ΠϩϫέΠϧΧͷ ΞΫϦϧΩʔϗϧμʔΛ࡞̇ ՄѪ͍̇͘ ʙʹ։࠵͞ΕͨʮσβΠϯϑΣελʯͰ ॳग़͠͠·ͨ͠ɻ ؒͰݸ͓ܴ͑͞Ε·ͨ̇͠ ݄ʹ8FCγϣοϓͰ࠶ൢ༧ఆ Ձ֨ɿ ԁ
ʮ৭ΞΠσΞखʯͷհ
৭ΞΠσΞखͷհ ॻళɾ"NB[POͳͲͰൢചத ΊͬͪΌΦεεϝʂʂ ͓ஈɿ ԁ ࡞ۀ͢Δਓʹ͚ͨԣαΠζ̇ հͨ͠৭ΠϝʔδҎ֎ʹͨ͘͞Μ͋Δʂ
·ͱΊ
·ͱΊ ޱԼखͰઆ໌ɺղઆͰ͖Δʢসʣ ΊͬͪΌޱԼखͰ͍ͭఏҊɺஊࣦഊ͍ͯ͠·ͨ͠ɻ ৭ΞΠσΞΛ͏͜ͱͰೲಘͯ͠Β͑Δ͜ͱ ζϨΛͳ͘͢͜ͱͰ͖Δɻ ʮ৭ʯָ͍͠͠ɺָ̇͘͠ ۤखͳҹฉ͖·͕͢ɻɻɻ ʮ৭ΞΠσΞʯͰΠϝʔδΛཱ͖ͨͤΔ͜ͱͰ ૬खʹࣗͷҹΛ͑Δ͜ͱ͕Ͱ͖Δɻ ͍ΖΜͳύλʔϯ͕͋ΔͷͰָ͘͠Ͱ͖Δ̇
ൃ৴ɺ͑Δ͜ͱ͕ େࣄͰ͢ʂ
·ͱΊ ݕࡧͰҐ ؒҧ͍ͳ͍ʂʂ
ϒϩάͰհ͍ͯ͠·͢ʢݕࡧͯ͠Ͷ̇ʣ δϯϕΤβϝͷ ඳ͖ํΛհ γϩφΨεΫδϥͷ ඳ͖ํΛհ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ