Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
エンジニアのためのUIデザイン
Shoya Ishimaru
March 28, 2015
Programming
32
70k
エンジニアのためのUIデザイン
エンジニアでも使えるデザインの理論とテクニック
Shoya Ishimaru
March 28, 2015
Tweet
Share
More Decks by Shoya Ishimaru
See All by Shoya Ishimaru
エクストリーム・モチベーション / Extreme Motivation
shoya140
0
150
Zenから箇条書きまで幅広く使えるKeynoteテンプレート「Zebra 2」の紹介 / Introducing Zebra 2
shoya140
2
2.8k
Gaze-Based Self-Confidence Estimation on Multiple-Choice Questions and Its Feedback - Asian CHI Symposium 2020
shoya140
0
310
人を賢くする人工知能 / 2019.08.31
shoya140
0
150
未踏ナイト2018LT「エンジニアリング・リサーチの振り子」
shoya140
0
78
楽しいドイツの観光地ベスト5
shoya140
0
320
人工知能研究の最前線と中学・高校で得た経験
shoya140
0
520
心の状態を可視化するシステムの開発
shoya140
0
970
大体いい感じの研究発表ができるKeynoteテンプレート/Zebra
shoya140
2
42k
Other Decks in Programming
See All in Programming
Amebaブログの会員画面システム刷新の道程
ryotasugawara
1
210
OSSから学んだPR Descriptionの書き方
fugakkbn
4
120
PHPアプリケーションにおけるアーキテクチャメトリクスについて / Architecture Metrics in PHP Applications
isanasan
1
210
爆速の日経電子版開発の今
shinyaigeek
1
500
Gradle build: The time is now
nonews
1
390
LIFFで動く割り勘アプリTATEKAをリリースしてみた話
inoue2002
0
220
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
2
300
tidy_rpart
bk_18
0
550
Remote SSHで行うVS Codeリモートホスト開発とトラブルシューティング
smt7174
1
420
Step Functions Distributed Map を使ってみた
codemountains
0
100
フロントエンドで 良いコードを書くために
t_keshi
3
1.6k
なぜRubyコミュニティにコミットするのか?
luccafort
0
300
Featured
See All Featured
Building Adaptive Systems
keathley
27
1.3k
Building Flexible Design Systems
yeseniaperezcruz
314
35k
What's in a price? How to price your products and services
michaelherold
233
9.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
217
21k
Gamification - CAS2011
davidbonilla
75
4.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
643
54k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
Teambox: Starting and Learning
jrom
124
7.9k
We Have a Design System, Now What?
morganepeng
37
5.9k
The World Runs on Bad Software
bkeepers
PRO
59
5.7k
Build your cross-platform service in a week with App Engine
jlugia
221
17k
Embracing the Ebb and Flow
colly
75
3.6k
Transcript
ΤϯδχΞͷͨΊͷ6*σβΠϯ !TIPZB
ࣗݾհ ੴؙᠳ !TIPZB ɾେࡕཱେֶେֶӃֶݚڀՊ ɾझຯJ04 "OESPJE 8FCΞϓϦ։ൃ ɾݚڀΣΞϥϒϧηϯαʹΑΔߦಈೝࣝ
ࠓͷςʔϚ
ࠓͷςʔϚ νίΫΠΠϫέϩϘ SBDPMUB /'$+VODUJPO LPUPEBNB 3FTU$BTU 4XJQFS ͜Ε·Ͱͷ։ൃͰʹ͚ͭͨ σβΠϯͷཧͱςΫχοΫΛؒʹڽॖ
ͭͷݪଇ
ͭͷݪଇ ۙ
ͭͷݪଇ ۙ ྻ
ͭͷݪଇ ۙ ෮ ྻ
ͭͷݪଇ ۙ ෮ ྻ ڧௐ
ͭͷݪଇ ۙ ෮ ྻ ڧௐ ༨ന ৭ ͭͷٕज़
ͭͷݪଇ ۙ ෮ ྻ ڧௐ ༨ന ৭ ͭͷٕज़
༨ന
༨നςΫχοΫʲׂΛߟ͑Δʳ
༨നςΫχοΫʲׂΛߟ͑Δʳ ࢹઢΛूΊΔ
༨നςΫχοΫʲׂΛߟ͑Δʳ ࢹઢΛूΊΔ ༨ӆΛ͢
༨നςΫχοΫʲׂΛߟ͑Δʳ ࢹઢΛूΊΔ ༨ӆΛ͢ ·ͱ·ΓΛ࡞Δ
༨നςΫχοΫʲϘλϯʳ
༨നςΫχοΫʲϘλϯʳ
༨നςΫχοΫʲϘλϯʳ จࣈαΠζͷഒ ഒ ഒ ഒ
༨നςΫχοΫʲϘλϯʳ $font-size: 30px; .btn{ font-size: $font-size; padding: 0 $font-size*2.0 0
$font-size*1.5; height: $font-size*3.0; line-height: $font-size*3.0; .icon{ top: $font-size*0.1; } } จࣈαΠζͷഒ ഒ ഒ ഒ
৭
৭ςΫχοΫ ৭ͷΛ੍ݶ͢Δ
৭ςΫχοΫ ϕʔε ϝΠϯ ΞΫηϯτ
৭ςΫχοΫ ϝΠϯ ϕʔε ΞΫηϯτ
৭ςΫχοΫ ϝΠϯ ΞΫηϯτ ϕʔε
৭ςΫχοΫʲ৭બͼʳ Ͳ͏ܾͬͯΊΔͷʁ
৭ςΫχοΫʲ৭બͼʳ ͍͍ײ͡ͷ৭ΛύΫΔ
ཱͪϦϯΫʲ৭ΛબͿʳ IUUQQBMFUUBNSLDPN
ཱͪϦϯΫʲΈ߹ΘͤΛબͿʳ IUUQDPMSEDPN
ͭͷݪଇ ۙ ෮ ྻ ڧௐ ༨ന ৭ ͭͷٕज़
ࢀߟจݙ ϊϯσβΠφʔζɾσβΠϯϒοΫ 3PCJO8JMMJBNT ஶ ٢యल ༁ ຖίϛϡχέʔγϣϯζ ͣΔ͍σβΠϯςΫχοΫ 4FNJ'MBUWFSTJPO IUUQTTQFBLFSEFDLDPN
[email protected]
@MP[VSVJEF[BJOUFLVOJUVLVQMVTTFNJIVSBUVUPWFSTJPO
ࣄྫͰֶͿσβΠϯͷݪଇCZ-JGFJT5FDI IUUQXXXTMJEFTIBSFOFULBOB[BXBOBPLJEFTJHOQSJODJQMFT େମ͍͍ײ͡ʹͳΔ,FZOPUFςϯϓϨʔτʮ"[VTBʯ࡞ͬͨ IUUQNFNPTBOPHSBQIJYOFUQPTU
ΤϯδχΞͷͨΊͷ6*σβΠϯ !TIPZB