¿Qué es Material Design? Google libera iconos de material design y su guía.
Google Material Design: un regalo de Google para todos los diseñadores. Google ha liberado recientemente su Material Design el cual es una librería de diversos recursos gráficos y de animaciones para nuestras webs, desde íconos hasta layouts, sin duda una gran aportación del gran Google, espero los recursos ofrecidos les sean de utilidad. ¿Qué es Material Design? Google libera iconos de material design y su guía.
Google quiere darle un aire nuevo a la interfaz de Android y aplicaciones para Chrome y la Web y ha liberadol os recursos de Material Design
¿Qué es Material Design?
Material design es un lenguaje de diseño desarrollado por Google y anunciado en la conferencia Google I/O celebrada el 25 de junio de 2014. Ampliando la interfaz de tarjetas vista por primera vez en Google Now, Material se trata de un diseño más limpio. Es el nuevo cambio en la interfaz de Google. Google lo llama Material Design y explica que es un «lenguaje visual» que unifica todas sus plataformas en todas las pantallas: móviles, tablets, PCs.
Material Design quiere servirse de un diseño común para un amplio rango de dispositivos, haciendo que la experiencia de usuario sea mucho mejor. Desde nuestro smartphone, pasando por la Web, y por supuesto con las tablets, que también podrán usar este lenguaje de diseño.
Material Design es responsive y adaptativo, usable, colorido, muy enfocado en la iconografía, en el movimiento y en la profundidad: los desarrolladores deciden qué píxeles están encima de qué otros píxeles y la interfaz lo representa con luces y sombras, animaciones 3D y en definitiva la sensación de estar jugando con superficies reales. Además incluye una renovación de la tipografía Roboto para ésta que pueda adaptarse correctamente a todas las plataformas.
Material design es usado en Android Lollipop, la nueva versión del sistema operativo Android que acaba de ser lanzada. Material design también es usado en Google Drive y Google Docs, Sheets, Gmail y Slides, y se está extendiendo progresivamente a todos los productos de Google.
Google libera su material design, buen recurso que ayuda a realizar buenos diseños.
¿Qué contiene el paquete de iconos Material Design?
SVG versiones de todos los iconos a 24px y 48px.
SVG and CSS sprites de todos los iconos
1x, 2x iconos pra la web (PNG)
1x, 2x, 3x iconons para iOS (PNG)
Hi-dpi versiones de todos lso iconos en (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi) (PNG)
Ver todos los iconos de Material Design.
Iconos de Material Design (action)
3d rotation
accessibility
account balance
account balance wallet
account box
account child
account circle
add shopping cart
alarm
alarm add
alarm off
alarm on
android
announcement
aspect ratio
assessment
assignment
assignment ind
assignment late
assignment return
assignment returned
assignment turned in
autorenew
backup
book
bookmark
bookmark outline
bug report
cached
class
credit card
dashboard
delete
description
dns
done
done all
event
exit to app
explore
extension
face unlock
favorite
favorite outline
find in page
find replace
flip to back
flip to front
get app
grade
group work
help
highlight remove
history
home
https
info
info outline
input
invert colors
label
label outline
language
launch
list
lock
lock open
lock outline
loyalty
markunread mailbox
note add
open in browser
open in new
open with
pageview
payment
perm camera mic
perm contact cal
perm data setting
perm device info
perm identity
perm media
perm phone msg
perm scan wifi
picture in picture
polymer
query builder
question answer
receipt
redeem
reorder
report problem
restore
room
schedule
search
settings
settings applications
settings backup restore
settings bluetooth
settings cell
settings display
settings ethernet
settings input antenna
settings input component
settings input composite
settings input hdmi
settings input svideo
settings overscan
settings phone
settings power
settings remote
settings voice
shop
shop two
shopping basket
shopping cart
speaker notes
spellcheck
star rate
stars
store
subject
supervisor account
swap horiz
swap vert
swap vert circle
system update tv
tab
tab unselected
theaters
thumb down
thumb up
thumbs up down
toc
today
track changes
translate
trending down
trending neutral
trending up
turned in
turned in not
verified user
view agenda
view array
view carousel
view column
view day
view headline
view list
view module
view quilt
view stream
view week
visibility
visibility off
wallet giftcard
wallet membership
wallet travel
work
Iconos de Material Design (alert)
error
warning
Iconos de Material Design (av)
album
av timer
closed caption
equalizer
explicit
fast forward
fast rewind
games
hearing
high quality
loop
mic
mic none
mic off
movie
my library add
my library books
my library music
new releases
not interested
pause
pause circle fill
pause circle outline
play arrow
play circle fill
play circle outline
play shopping bag
playlist add
queue
queue music
radio
recent actors
repeat
repeat one
replay
shuffle
skip next
skip previous
snooze
stop
subtitles
surround sound
video collection
videocam
videocam off
volume down
volume mute
volume off
volume up
web
Iconos de Material Design (communication)
business
call
call end
call made
call merge
call missed
call received
call split
chat
clear all
comment
contacts
dialer sip
dialpad
dnd on
forum
import export
invert colors off
invert colors on
live help
location off
location on
message
messenger
no sim
phone
portable wifi off
quick contacts dialer
quick contacts mail
ring volume
stay current landscape
stay current portrait
stay primary landscape
stay primary portrait
swap calls
textsms
voicemail
vpn key
content
add
add box
add circle
add circle outline
archive
backspace
block
clear
content copy
content cut
content paste
create
drafts
filter list
flag
forward
gesture
inbox
link
markunread
redo
remove
remove circle
remove circle outline
reply
reply all
report
save
select all
send
sort
text format
undo
Iconos de Material Design (device)
access alarm
access alarms
access time
add alarm
airplanemode off
airplanemode on
battery 20
battery 30
battery 50
battery 60
battery 80
battery 90
battery alert
battery charging 20
battery charging 30
battery charging 50
battery charging 60
battery charging 80
battery charging 90
battery charging full
battery full
battery std
battery unknown
bluetooth
bluetooth connected
bluetooth disabled
bluetooth searching
brightness auto
brightness high
brightness low
brightness medium
data usage
developer mode
devices
dvr
gps fixed
gps not fixed
gps off
location disabled
location searching
multitrack audio
network cell
network wifi
nfc
now wallpaper
now widgets
screen lock landscape
screen lock portrait
screen lock rotation
screen rotation
sd storage
settings system daydream
signal cellular 0 bar
signal cellular 1 bar
signal cellular 2 bar
signal cellular 3 bar
signal cellular 4 bar
signal cellular connected no internet 0 bar
signal cellular connected no internet 1 bar
signal cellular connected no internet 2 bar
signal cellular connected no internet 3 bar
signal cellular connected no internet 4 bar
signal cellular no sim
signal cellular null
signal cellular off
signal wifi 0 bar
signal wifi 1 bar
signal wifi 2 bar
signal wifi 3 bar
signal wifi 4 bar
signal wifi off
signal wifi statusbar 1 bar
signal wifi statusbar 2 bar
signal wifi statusbar 3 bar
signal wifi statusbar 4 bar
signal wifi statusbar connected no internet 1
signal wifi statusbar connected no internet
signal wifi statusbar connected no internet 2
signal wifi statusbar connected no internet 3
signal wifi statusbar connected no internet 4
signal wifi statusbar not connected
signal wifi statusbar null
storage
usb
wifi lock
wifi tethering
Iconos de Material Design (editor)
attach file
attach money
border all
border bottom
border clear
border color
border horizontal
border inner
border left
border outer
border right
border style
border top
border vertical
format align center
format align justify
format align left
format align right
format bold
format clear
format color fill
format color reset
format color text
format indent decrease
format indent increase
format italic
format line spacing
format list bulleted
format list numbered
format paint
format quote
format size
format strikethrough
format textdirection l to r
format textdirection r to l
format underline
functions
insert chart
insert comment
insert drive file
insert emoticon
insert invitation
insert link
insert photo
merge type
mode comment
mode edit
publish
vertical align bottom
vertical align center
vertical align top
wrap text
Iconos de Material Design (file)
attachment
cloud
cloud circle
cloud done
cloud download
cloud off
cloud queue
cloud upload
file download
file upload
folder
folder open
folder shared
Iconos de Material Design (hardware)
cast
cast connected
computer
desktop mac
desktop windows
dock
gamepad
headset
headset mic
keyboard
keyboard alt
keyboard arrow down
keyboard arrow left
keyboard arrow right
keyboard arrow up
keyboard backspace
keyboard capslock
keyboard control
keyboard hide
keyboard return
keyboard tab
keyboard voice
laptop
laptop chromebook
laptop mac
laptop windows
memory
mouse
phone android
phone iphone
phonelink
phonelink off
security
sim card
smartphone
speaker
tablet
tablet android
tablet mac
tv
watch
Iconos de Material Design (image)
add to photos
adjust
assistant photo
audiotrack
blur circular
blur linear
blur off
blur on
brightness 1
brightness 2
brightness 3
brightness 4
brightness 5
brightness 6
brightness 7
brush
camera
camera alt
camera front
camera rear
camera roll
center focus strong
center focus weak
collections
color lens
colorize
compare
control point
control point duplicate
crop 16 9
crop
crop 3 2
crop 5 4
crop 7 5
crop din
crop free
crop landscape
crop original
crop portrait
crop square
dehaze
details
edit
exposure
exposure minus 1
exposure minus 2
exposure plus 1
exposure plus 2
exposure zero
filter 1
filter
filter 2
filter 3
filter 4
filter 5
filter 6
filter 7
filter 8
filter 9
filter 9 plus
filter b and w
filter center focus
filter drama
filter frames
filter hdr
filter none
filter tilt shift
filter vintage
flare
flash auto
flash off
flash on
flip
gradient
grain
grid off
grid on
hdr off
hdr on
hdr strong
hdr weak
healing
image
image aspect ratio
iso
landscape
leak add
leak remove
lens
looks
looks 3
looks 4
looks 5
looks 6
looks one
looks two
loupe
movie creation
nature
nature people
navigate before
navigate next
palette
panorama
panorama fisheye
panorama horizontal
panorama vertical
panorama wide angle
photo
photo album
photo camera
photo library
portrait
remove red eye
rotate left
rotate right
slideshow
straighten
style
switch camera
switch video
tag faces
texture
timelapse
timer 10
timer
timer 3
timer auto
timer off
tonality
transform
tune
wb auto
wb cloudy
wb incandescent
wb irradescent
wb sunny
Iconos de Material Design (maps)
beenhere
directions
directions bike
directions bus
directions car
directions ferry
directions subway
directions train
directions transit
directions walk
flight
hotel
layers
layers clear
local airport
local atm
local attraction
local bar
local cafe
local car wash
local convenience store
local drink
local florist
local gas station
local grocery store
local hospital
local hotel
local laundry service
local library
local mall
local movies
local offer
local parking
local pharmacy
local phone
local pizza
local play
local post office
local print shop
local restaurant
local see
local shipping
local taxi
location history
map
my location
navigation
pin drop
place
rate review
restaurant menu
satellite
store mall directory
terrain
traffic
Iconos de Material Design (navigation)
apps
arrow back
arrow drop down
arrow drop down circle
arrow drop up
arrow forward
cancel
check
chevron left
chevron right
close
expand less
expand more
fullscreen
fullscreen exit
menu
more horiz
more vert
refresh
unfold less
unfold more
Iconos de Material Design (notification)
adb
bluetooth audio
disc full
dnd forwardslash
do not disturb
drive eta
event available
event busy
event note
folder special
mms
more
network locked
phone bluetooth speaker
phone forwarded
phone in talk
phone locked
phone missed
phone paused
play download
play install
sd card
sim card alert
sms
sms failed
sync
sync disabled
sync problem
system update
tap and play
time to leave
vibration
voice chat
vpn lock
Iconos de Material Design (social)
cake
domain
group
group add
location city
mood
notifications
notifications none
notifications off
notifications on
notifications paused
pages
party mode
people
people outline
person
person add
person outline
plus one
poll
public
school
share
whatshot
Iconos de Material Design (toggle)
check box
check box outline blank
radio button off
radio button on
star
star half
star outline
Recursos para Material Design
Web para ver todos los iconos http://google.github.io/material-design-icons/
Material Design Introducción al diseño: http://www.google.com/design/spec/material-design/introduction.html
Íconos para descargar: https://github.com/google/material-design-icons
Web de Google Design http://www.google.com/design/
Descargar WebDesigner de Google https://www.google.com/webdesigner/
. Leer artículo completo en Frikipandi ¿Qué es Material Design? Google libera iconos de material design y su guía..