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
About color
Search
namikuguri
March 21, 2013
Design
0
97
About color
About color attributes and color scheme.
namikuguri
March 21, 2013
Tweet
Share
More Decks by namikuguri
See All by namikuguri
実例から学ぶ CSSアニメーション
namikuguri
1
1.4k
かるくCalc()
namikuguri
0
170
SVG Basic
namikuguri
0
220
SVG Graph Animation
namikuguri
0
240
石
namikuguri
0
79
僕はあの日夕暮れ時に書いたスタイルガイドを忘れない
namikuguri
0
850
誰と作るデザイン?
namikuguri
0
610
CSS の構造化、その目的
namikuguri
0
100
fitme
namikuguri
0
72
Other Decks in Design
See All in Design
Saudade typeface
tiagoporto
0
330
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
780
線で考える画面構成
natsuume
1
900
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
600
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
2
2.6k
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
450
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.1k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
190
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
930
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
160
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
130
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
Code Reviewing Like a Champion
maltzj
524
40k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Thoughts on Productivity
jonyablonski
69
4.8k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
860
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
400
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Transcript
৭࠼ʹ͍ͭͯ ৭ͷଐੑͱ৭૬ௐͷߟ͑ํ 133݄21༵
࣍ ৭ͷ࿈ͱ ৭ͷଐੑͱγεςϜ ৭૬ௐͷߟ͑ํ ࢀߟ 133݄21༵
৭ͷ࿈ͱ 133݄21༵
৭ͷ࿈ͱ ৭ͷࡾଐੑͱΧϥʔΦʔμʔγεςϜ ৭ͷܾఆ ৭͕ҧͬͯݟ͑Δཧ༝ ࠞ৭ ৭࠼จԽ ࢀߟ ৭ͷ࿈ ۩ମత࿈ ݱ࣮ͷࣄʹܨ͕Δ࿈ɻ
ˠଠཅɺΠνΰɺফंͳͲ ԫˠϨϞϯɺόφφͳͲ நత࿈ ਓͷײੑʹܨ͕Δ࿈ɻ ˠɺউརɺѪͳͲ ԫˠتͼɺշָɺஊͳͲ 133݄21༵
৭ͷ ؟ʹݟ͑ͳ͍நత֓೦ ࣄΛɺܗ৭Λ࣋ͬͨଞͷ ͷͰײతʹΘ͔Γ͘͢ ද͢͜ͱɻ ࿈ͷΠϝʔδ͕ࣾձͷதͰ ҰൠԽɺݻఆԽ͞Εͨͷɻ 133݄21༵
৭૬ͷ৺ཧతޮՌ ৭૬ɺओʹ৺ཧతͳפஆײʢפ͍ɾஆ͔͍ʣਐग़ɾޙ ୀޮՌʢඈͼग़ΔɾҾͬࠐΉʣʹӨڹΛ༩͑Δɻ ໌ͷ৺ཧతޮՌ ໌ɺܰॏײʢ͍ܰɾॏ͍ʣͱߗೈײʢ͔͍ͨɾΘΒ ͔͍ʣɺுɾऩॖޮՌΛ༩͑Δɻ ࠼ͷ৺ཧతޮՌ ࠼ɺओʹਈ࢜తͳखຯײ༠ੑʹӨڹΛ༩͑ Δɻ ༠ੑɾɾɾ৭͕ਓΛҾ͘ੑ࣭
৭ͷࡾଐੑ͕ද͢৺ཧతޮՌ 133݄21༵
פஆײʢ৭૬ʣ ுɾऩॖޮՌʢ໌ʣ 133݄21༵
৭ͷଐੑͱγεςϜ 133݄21༵
৭૬ ɺ㐋ɺɺ੨ɺࢵ ໌ ໌Δ͍㲗҉͍ ࠼ ͔͋͟㲗͘͢Μͩ ৭ͷଐੑ ৭ʹ৭૬ɺ໌ɺ࠼ͷଐੑ͕͋Γ·͢ɻ 133݄21༵
ΧϥʔΦʔμʔγεςϜʹɺϚϯηϧγεςϜɺ $$*$ʢձٞॴίʔσΟωʔγϣϯνϟʔτʣɺ /$4ʢ/BUVSBM$PMPS4ZTUFNʣɺ1$$4ʢຊ৭ݚ৭ମ ܥʣͱ༷ʑͰ͕͢ɺࠓճݱࡏ൪͘༻͍ΒΕͯΔϚϯη ϧγεςϜΛྫʹऔΓѻ͍·͢ɻ ΧϥʔΦʔμʔγεςϜ 133݄21༵
৭૬ جຊ৭૬छͱதؒ৭૬छͷ ߹ܭछͷ७৭৭૬ɻ ͞Βʹ֤৭૬Λஈ֊ʹ ͚ɺΛද৭૬ͱ͢Δɻ 133݄21༵
໌ ࠷໌Δ͍৭ͷʮനʯͱ࠷ ҉͍৭ͷʮࠇʯΛஈ֊ʹ ׂɻ ໌ͱࣹମͷ໌Δ͞Λ ࣔ͢ɻςϨϏͱ͔1$ͷޫ ݯͷ໌Δً͞Ͱࣔ͢ɻ 133݄21༵
࠼ ࠼ͱ৭ͷ͔͞Λද͢ ֓೦Ͱ͢ɻ ৭ۭؒͷத৺࣠Λͱ͠ɺ ͔ͦ͜Β७৭·ͰΛ࠷େͱ͠ ·͢ɻ 133݄21༵
৭૬ௐͷߟ͑ํ 133݄21༵
৭૬ࠩʹΑΔ৭ྨ ৭૬ྨࣅܥ ಉҰ৭૬ͷ৭ʢ৭૬ࠩʣ ྡ৭૬ͷ৭ʢ৭૬ࠩʣ ྨࣅ৭૬ͷ৭ʢ৭૬ࠩɺʣ ৭૬ରরܥ தࠩ৭૬ͷ৭ʢ৭૬ࠩdʣ ରর৭૬ͷ৭ʢ৭૬ࠩdʣ ิ৭৭૬ͷ৭ʢ৭૬ࠩdʣ 133݄21༵
ಉҰ৭૬ͷ৭ ৭૬ࠩͷ৭ɻ ໌ͱ࠼Ͱ৭ͷมԽΛ͚ͭ Δɻ ແ࠼৭ͱ༗࠼৭ͷ৭ಉҰ ৭૬ͷ৭ʹؚ·ΕΔɻ 133݄21༵
ྡ৭૬ͷ৭ ৭૬ࠩͷ৭ɻ ಉҰ৭૬ͷ৭ͱಉ༷ɺ໌ ͱ࠼Ͱ৭ͷมԽΛ͚ͭΔɻ 133݄21༵
ྨࣅ৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ ࠷ௐͷऔΓ͍͢৭ɻ 133݄21༵
தࠩ৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ ΞδΞͷ౷తͳ৭͍Ͱ༻ ͍ΒΕɺૉͳΠϝʔδΛग़ ͍͢͠ɻ ຽௐͳσβΠϯʹྑ͘Θ ΕΔɻ 133݄21༵
ରর৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ פ৭ͱஆ৭ΛΈ߹Θͤɺ ҟͳΔΠϝʔδͷ৭ʹͳΓ ͍͢ɻ ௐΛͱΔͨΊʹɺ࠼ͷௐ અΛߦ͏ɻ 133݄21༵
ิ৭৭૬ͷ৭ ৭૬ࠩdͷ৭ɻ ࠼Λ߹ΘͤͯௐΛͱΔɻ ߴ࠼Λ༻͢ΔͱɺݟΔਓ ʹ׆ಈతͳΠϝʔδΛ༩͑Δ ͜ͱ͕ग़དྷΔɻ 133݄21༵
৭૬ͰྨΛදͨ͠ਤ 133݄21༵
໌ࠩʹΑΔ৭ྨ Ϛϯηϧ໌ʹ͓͚Δྨ ߴ໌ɾɾɾϚϯηϧ໌Ҏ্ த໌ɾɾɾϚϯηϧ໌Ҏ্ະຬ ໌ɾɾɾϚϯηϧ໌ະຬ 133݄21༵
໌ࠩʹΑΔ৭ྨ ໌ʹ͓͚Δ৭ ໌ྨࣅܥͷ৭ɾɾɾ໌ࠩఔͷ໌͕ࠩখ͞ ͍৭ɻ৭Ͳ͏͠ͷ໌ྎੑ͍ɻ ໌ରরܥͷ৭ɾɾɾ໌ࠩҎ্ఔͷ໌͕ࠩ େ͖͍৭ 133݄21༵
࠼ࠩʹΑΔ৭ྨ Ϛϯηϧ࠼ʹ͓͚Δྨ ߴ࠼ɾɾɾϚϯηϧ࠼Ҏ্ த࠼ɾɾɾϚϯηϧ࠼Ҏ্ະຬ ࠼ɾɾɾϚϯηϧ࠼ະຬ 133݄21༵
࠼ࠩʹΑΔ৭ྨ ࠼ʹ͓͚Δ৭ ࠼ྨࣅܥͷ৭ɾɾɾ࠼ࠩલޙͷ࠼͕ࠩখ͍͞ ৭ɾಉҰ࠼Λ༻͢Δͱ౷Ұײͷ͋Δ৭ޮՌ͕͋ ΓɺखɺຯײΛग़͍͢͠ɻ ࠼ରরܥͷ৭ɾɾɾ࠼ࠩҎ্ఔͷ࠼͕ࠩେ ͖͍৭ɻҰൠʹ໌ྎੑ͕ߴ͘ͳΔɻେ͖ͳ໘ੵʹ࠼ ৭Λ͍ɺখ͞ͳ໘ੵʹߴ࠼৭Λ͠Α͏͢Δ͜ͱͰΞΫ ηϯτΧϥʔͱͯ͠׆༻͞ΕΔɻ 133݄21༵
ࢀߟ ͜ΕͰ߹֨ʂΧϥʔίʔσΟωʔλʔڃ ճͰ߹֨ʂ৭࠼ݕఆڃ 133݄21༵