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
理想のカラーパレットをもとめて / color-palette-name-convention
Search
hiloki
April 26, 2019
Design
2
8.1k
理想のカラーパレットをもとめて / color-palette-name-convention
DIST.26 「Webサービスの個性を支えるデザイン」LT
hiloki
April 26, 2019
Tweet
Share
More Decks by hiloki
See All by hiloki
SPA/PWA時代のWebデザインのお作法 / Stateful Web Design
hiloki
10
3.4k
私はいかにしてUXエンジニアになったのか / ux_engineer_meetup
hiloki
4
17k
理想のカラーパレットをもとめて / color-palette-name-convention-at-wic
hiloki
3
260
Other Decks in Design
See All in Design
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
530
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.6k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
AI動画生成ガチャ紹介
piyo7
1
200
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
160
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.1k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
530
CursorでAI活用のナレッジベースを構築する
kanzaki
0
610
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.4k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
400
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
260
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Statistics for Hackers
jakevdp
799
220k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Unsuck your backbone
ammeep
671
58k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Producing Creativity
orderedlist
PRO
347
40k
A designer walks into a library…
pauljervisheath
207
24k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Transcript
໋໊ฤ ΧϥʔύϨοτΛͱΊͯ ཧͷ DIST.26 | WebαʔϏεͷݸੑΛࢧ͑ΔσβΠϯ 2019.04.26
UXΤϯδχΞ αΠόʔΤʔδΣϯτ ୩ थ CyberAgent Advanced Technology Studio
https://ameblo.jp/shiba-mamehiko/
None
90 ͕͖͔Ͳ͏͔ sec % 90 ৭͚ͩʹجͮ͘
Ѝ㗯㗙㗹㗦㗮 COLORS SPEAK ALL LANGUAGES. Joseph Addison | English Eessayist
ԊႧ㘒༑㗙
Θ͔Γ໊͍͢લΛఆٛ͢Δ ίϯτϥετΛߟྀ͢Δ ඞཁͳ৭ΛߜΓࠐΉ
None
blue_500
blue_500 blue_400 blue_600
azure_500 azure_400 azure_600
primary_base primary_light primary_heavy
primary_base primary_lighter_15 primary_darker_10
button_primary_base button_primary_hover button_primary_active
button_primary_base button_primary_hover button_primary_active button_primary_text button_primary_text button_primary_text
$color_primary: #155AEE; $color_primary_light: #4D82F3; $color_primary_heavy: #114CCA; $button_primary: $color_primary; $button_primary_hover: $color_primary_light;
$button_primary_active: $color_primary_heavy; $button_primary_text: #FCFDFD; Sass
@mixin button_primary_color { background-color: $button_primary; color: $button_primary_text; &:hover { background-color:
$button_primary_hover; } &:active { background-color: $button_primary_active; } } Sass
.button { @include button_primary_color; } Sass
.button { background-color: #155AEE; color: #FCFDFD; } .button:hover { background-color:
#4D82F3; } .button:active { background-color: #114CCA; } CSS
ίϯτϥετൺΛอͭΛ͢Δ ڞ௨ݴޠͱͯ͠ѻ໊͍͍͢લʹ͢Δ ύϨοτͰఆٛͨ͠৭Ҏ֎Θͳ͍
Thank you @hiloki @shiba_mamehiko
Special Guest Speaker Felix Rieseberg and more Speakers! https://inside-frontend.com/