Setelah beberapa bulan lalu Google mengenalkan Material Design pada konferensi tahunannya di Google I/O, akhirnya saat ini pengguna Android dapat merasakan Material Design dalam kemasan Android Lollipop! Nah kali ini akan dibahas prinsip-prinsip dasar dari Material Design. Para desainer pasti sudah tahu prinsip-prinsip pada desain Android sebelumnya, namun apa saja yang telah dikembangkan oleh tim desain Google pada Material Design? Ini dia..
- Paper & InkInspirasi dasar dibalik MD (Material Design) adalah material sederhana – dari kertas dan tinta. Kertas dianggap sebagai elemen antarmuka, sedangkan tinta ialah warna, animasi adalah riak, dinamika ialah gerak, dan bakat dalam desain.
- Co-Planar PaperIni adalah istilah dasar saat kita membicarakan MD. Dalam referensi terhadap sebuah kertas, berarti dua bagian dari sebuah kertas. Bagaimana membagi sumbu Z dalam sebuah kertas. Dan titik-titik temu daris setiap bagian dari sisinya
- Layering & Z-AxisSalah satu komponen besar dari MD ialah kedalaman dan sumbu Z. Sumbu Z tegak lurus terhadap kedua sumbu X dan Y, ini digunakan desainer untuk memposisikan elemen. Tapi pada Android Lollipop secara mengejutkan tidak hanya berdasarkan pada sumbu Z namun juga unsur ruang, membuat efek shadow dengan sempurna, secara umum menggunakan prinsip penyinaran secara global. Shadow yang dapat berubah tergantung pada masing-masing elemen.
Chet Haase menjelaskan bahwa pekerjaan yang mereka lakukan pada MD tidak secara khusus diputuskan pada proyeksi ortografis, dimana shadow berada pada posisi elemen.
- FAB (Floating Action Button)FAB akan menjadi salah satu prinsip besar dari desain Android. Contohnya adalah lingkaran kecil di bagian bawah pojok kanan pada Google+. FAB dimaksudkan untuk memberikan titik akses yang jelas dan mudah bagi pengguna, dan menjadi ciri pada setiap tampilan sebuah aplikasi. FAB bersifat fleksibel, dapat juga menjadi tombol utama, dan juga digunakan pada bagian menu lainnya.
- Color & ContrastIni merupakan aspek penting dari MD lainnya. Desainer dan engineer Android telah membawa Android jauh lebih berwarna. Dan pada Android Lollipop pengembang akan lebih mudah memadukan warna pada aplikasi mereka.
- PaletteDitujukan untuk membuat aplikasi berwarna, konsisten, masuk akal, dan mudah untuk digunakan. Secara dasar Palette akan memeberikan pilihan warna yang mencolok seperti pada source asset dan menentukan elemen menjadi dark muted, dark vibrant, muted, vibrant, light muted, light vibrant.
- A New, More 'Optimistic' RobotoRoboto telah menjadi standar desain font Android sejak versi Ice Cream Sandwich. Robot telah disempurnakan dan sekarang menjadi lebih fleksibel.
- ImageryPada MD, Google memberikan tampilan yang jauh lebih mudah dan menarik. Tampilan pada galeri, memunculkan hasil yang lebih baik dan relevan. Avatar dan thumbnail memberikan informasi dan penunjuk yang lebih jelas dan mudah.
- Telling A Complete Stroy with MotionDesain gerak menjadi lebih hidup dan terasa pada MD. Pada tampilan antarmuka, saat pengguna menyentuh layar mereka akan mendapatkan dan meraskan efek yang berbeda dari lainnya. Konten antarmuka juga juga memberikan detil pada bagian kecil.
- GridMassimo Vignelli mengatakan bahwa grid adalah pakaian dari sebuah desain. Google memberi pedoman pada desainer mereka seperti mengatur garis di 16 dan 72 dp, atau 40dp pada dasar grid yang digunakan. Grid mendasari konten dan menjadikan elemen lebih rapi.
- And So Much MoreSudah jelas bahwa desainer dan engineer Android telah memberikan jutaan ide dan usah untuk membuat desain Android jauh lebih baik.
Article in English
After a few months ago Google introduced Materials Design at its annual conference at the Google I/O, finally this time Android users can feel Materials Design in Android Lollipop packaging! Well this time will discuss the basic principles of Materials Design. The designer surely has known the principles of the design of Android before, but what has been developed by Google design team in Materials Design? Here it is ..
• Paper & Ink
Basic inspiration behind MD (Materials Design) is a simple material - from paper and ink. The paper is considered as an element of the interface, while the ink is color, animation is a ripple, is the dynamics of motion, and talent in design.
• Co-Planar Paper
This is a basic term when we talk about MD. In a reference to the paper, the two parts of a paper. How to divide the Z-axis in a paper. And meeting points from every part of the side.
• Layering & Z-Axis
One major component of the MD is the depth and the - axis perpendicular to the axis X and Y, is used designer to position elements. But on Android Lollipop surprisingly not only based on the Z-axis, but also elements of space, create a shadow effect perfectly, generally using the principle of global irradiation. Shadow which can be changed depending on each element.
Chet Haase explains that the work on the MD is not specifically decided on an orthographic projection, where the shadow is at the position of the element.
• FAB (Floating Action Button)
FAB will become one of the major principles of the design of Android. An example is the small circle at the bottom right corner on Google+. FAB is intended to provide a clear point and easy access for users, and a feature on each display an application. FAB is flexible, it can also be a primary key, and also used in the other menus.
• Color and Contrast
This is an important aspect of other MD. Designers and engineers have brought Android Android is much more colorful. And the Lollipop Android developers will be easier to integrate the color on their application.
• Palette
Intended to create colored applications, consistent, reasonable, and easy to use. On the basis of the Palette will be giving out the striking color options as the source of assets and determine the elements become muted dark, vibrant dark, muted, vibrant, muted light, vibrant light.
• A New, More 'Optimistic' Roboto
Roboto font design has been the standard since version of Android Ice Cream Sandwich. Robots have been refined and is now becoming more flexible.
• Imagery
In MD, Google gives the appearance of a much more convenient and attractive. Display in the gallery, bring better results and relevant. Avatar and thumbnail provide information and bookmark clearer and easier.
• Telling A Complete stroy with Motion
Motion design becomes more alive and felt in MD. At the interface, when the user touches the screen they will get and feel a different effect than others. Content also interface also gives details on small parts.
• Grid
Massimo Vignelli say that the grid is the underwear of a design. Google gives guidance on their designers such as arranging a line at 16 and 72 dp, or 40dp on the basis of the grid used. Underlying grid element content and make neater.
• And So Much More
It is clear that the designers and engineers Android has given millions of ideas and need to make Android a much better design.
Developers will adapt and explore further on MD. And adaptation users also unlikely to be a problem or trouble. Adaptation applications at MD will make everything look much better and feel a greater experience, and will certainly encourage the ecosystem further.
*this article is for softskill assignment for Gunadarma University
Name: Oky Oktavian Asha
Class: 3IA19
NPM: 55412593
source: http://www.androidpolice.com/2014/07/02/google-is-making-android-a-beautiful-dynamic-scrapbook-a-closer-look-at-material-design/
http://www.theverge.com/2014/11/12/7203161/android-5-0-lollipop-review
0 comments