Google Developers Japan: I/O 2014 アプリに学ぶマテリアルデザイン

Local blog for Japanese speaking developers

I/O 2014 アプリに学ぶマテリアルデザイン

2014年8月6日水曜日

荒木佑一Developer Relations Team元記事Google I/O 2014 アプリのソースコードアナウンスマテリアルデザインという新しいアプローチAndroid L Developer Preview表面と影レイアウト指針

第一段階

第二段階

最終段階

Fragmentレイアウト XML色1 つの主要色と 1 つの強調色

ピンク 500XML 色定義テーマ XML

セッションのテーマカラー。FAB と隣り合わせに並べてコントラストがわかりやすくしてあります

彩度を落としたテーマカラー。パレット上すべてで明るさに一貫性があることがわかります

マージンキーライン

グリッドコードを参照

楽しい細部明るい波紋暗い波紋

今後の展開公開されています

ラベル

.app 1
.dev 1
#DevFest16 1
#DevFest17 1
#DevFest18 1
#hack4jp 3
A/B Testing 1
A4A 4
Actions on Google 14
Activation Atlas 1
Addy Osmani 1
ADK 2
AdMob 31
Ads 28
Ads API 21
AdWords API 9
Agency 1
AI 3
AIY 3
AIY Vision Kit 2
ALPN 1
AMP 71
AMP Cache 5
AMP for Email 1
AMP Story 2
amp-bind 1
AMPHTML Ads 1
Analytics 9
Andorid 12
Android 313
Android Auto 1
Android Design Support Library 1
Android Developer Story 4
Android Developers 4
Android Go 1
Android Jetpack 2
Android N 18
Android O 13
Android P 7
Android Pay 1
Android Q 2
Android Security Year in Review 1
Android Studio 32
Android Support Library 5
Android Things 15
Android TV 10
Android Vitals 3
Android Wear 29
androidmarket 3
AndroidX 2
Angular 2
Angular 2 2
AngularJS 2
API 25
APIExpert 45
apk 2
app 3
App Action 1
app engine 23
App Indexing 7
App Invites 6
App Maker 2
AppCompat 2
Apps Script 11
aprilfool 4
AR 2
Architecture Components 6
ARCore 1
ArtTech 1
Associate Android Developer Certificate 1
Audio 6
Auth Code 1
Authentication 8
AuthSub 2
Autotrack 2
Awareness API 1
Beacons 6
Better Ads Standards 1
BigQuery 9
Billing 1
BLE 4
Blink 1
Blockly 1
blogger 1
BodyPix 1
Brillo 1
Brotli 2
Budou 1
Calendar 3
Cardboard 4
Career 1
Case Study 1
Certificate 2
chrome 106
Chrome Custom Tab 2
Chrome Dev Summit 2
chrome extension 6
Chrome for Android 2
Chrome for iOS 2
Chrome OS 2
Chrome Tech Talk Night 3
Chromebook 3
Chromecast 7
chromewebstore 6
Chromium 5
CLI 1
ClientLogin 3
Closure Compiler 1
Cloud 20
Cloud Firestore 3
Cloud Functions 9
Cloud IoT Device SDK 1
Cloud Next 6
Cloud OnBoard 3
Cloud PubSub 1
Cloud Storage 1
Cloud Study Jams 2
Cloud Test Lab 2
Coalition for Better Ads 1
CocoaPods 1
codejam 5
codelab 4
Colaboratory 1
Community 1
compute engine 3
Context 1
Coral 2
Crash Reporting 2
Crashlytics 1
Dart 2
DataCenter 1
Daydream 4
Deep Learning 3
Demo Party 1
Design Sprint 3
DesignBytes 1
DevArt 3
DevBytes 6
Developer 14
Developer Console 4
Developer Preview 6
Developer Relations 2
DevFest 7
DevFestX 3
DevOps 1
devtools 4
Dialogflow 1
DirectShare 1
Domain 1
Doodle 1
DoubleClick 4
Doze モード 1
drive 2
Dynamic Links 3
EarlGrey 1
Easter Egg 1
ECMAScript 2015 1
Eddystone 4
egypt 1
Encryption 1
English 2
ES2015 1
ES2016 1
ES6 2
ES7 1
Featured 2
Firebase 107
Firebase Admin SDK 6
Firebase Analytics 10
Firebase Auth 4
Firebase Cloud Messaging 10
Firebase Crashlytics 2
Firebase Database 5
Firebase Libraries 1
Firebase Notifications 1
Firebase Performance 3
Firebase Remote Config 5
Flash 1
Flutter 4
font 3
fraud 1
G Suite 18
game 28
Game Developers Conference 2018 1
Gboard 1
GCP 6
GCPUG 1
GDD11JP 56
GDD2010JP 23
GDE 2
GDG 15
GDG Cloud 1
Geo 50
Gingerbread 1
GLIDE 5
Gmail 4
Gmail API 2
Go 1
golang 5
goo.gl 1
Google 5
Google Analytics 3
Google API 1
Google Apps 14
Google Apps Script 4
Google Assistant 7
Google Assistant SDK 1
Google Cast 8
Google Cloud 20
Google Cloud INSIDE Games & Apps 6
Google Cloud Messaging 11
Google Cloud Platform 11
Google Code-in 1
Google Developer Experts 2
Google Developers Academy 1
Google Developers live 5
Google Developers Summit 2
Google Drive 6
Google Fit 2
Google for Mobile 2
Google for Work 1
Google I/O 10
Google Impact Challenge 1
Google Maps 55
Google Maps Platform 3
Google Pay 1
Google Play 90
Google Play Console 6
Google Play Game Services 9
Google Play Instant 1
Google Play Services 22
Google Plus 14
Google Search 7
Google Sheets API 3
Google Sign-In 12
Google Slides API 5
Google Summer of Code 1
Google Tag Manager 1
Google Trust Services 1
Google マップ 3
Google+ 2
Googleapps 10
GoogleGames 1
GoogleI/O 28
GoogleLabs 1
GooglePlay 1
GoogleTV 1
Gradle 1
gRPC 2
GTUG 5
GWT 2
hack4jp 2
hackathon 7
Hangouts Chat 2
Hosting 3
HTML5 17
HTML5Rocks 1
HTTP/2 5
HTTPS 11
ID Token 1
Identity 14
Identity Toolkit 1
Ignite 4
IME 11
Indie Games Festival 2018 2
Indie Games Festival 2019 5
Inevitable ja Night 18
Instant Apps 5
intern 2
Invites 1
iOS 20
IoT 6
IPv6 1
Issue Tracker 2
Japanese Input 1
JavaScript 7
Jetpack 1
K-12 1
Key Transparency 1
Knowledge Graph 1
Kotlin 5
l10n 8
LaunchPad 1
Lighthouse 1
LINE 1
Local AI 1
Lollipop 10
Machine Learning 18
Marshmallow 10
Material 1
Material Design 27
MDL 1
MDN 1
MIDI 2
ML Kit 5
Mobile 12
Mobile Bootcamp 4
Mobile Sites certification 1
Mobile Vision 4
mod_pagespeed 1
monetize 3
Mozc 15
Music 1
NativeDriver 2
NativeScript 1
NBU 1
ndk 3
Nearby 5
Next Extended 1
Next Tokyo 1
Nexus 2
Nexus S 1
NFC 1
Node.js 3
Noto CJK 1
NPAPI 2
NPN 1
oauth 11
OpenAI 1
OpenGL 4
OpenID 3
OpenID Connect 4
OpenSocial 1
opensource 17
Optimization 1
Payment 4
PEM 31
People API 2
Performance 12
Performance budget 1
PersonFinder 1
Physical Web 3
Pi 1
Place Picker 1
Play Billing Library 1
Player Analytics 4
Playtime 2017 1
Policy 4
Polymer 7
Progressive Web Apps 13
project hosting 1
Promise 1
Promo code 1
Protocol Buffers 1
PRPL 1
publicdata 1
Push API 1
Push Notification 3
PWA 2
Python 2
QUIC 1
QWIKLABS 2
RAIL 1
React 1
React Native 2
Realtime Database 9
reCaptcha 1
Redux 1
Remote Config 3
Remote Display API 1
Resonance Audio 1
Rewarded Video Ads 2
Runtime Permission 1
Safe Browsing 1
Sample Code 2
Santa Tracker 1
schema.org 1
secur 1
security 44
Service Worker 4
SHA-1 1
sketchup 1
SmartLock for Passwords 4
social 4
Social Good 1
SPDY 3
speak2tweet 1
Spreadsheet 3
startup 5
Storage 2
story 1
streetview 3
Study Jams 5
Swift 2
SwiftShader 1
Symantec 1
Task 4
Team Drive 1
techtalk 12
TensorFlow 23
TensorFlow Federated 1
TensorFlow Lite 3
TensorFlow Object Detection API 1
TensorFlow Probability 2
TensorFlow.js 1
test 4
Test Lab 6
ToS 1
Transliteration 1
Twitter 1
Udacity 20
Unity 3
UX 4
V8 2
VP9 1
VR 11
Vulkan 2
Watch Face 2
wave 2
Wear OS 2
Weave 1
Web 17
Web Animations 1
Web Components 6
Web Manifest 1
Web Packaging 2
WebAssembly 3
WebGL 1
WebMusic 5
WebView 1
WTM 4
Xcode 1
YouTube 16
YouTube API 1
インタビュー 1
コードサンプル 1
プライバシー 1
言論の自由 1
節電 3
東日本大震災 9
日本語入力 41

ブログアーカイブ

2019
- 4
- 3
- 2
- 1

2018
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2017
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2016
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2015
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2

2014
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2013
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2012
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2011
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2010
- 12
- 11

Feed

Googleon

"プロダクトに関するご意見はプロダクトフォーラムにお願いします"

Google Japan

Google Japan Blog
Google ウェブマスター向け公式ブログ
Google Apps アップデートブログ

Products

Android Blog
Chrome Blog
Lat Long Blog

Developers

Google Developers
Google Developers Japan YouTube
Google Developers Japan Forum

Google
Privacy
Terms