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
290
Other Decks in Design
See All in Design
TUNAG BOOK 2024
stmn
0
390
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.5k
ZKK_001.pdf
nicholaspegu
0
1.4k
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.9k
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.6k
Arborea Art Book
thebogheart
1
310
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.3k
Карта реализации историй — убийца USM
ashapiro
0
260
(第1回) アーキテクト・テックリード育成講座
masakaya
0
110
Dive Deep into Communication
yomtsu
0
120
最速[要出典]アクセシビリティチェック
magi1125
2
130
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
200
Featured
See All Featured
For a Future-Friendly Web
brad_frost
175
9.4k
Optimizing for Happiness
mojombo
376
70k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
The Cost Of JavaScript in 2023
addyosmani
45
7k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Embracing the Ebb and Flow
colly
84
4.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
How GitHub (no longer) Works
holman
311
140k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠