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
7.4k
理想のカラーパレットをもとめて / 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.3k
私はいかにしてUXエンジニアになったのか / ux_engineer_meetup
hiloki
4
17k
理想のカラーパレットをもとめて / color-palette-name-convention-at-wic
hiloki
3
240
Other Decks in Design
See All in Design
ZOZO CDO Office Design
zozodevelopers
PRO
1
140
0-1に挑むデザイナーが 知っておきたい2つの前提
swaaan
3
960
🇫🇷 Design Leadership en eaux troubles
morganepeng
2
410
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
520
Mitra Manual
nnidhz
0
180
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
950
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
1
1.9k
デザイナー向け会社紹介資料(採用資料)
dreamarts
0
280
Ubie Vitalsの取り組み紹介
8845musign
0
650
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
31
20k
私たちが取り組んできたアクセシビリティと これから取り組んでいくアクセシビリティについて
securecat
1
300
DMMデザイナーのプロダクトへの携わり方と組織再編
takumasaito
1
350
Featured
See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.8k
Designing the Hi-DPI Web
ddemaree
278
34k
Code Review Best Practice
trishagee
62
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
How to name files
jennybc
75
98k
Facilitating Awesome Meetings
lara
49
5.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
41
6.5k
It's Worth the Effort
3n
182
27k
Web Components: a chance to create the future
zenorocha
308
42k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
28
1.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
25
3.9k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
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/