New Google tool helps developers pick the right colors for their apps

Based on its material design guide, Google begins to create a unified set of ideas so that developers can think about various aspects of application design, from basic layout to effective use of animation It was. As part of these guidelines, we also provide some ideas on how to optimally use colors. Today it is expanding to introduce new color tools designed to allow developers and designers to choose the palette suitable for their application.

New tools will help developers create and share color palettes, but perhaps most importantly, it also applies color schemes to the sample user interface and to various Material Design components of CodePen. For front-end Web developers

Another interesting aspect of the new tool is that the readability of color scheme text is automatically evaluated. This evaluation is based on Web content accessibility guidelines focusing on the contrast of text and background so that the visually impaired is easier to read online (However, it is necessary to read many dark gray texts on a light gray background There is. Please know that this is a problem)

Material color - We used a fill style for all major and auxiliary application colors, all focus levels of layout, and multiple samples of surface color. Changing the theme according to the brand color is as simple as choosing a new color. We also included a page for accessing the inventory item palette. Alternatively, you can use Google's new color tool as a starting point. Material type - Text style was created for all styles specified in the material design specification. By default, these settings are Roboto, but you can easily redefine it to use brand fonts. If you change the style to a different font, the changes are immediately reflected in the entire system. To fine-tune the size of the system, you may need to adjust the size and spacing of the types. As the suite evolves, I am planning to include some predefined size suggestions for some of the most popular Google fonts.

When developing an Android application, you need to support multiple screen sizes, but Google offers a layout tool that helps developers create apps that fit every screen size. Your designer will create visual design assets for common aspect ratio, and your mobile developer will use the code to support other screen sizes. Designers need to communicate directly with developers when tuning the iOS UI to Android to make sure the implementation of Android UI design is easy. Designers can easily copy all iOS user interfaces according to Google's Material Design language, but sometimes you need to rethink about specific features and animations for Android.