/var/log/messages

debugging with sixth sense

MaterialDesign における抽象化

先日も以下のドキュメント見つつエントリ入れた記憶があるんですが

Google さん、デザインなレイヤをばっさり抽象化してるな、という事に気づいていたり。抽象化というより標準化って言った方が良いのかどうか。どちらにしてもデザイナさんがやらなきゃ、なことが、というかその量が減っているのではないか。

例えば

  • Material is always 1dp thick. だとか
  • モノ同士の距離を鑑みた影の付けかたしろ、だとか

あるいは以下のページにはかなり詳細な情報が羅列してあります。

こんな細かく定義してもデザイナさんが言うこと聞くんかな、と思ったらこのへんの詳細な実装はライブラリが全部吸収しちゃってるらしい、ということが分かり始めている訳です。

次回もくもくで

がっつり読みつつメモを取るかどうか。ドキュメント全体で結構なボリュームだったりしますね。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
- Material Design
 - Introduction
- What is material?
 - Environment
 - Material properties
 - Elevation and shadows
- Animation
 - Authentic motion
 - Responsive interaction
 - Meaningful transitions
 - Delightful details
- Style
 - Color
 - Icons
 - Imagery
 - Typography
 - Writing
- Layout
 - Principles
 - Units and measurements
 - Metrics & keylines
 - Structure
 - Adaptive UI
- Components
 - Bottom sheets
 - Buttons
 - Buttons: Floating Action Button
 - Cards
 - Chips
 - Data tables
 - Dialogs
 - Dividers
 - Grid lists
 - Lists
 - Lists: Controls
 - Menus
 - Pickers
 - Progress & activity
 - Selection controls
 - Sliders
 - Snackbars & toasts
 - Subheaders
 - Tabs
 - Text fields
 - Toolbars
 - Tooltips
- Patterns
 - App structure
 - Data formats
 - Empty states
 - Errors
 - Gestures
 - Launch screens
 - Loading images
 - Navigation drawer
 - Navigation
 - Navigational transitions
 - Scrolling techniques
 - Search
 - Selection
 - Settings
 - Swipe to refresh
- Usability
 - Accessibility
 - Bidirectionality
- Resources
 - Color palettes
 - Devices
 - Layout templates
 - Roboto & Noto fonts
 - Sticker sheets & icons
- What's new
 - What's new

とりあえず

Layout, Components, Patterns, Usability あたりを云々できんかな。

Comments