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
10倍ラクするアピアランス入門
Search
Toshiyuki TAKAHASHI
May 17, 2016
Design
2
590
10倍ラクするアピアランス入門
2014.11.12に開催されたAED Vol.1のセッションで使ったスライドです。アピアランスの基礎を解説しています。
Toshiyuki TAKAHASHI
May 17, 2016
Tweet
Share
More Decks by Toshiyuki TAKAHASHI
See All by Toshiyuki TAKAHASHI
第11回 AED-LABO 解説用スライド
gautt
1
590
今さら聞けない!デザイナーのためのGit超入門
gautt
2
260
今さら聞けない!Webデザイナーのためのプログラミング講座
gautt
1
280
Other Decks in Design
See All in Design
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
50
32k
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
330
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
270
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
180
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
400
太田博三(@usagisan2020)
otanet
0
180
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
200
ZOZO CDO Office Design
zozodevelopers
PRO
1
400
Карта реализации историй — убийца USM
ashapiro
0
180
Night Shift concept 9/15/2024
cpineda57
0
740
ZKK_001.pdf
nicholaspegu
0
1.4k
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
2.1k
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
Navigating Team Friction
lara
183
14k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Music & Morning Musume
bryan
46
6.2k
Speed Design
sergeychernyshev
24
580
Documentation Writing (for coders)
carmenintech
65
4.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
2k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Transcript
None
7PMQPXFSFECZ$44/JUF ∁ڮͱ͠Ώ͖ʢ(SBQIJD"SUT6OJUʣ
"&%7PMQPXFSFECZ$44/JUF ࣗݾհ (SBQIJD"SUT6OJU ∁ڮͱ͠Ώ͖ ๏ Ѫඤݝদࢁࢢࡏॅ ๏ ϑϦʔϥϯεͷάϥϑΟοΫσβΠφʔ ๏ σβΠϯܥॻ੶ͷࣥචͬͯ·͢
๏ *MMVTUSBUPSྺ ๏ ϑϦʔϑΥϯταΠτʮΨϓϥʯΛӡӦ !HBVUU
"&%7PMQPXFSFECZ$44/JUF Ψϓϥ ݕࡧ
"&%7PMQPXFSFECZ$44/JUF 4"6$&3 IUUQHSBQIJDBSUTVOJUUVNCMSDPN *MMVTUSBUPS1IPUPTIPQͷ ؾʹͳͬͨ͜ͱ ࣗ࡞ͷεΫϦϓτͳͲΛެ։
"&%7PMQPXFSFECZ$44/JUF ʲʳΞϐΞϥϯεͷجຊΛ෮श ʲʳΞϐΞϥϯεΛ࣮ͬͨફ ຊ͓͢Δ͜ͱ ʲʳิͱ·ͱΊ σϞͰ*MMVTUSBUPS$$ʢ࠷৽൛ʣΛ͍·͢
ΞϐΞϥϯεͷجૅ جຊΛ෮श
"&%7PMQPXFSFECZ$44/JUF ύε ʢΦϒδΣΫτͷܗঢ়ʣ ࣮ࡍͷը໘Ͱ ͜ͷΑ͏ʹݟ͍͑ͯΔ
"&%7PMQPXFSFECZ$44/JUF ృΓ
"&%7PMQPXFSFECZ$44/JUF ઢ
"&%7PMQPXFSFECZ$44/JUF ޮՌ ʢυϩοϓγϟυʣ
"&%7PMQPXFSFECZ$44/JUF ઢ ృΓ ޮՌ
"&%7PMQPXFSFECZ$44/JUF ΦϒδΣΫτͷ ֎؍ʹؔΘΔͯ͢ͷཁૉ ΞϐΞϥϯε ʹ
ΞϐΞϥϯεͷڧΈ جຊΛ෮श
"&%7PMQPXFSFECZ$44/JUF ͭͷΦϒδΣΫτʹ ʮృΓʯʮઢʯʮޮՌʯΛ ෳ࣋ͯΔ
"&%7PMQPXFSFECZ$44/JUF ͭͷృΓ ʢύλʔϯʣ
"&%7PMQPXFSFECZ$44/JUF ͭͷઢ
"&%7PMQPXFSFECZ$44/JUF ࣮ࡍͷը໘Ͱ ͜ͷΑ͏ʹݟ͍͑ͯΔ
"&%7PMQPXFSFECZ$44/JUF ΦϒδΣΫτ͚ͭͩ
"&%7PMQPXFSFECZ$44/JUF ࣮ࡍͷ֎؍
"&%7PMQPXFSFECZ$44/JUF ͭͷΦϒδΣΫτͷΈͰ ෳࡶͳදݱ͕Մೳ ΞϐΞϥϯεͷڧΈ ʹ
ΞϐΞϥϯεΛૢ࡞͢Δ جຊΛ෮श
"&%7PMQPXFSFECZ$44/JUF ΞϐΞϥϯεύωϧ ʠΟϯυʡˠʠΞϐΞϥϯεʡͰදࣔ͢Δ
"&%7PMQPXFSFECZ$44/JUF ΞϐΞϥϯεύωϧͷ༰ ΦϒδΣΫτͷ֎؍Λө͍ͯ͠Δ
"&%7PMQPXFSFECZ$44/JUF ΞϐΞϥϯεύωϧͷ༰ ΦϒδΣΫτͷ֎؍Λө͍ͯ͠Δ
"&%7PMQPXFSFECZ$44/JUF ઢ
"&%7PMQPXFSFECZ$44/JUF ృΓ
"&%7PMQPXFSFECZ$44/JUF ޮՌ ʢυϩοϓγϟυʣ
"&%7PMQPXFSFECZ$44/JUF ΦϒδΣΫτͷ֎؍ͱ ΞϐΞϥϯεύωϧͷදࣔϦϯΫ͍ͯ͠Δ
"&%7PMQPXFSFECZ$44/JUF ৽ن߲ΛՃ͢Δʹ͜͜ΛΫϦοΫ ઢ ృΓ ޮՌ
"&%7PMQPXFSFECZ$44/JUF ৽نઢΛՃ
"&%7PMQPXFSFECZ$44/JUF ৽نઢ ৽͍͠ʮઢʯ͕Ճ͞Εͨ
"&%7PMQPXFSFECZ$44/JUF ύωϧͰͷʮઢʯͱʮృΓʯͷॱ൪ ΞϐΞϥϯεͷॏͳΓॱΛද͍ͯ͠Δ
"&%7PMQPXFSFECZ$44/JUF ߲Λυϥοάͯࣗ͠༝ʹॱ൪ΛมߋͰ͖Δ
"&%7PMQPXFSFECZ$44/JUF ͷΞΠίϯΛΫϦοΫͯ͠ ΞϐΞϥϯε߲ΛඇදࣔʹͰ͖Δ
"&%7PMQPXFSFECZ$44/JUF ͷΞΠίϯΛΫϦοΫͯ͠ ΞϐΞϥϯε߲ΛඇදࣔʹͰ͖Δ
ޮՌΛݸผʹద༻͢Δ جຊΛ෮श
"&%7PMQPXFSFECZ$44/JUF ํܗʹʮ֯Λؙ͘͢ΔʯͷޮՌΛద༻
"&%7PMQPXFSFECZ$44/JUF ʮઢʯͱʮృΓʯͷ྆ํʹޮՌ͕ద༻͞Ε͍ͯΔ ؙ֯ ؙ֯
"&%7PMQPXFSFECZ$44/JUF ͯ͢ͷʮઢʯͱʮృΓʯͷࠨʹ͋Δ ͜ͷࡾ֯ϚʔΫΛΫϦοΫ͢Δͱʜʜ
"&%7PMQPXFSFECZ$44/JUF ʮઢʯʮృΓʯͷதΛల։Ͱ͖Δ ઢͷத ృΓͷத
"&%7PMQPXFSFECZ$44/JUF ʮ֯Λؙ͘͢ΔʯͷޮՌΛ ʮઢʯͷ༰ʹೖΕͯΈΔͱʜʜ
"&%7PMQPXFSFECZ$44/JUF ʮઢʯ͚ͩʹؙ֯ޮՌ͕ద༻͞ΕΔ ؙ֯
"&%7PMQPXFSFECZ$44/JUF ࠓʮృΓʯͷதʹҠಈͯ͠ΈΔͱʜʜ ؙ֯
"&%7PMQPXFSFECZ$44/JUF ʮృΓʯ͚ͩʹؙ֯ޮՌ͕ద༻͞ΕΔ ؙ֯
"&%7PMQPXFSFECZ$44/JUF ޮՌΛஔ͢ΔॴʹΑͬͯ ʮઢʯʮృΓʯʹରͯ͠ݸผʹద༻Ͱ͖Δ
"&%7PMQPXFSFECZ$44/JUF ʮઢʯ͚ͩʹద༻͢Δʹ͜͜ʹޮՌΛஔ ઢ͚ͩͷޮՌ
"&%7PMQPXFSFECZ$44/JUF ʮృΓʯ͚ͩʹద༻͢Δʹ͜͜ʹޮՌΛஔ ృΓ͚ͩͷޮՌ
"&%7PMQPXFSFECZ$44/JUF શମʹద༻͢Δʹ͜͜ʹޮՌΛஔ શମͷޮՌ શମͷޮՌ ˞ޮՌͷछྨʹΑͬͯదͨ͠Ґஔ͕ҟͳΔ
ΞϐΞϥϯεΛׂ جຊΛ෮श
"&%7PMQPXFSFECZ$44/JUF ʮΞϐΞϥϯεͷׂʯͱ ΞϐΞϥϯεΛΘͣ֎؍Λอ࣋͢Δ͜ͱ Ծͷ࣮ߦ݁Ռ ࣮ࡍͷύεʹө ʠΦϒδΣΫτʡˠʠΞϐΞϥϯεΛׂʡͰ࣮ߦ͢Δ ΞϐΞϥϯεׂલ ΞϐΞϥϯεׂޙ
%&.0 ࣮ࡍʹͬͯΈ·͢
จࣈͷΞϐΞϥϯε جຊΛ෮श
"&%7PMQPXFSFECZ$44/JUF ʮృΓʯʮઢʯͰͳ͘ ʮจࣈʯͱ͍͏ද͕ࣔ͋Δ͚ͩ ςΩετΦϒδΣΫτ
"&%7PMQPXFSFECZ$44/JUF ͯ͢ͷจࣈΛͻͱͭʹ·ͱΊͨͷ
"&%7PMQPXFSFECZ$44/JUF ͜ͷʮจࣈʯΛμϒϧΫϦοΫ͢Δͱʜʜ μϒϧΫϦοΫ
"&%7PMQPXFSFECZ$44/JUF Α͏͘ʮృΓʯͱʮઢʯ͕දࣔ͞ΕΔ จࣈ͕બ͞ΕΔ
"&%7PMQPXFSFECZ$44/JUF จࣈ୯ҐͷΞϐΞϥϯε
"&%7PMQPXFSFECZ$44/JUF จࣈ͕ͣͭू·ͬͨશମΛ ΧϓηϧԽ͍ͯ͠Δͷ͕ʮจࣈʯͷදࣔ
"&%7PMQPXFSFECZ$44/JUF ͪΐͬͱ͚ͩ໘ͳ͜ͱ͕ʜʜ
"&%7PMQPXFSFECZ$44/JUF ςΩετΦϒδΣΫτͱͯ͠બ
"&%7PMQPXFSFECZ$44/JUF ʮจࣈʯͷ্ʹࠇͷʮృΓʯΛՃ
"&%7PMQPXFSFECZ$44/JUF ͞Βʹͦͷ্ʹਫ৭ͷʮృΓʯΛՃ
"&%7PMQPXFSFECZ$44/JUF
"&%7PMQPXFSFECZ$44/JUF Ұ൪ԼͷจࣈͷΞϐΞϥϯε֬ೝͰ͖ͳ͍ ʁ
"&%7PMQPXFSFECZ$44/JUF จࣈ୯ҐͷΞϐΞϥϯεಁ໌ʹ͓ͯ͘͠ ରࡦ ˞จࣈશମ͕ಉ͡৭ͷ߹ͷΈ
"&%7PMQPXFSFECZ$44/JUF
"&%7PMQPXFSFECZ$44/JUF Ұ൪ԼͷΧϓηϧԽ͞Εͨจࣈ ಁ໌ʹͳ͍ͬͯΔ
"&%7PMQPXFSFECZ$44/JUF ʮจࣈʯͷ্ʹ৽نృΓΛՃ͢Δ
"&%7PMQPXFSFECZ$44/JUF Ճͨ͠ʮృΓʯΛ৭ʹ͢Δ
"&%7PMQPXFSFECZ$44/JUF ඞཁͳʮృΓʯͷΞϐΞϥϯε ͯ͢ҰཡͰ͖Δ
"&%7PMQPXFSFECZ$44/JUF ͪͳΈʹʜʜ
"&%7PMQPXFSFECZ$44/JUF άϧʔϓจࣈͱಉ༷ʹ Χϓηϧతߏʹͳ͍ͬͯΔ άϧʔϓ
%&.0 ࣮ࡍʹͬͯΈ·͢
࣮ࡍͷ࡞ۀͷԠ༻ ࣮ફͯ͠ΈΑ͏
"&%7PMQPXFSFECZ$44/JUF ͜ͷμϛʔσβΠϯΛ༻ͯ͠ ΞϐΞϥϯεͷԠ༻Λ ղઆ͍͖ͯ͠·͢ ϞόΠϧΞϓϦͷ 13αΠτ
"&%7PMQPXFSFECZ$44/JUF ΞϐΞϥϯεΛ ׆༻͍ͯ͠ΔՕॴ
"&%7PMQPXFSFECZ$44/JUF ͓͖͍ͬͯͨͭͷޮՌ ΞϐΞϥϯεΛ࣮ફ͢Δલʹ
"&%7PMQPXFSFECZ$44/JUF ΦϒδΣΫτΞϐΞϥϯεΛ ʮํܗʯʮؙ֯ํܗʯʮପԁܗʯ ͍ͣΕ͔ͷܗʹڧ੍తʹม͢Δ ܗঢ়ʹม ͦͷ
"&%7PMQPXFSFECZ$44/JUF ΦϒδΣΫτΞϐΞϥϯεΛมܗ͢Δɻ มܗ͠ͳ͕Βࢦఆ͞ΕͨճͷෳΛ ͭ͘Δ͜ͱͰ͖Δ มܗޮՌ ͦͷ
%&.0 ࣮ࡍʹͬͯΈ·͢
άϥϑΟοΫελΠϧͷ׆༻ ิ
"&%7PMQPXFSFECZ$44/JUF άϥϑΟοΫελΠϧ ϥΠϒϥϦͱͯ͠อଘͰ͖Δ
"&%7PMQPXFSFECZ$44/JUF อଘͨ͠ϥΠϒϥϦ ผͷυΩϡϝϯτʹಡΈࠐΊΔ
"&%7PMQPXFSFECZ$44/JUF νʔϜͰάϥϑΟοΫελΠϧΛڞ༗ ϥΠϒϥϦԽ
"&%7PMQPXFSFECZ$44/JUF ΞϐΞϥϯε͕͔Βͳ͍ͱमਖ਼Ͱ͖ͳ͍ ʁ ʁ
"&%7PMQPXFSFECZ$44/JUF ΞϐΞϥϯεͷཧղΛνʔϜͰଗ͓͑ͯ͘
ΞϐΞϥϯεΛ͏ͱ͖ͷҙ ิ
"&%7PMQPXFSFECZ$44/JUF ग़ྗଆͷରԠঢ়گΛ֬ೝʂ ҙ
"&%7PMQPXFSFECZ$44/JUF ΞϐΞϥϯε ରԠͯ͠·͢ʂ ΞϐΞϥϯε ରԠͯ͠·ͤΜʂ "ҹ #ҹ ରԠ͍ͯ͠ͳ͍ͱ͜Ζ ΞϐΞϥϯεΛׂ͔ͯ͠Βೖߘ͢Δ ˞୲ऀͱࣄલʹଧͪ߹ΘͤΛ͓ͯ͘͠ͱ҆৺
ग़ྗଆͷରԠঢ়گΛ֬ೝʂ ҙ
"&%7PMQPXFSFECZ$44/JUF ΞϐΞϥϯεΛׂ͢Δॱ൪ʹҙʂ ҙ
"&%7PMQPXFSFECZ$44/JUF จࣈΞτϥΠϯ ΞϐΞϥϯεׂ ΞϐΞϥϯεׂ จࣈΞτϥΠϯ ΞϐΞϥϯεΛׂ͢Δॱ൪ʹҙʂ ҙ
ຊͷ·ͱΊ ഒϥΫ͢ΔΞϐΞϥϯεೖ
"&%7PMQPXFSFECZ$44/JUF ๏ ͭͷΦϒδΣΫτͰෳͷ֎؍Λ࣋ͯΔ ๏ จࣈάϧʔϓΧϓηϧԽ͞ΕΔ ๏ άϥϑΟοΫελΠϧͰ͞ΒʹޮԽͰ͖Δ ๏ νʔϜͰάϥϑΟοΫελΠϧΛڞ༗͠Α͏ ๏
ҹͷͱ͖ରԠঢ়گΛ֬ೝ͢Δ ๏ จࣈͷΞϐΞϥϯεׂͷॱ൪ʹҙ͢Δ ·ͱΊ
"&%7PMQPXFSFECZ$44/JUF
"&%7PMQPXFSFECZ$44/JUF ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠