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
620
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
600
今さら聞けない!デザイナーのためのGit超入門
gautt
2
280
今さら聞けない!Webデザイナーのためのプログラミング講座
gautt
1
310
Other Decks in Design
See All in Design
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
180
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.2k
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
320
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.7k
Findyのプロデチームの 歩みとこれから
satty9556
0
290
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
860
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
440
7 Core Values of Round-L
wired888
0
2.1k
minpaku-community-scrum-patterns
norinity1103
1
430
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
110
佐藤千晶|ポートフォリオ
chimi_chia
0
170
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
BBQ
matthewcrist
89
9.8k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
4 Signs Your Business is Dying
shpigford
185
22k
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠