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
96
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
150
SVG Basic
namikuguri
0
200
SVG Graph Animation
namikuguri
0
210
石
namikuguri
0
78
僕はあの日夕暮れ時に書いたスタイルガイドを忘れない
namikuguri
0
840
誰と作るデザイン?
namikuguri
0
590
CSS の構造化、その目的
namikuguri
0
100
fitme
namikuguri
0
72
Other Decks in Design
See All in Design
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.6k
NAHO SHIMONO_Portfolio2025
nahohphp
0
190
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
280
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.5k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
5
4k
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
200
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
530
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
650
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
590
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
690
最速[要出典]アクセシビリティチェック
magi1125
2
210
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
Featured
See All Featured
Statistics for Hackers
jakevdp
797
220k
4 Signs Your Business is Dying
shpigford
182
22k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Producing Creativity
orderedlist
PRO
344
40k
Designing for Performance
lara
604
68k
Side Projects
sachag
452
42k
Bash Introduction
62gerente
611
210k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Thoughts on Productivity
jonyablonski
69
4.5k
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༵