strangedeのブログ -23ページ目

strangedeのブログ

ブログの説明を入力します。

Two months ago, Google I / O General Assembly released the Android L and Release Material Design, 2015 Nike Free 5.0 reunification of Google's design language, Google established the future design direction. So, what is the Material Design? I simply translate it as 'the essence of the design.' As the name suggests, this is a design consideration of the nature of things, the electronic screen in the UI element as a kind does not exist in the real world of new material and give it physical properties. So not go Material Design materialized design. Many designers flattened and materialized the opposition, in fact, the two are not antagonistic relationship. But I prefer to call Google's new design language for the abstraction. Whether Apple's design language, or Mens Nike Free Run 3 Shoes Blue 3 Google's design language, as well as for Windows and Facebook Paper Modern UI design language, the general direction is the same, but in the details, but parted ways. Apple and Google a virtual monopoly on the operating system for mobile devices, so we talk about the new release of the Material Design see what design trends in wireless devices. 1. The paper form analog preface mentioned to Material Design is not a matter of the proposed design, nor is it a matter of design intended to emphasize. We know that the electronic screen is totally flattened, unlike the reality of the object is the 3D. A book in the spatial relationship between each sheet of paper is very clear, but so are the object of electronic screen on a flat surface. Although the electronic screen is not the sense of space, but the information content is relevant space hierarchy. And Material Design's solution is to feature real-world paper moved to electronic screen, the content of the information presented in this virtual paper, paper (content) with the relationship between the paper up and down the hierarchy, with the projection of the paper simulation sense of space. Material Design of the projection is not the past, we used to use pictures or style code projection, but the system according to the paper level where real-time Air Max 2011 Womens Blue Black rendering, spatial relationship with the projection will change the size of the paper. Google a few years ago to implement the Card design Mens Nike Free Run 3 Shoes Grey 3 is to simulate the physical form of a design approach paper, but Material Design raise it to the height of the system-level information architecture. In addition, the blur of iOS essence and Material Design paper designed to solve the problem is the same. By simulating the effect of depth of field to express hierarchical relationship of the content information. 2. turn the pages of our cinematic past only X and Y axis, open a new page is stiffly direct jump to a new page, did a little bit of space hierarchy pages. And iOS7 and Material emphasize spatial hierarchy Z axis, namely between pages. iOS in an open app, you click on the page from the app icon to the center of diffusion out of the same design on the Android L are everywhere. By transition animation tells us that NIKE Nike Free 3.0 V4 Women KD 6 NSW this page come from, where to go, what the entire APP or a system where the spatial location is. In addition, not just page-level animated transitions, object manipulation is accompanied by animated transitions, from the animation to feel during operation changes. For example, when removed, there will be a trash dump animated icon, or tell you to remove the process by turning the indicator bar. On the other hand, given the transition animation interface controls a physical characteristics, are stretched in space, when the Nike Air Max rebound mimics the physical properties Womens Nike Lunar of a rubber band. It is worth mentioning that, in the transition animation design, Facebooke Paper is very prominent. 3.icon animation interactive animation in some app already popular, especially Facebook Paper animated impressive. In the future, interactive animation will become the standard, followed, more Nike Free 3.0 V4 Women designers moved to the target icon up. Icon main entrance into the function and operation function, icon operation function after the completion of a click operation, Nike Jordan Hydro 2 usually into another form of corresponding. Such as 'Back' and 'menu,' 'Select' and 'not selected', 'Switch between Favorites' and 'favorited' 'point like' and 'cancellation points like' state. The design is now in, icon switch between the two states often seem stiff, icon animation will make better feedback after clicking strong, and make the interface alive, sexy. HTML5 can already now draw the icon animation principle designers svg format icons have the front end through html + css + js draw transition effects. icon svg format, you can control through the code for each node icon, so the shape deformation. Alibaba MUX team offers a free download of external svg format icon: http:. //www.iconfont.cn/4 Large color action barMaterial Design language bright spots in addition to a wealth of interactive animation, there Large-scale use of bright color. Android past people feel cold sense of technology, people have a sense of distance. The new design uses a contrast with past practice, the large-scale use in the system color, use color to highlight the main content and the title, make the interface Nike Free 3.0 V4 Men better highlight the primary and secondary sense, but also so that the original gray-black-based interface has a stylish and dynamic. Multi-use color selection color saturation, lightness moderate color, overall have a relatively strong visual impact, but it will not be too harsh. Action bar also from past dark gray color to color, and let the status Air Jordan Outlet bar with integrated, this point iOS7 design is very similar. 5.FAB (Floating Action Button) on Google videos, the most compelling new stuff, this is the small round button on the naughty. From the videos in view, this button's function is not limited to the 'New' 'Play' 'Favorites' 'More' and other functions. It is formed in the overall interface is relatively large color contrast, so let this button in the interface where it is very bright, from such a design point of view, this button will have to bear the task of the main operation of the entire interface. Although somewhat similar to Path in the '+' button, but the iOS system itself and there is no such design, which will become one of the most distinguished iOS interaction design, Nike Air Max 95 Women interactive designers and product managers are likely to become a challenge. 6. No Borders button in iOS7 design, we have seen such a shadow. The most typical is the 'Back' button and copy only the arrows, remove the original button texture. Material Design The action bar also uses this design, directly expressed icon button function. Especially the Material style keyboard NIKE KD 6 NSW design, the first keyboard Mens Nike Free Run 3 Shoes Blue 3 style minimalist design of Microsoft's Windows Phone, Android and iOS followed suit. And this Material go more extreme, the keyboard button border all removed, leaving only the letters of the button. We can not say that such a design must be good, this design may allow the user can not quickly determine the accuracy of the click, the lack of security. Benefits are not on the screen phone, remove the border crowding bigger space will give the letter. In addition, no border button design also reflected in the prompt box buttons. How to make a borderless Button distinguished from content writing, which requires designers to consider in addition to the color, but also need to consider the scene buttons that appear on the designer's also a challenge to the interpretation of application scenarios. 7. Focus the bigger one with wide, vertical direction of the screen, etc. occupy about half of the screen the big picture, remove action bar, leaving only the back button design, two years ago on a very popular summly application has been very fire ʱ?? There are also some follow-up this design applications (such as Taobao), but not a large area popular. Material Design is bold use of such a design. Under Google's guidance, this design style will likely swept up.Material Design leading design trends