From 2012 to 2014, each for Web design trends we forecast, mentioned responsive design; web design trends in 2015, in response to the formula continues. This experience is still hot a few years responsive, in the past few years, the rapid consolidation of its position, and set off 2014 Nike KD 7 653997-001 Mens Basketball Shoes Orange Blue White Factory Outlet a wave of new standards for web design. Here we have some information based on the literature and my own humble opinion, to talk about some of the status and trends in responsive design. Source From May 2010, Ethan Marcotte (Ethan Marcotte) in 'A List Apart' wrote a seminal article (titled 'Responsive Web Design'), he Nike Zoom Kobe has been using three tools: Nike Basketball Fluid Layout (fluid grids), media inquiries (media queries) and the elastic image (scalable images) to create a Web site can be beautifully displayed in different screen resolution. Ethan Marcotte urged those Web designers are going to take advantage of the unique characteristics of the design to be: 'We can be on different networked devices many experience a different side of the same site as the experience to deal with, rather than for each device individually tailored and designed so disconnected from each other, this is the way forward. Although we have been able to design the best visual experience, but also to the standards-based technology is also embedded into our design to go, so as to make Our design not only flexible, but also render them adapt to a variety of media. 'Ethan Marcotte prove the existence of a device can be provided in a variety of experiences superior method, but this method does not Nike Air Jordan 5 Women ignore differences between different devices It is not emphasized control of the designer, but chose to go with the flow and embrace the Web's flexibility. Here briefly under three concepts mentioned above: fluid layouts (fluid grids), media inquiries (media queries) and the elastic image (scalable images) were originally refers to some of the existing technical means, but do responsive design course of the study, these concepts still have a broader sense, designers should understand: Mobile layout: especially as a percentage of the original layout of the unit of measurement technology implementation. Not here on a variety of concepts such as flow layout, flexible layout, fluid grid, and so do them out. We regard the system as a great concept: in the layout design in response, no longer in pixels (px) as the sole unit, instead of using a percentage or a mixture percentage, pixels, design a more flexible layout. Media inquiries: Media inquiries lets you query according to the specific Mens Nike Free 3.0 V2 Shoes Black Blue environment in a variety of attributes - such as device type, resolution, screen size and color and other physical - to decide what kind of style applications. By using media queries, you can get to the characteristics of the device and the device, and the program gives common ground, so as to solve the problem before you left in a simple layout design. Flexible Image: With elastic layout picture as one of the important information in the form must also have a more flexible way to adapt to changes in the layout. Personally I think that the concept of elasticity image is made when Ethan Marcotte product design proposed in the follow-up study we can picture the typical expanded scope of the study: In addition to pictures, but also should include research responds icons, graphics, video and other information content. Prevailing design concept from the proposed response, has been spreading diffusion, and accepted by all parties of the main reasons: the external environment: the rapid growth and diversification can be increasingly intensified networking equipment, so now there is no longer a standard screen size ; its own characteristics: the strict definition of responsive generally refers responsive Web design, and Web, with its unique flexibility and plasticity, can be adapted to a variety of sizes and configurations of devices Nike Air Jordan XX8 that can be everywhere. Internal demand: a responsive design concept proposed major sites and platforms are hoping to adopt this Law shall be ten thousand a model, you can more flexibly adapted to more devices, especially now that the era of big mobile device bursting. Of course, not all cases should be used as it should be with a responsive design, then under what circumstances is more suitable for Responsive it? You want to save costs to adapt to more scenarios: \u0026 gt; resources are limited, but always hoping to use limited resources to obtain greater value. Although compared to the development of a common website design is to create a responsive site, Air Max 2011 Dark Black Blue the required manpower and time resources will increase, but compared Nike Air Max to different devices to create multiple versions of costs were still much lower; from maintenance point of Air Jordan Outlet view, will be a lot easier. You do not know to design and develop new products more suited to which scene: \u0026 gt; selected by predicting its core equipment were then designed, it would be better to spend some thought will have more flexibility to build the site, so that in a variety of devices are have as excellent experience. Because in every respect under all circumstances unknown, so the prediction will intensify the process of risk, so that the result there is a huge challenge. You want your website to the new device is compatible with the future: \u0026 gt; an endless stream of new equipment, rather than passively update maintenance, better to take the status quo, to become responsive. Of course here it is more suitable to say, in fact, as long as the individual project resources and time permitting, basically most of the sites can try to achieve 2015 Nike Free 5.0 responsive; and for the first try responsive design to be Nike Air Max 2011 Men started from the 'simple view-page.' Most of the current site, select the mode to become responsive design patterns are mainly two: Based on the equipment: to determine the layout of breakpoints (break point) by major equipment types and sizes, designed several sets of styles, and then were projected onto Nike Air Max 2011 Men the response of the device. Content priority: based on the content of readability, legibility as determined breakpoints 378037 010 Original?CBlack-True Red-White Air Jordan 11 Retro Nike Kids Sneakers Factory Outlet (break point) of standards, that the content in the layout design, they can ignore the equipment, when the content of the decision requires a different presentation. Personal content priority mode or tendency, Lebron Slide 2 Elite this is the real core strategy in line with responsive design patterns, but also on the future-friendly way. Basically from the past it is based on several dimensions pc and choose the best standard sizes to design pages; now the mobile device has Ling Lang everywhere, while television, wearable device start up slowly, no longer have a fixed size; the future will be more unpredictable environmental equipment; So what is benevolent it? - Is the content itself! Change is always faster and ruthless, we have to do is to seize the line through the global Flanagan can! Policy priority in the content, there are three modes of thinking throughout the responsive design process: Forget equipment: Because we do not know what kind of device users will use to access the website, so we have to put as much as possible in all cases include come; all things (layout, components, etc.) can be compatible with different types of devices and platforms. Graceful degradation: While the concept began as a compromise approach on the technology of the new features can not be well implemented on older browser, but only want to express this in the layout to make flexible design, the contents of leniency to presents a narrow change must go through numerous screening, retained the core content blocks. This mode is very suitable for the existing product page pc responsive design transformation. Progressive enhancement: This concept is at Steven in the 2003 SXSW activities proposed. In essence, it is to degrade gracefully reversed: first create a basic experience, focusing on making content in a way to show profile; later, in ensuring the basic premise of experience, started to do the layout and interaction that appear. In this, also borrowed NOTE responsive design for content strategy, content changes from narrow to wide presentation allows content richness correspondingly increased. This model with mobile-first strategy is to match. Of course, there is also a response to the presence of various controversial style, maybe you have a good reason not responsive web design? But I do not think people will say, 'Let's get rid of responsive design it,' In fact, more and more Mens Nike Free 3.0 V2 Shoes Grey Orange websites choose to be responsive. So in 2014, 2015 still will continue, because this is not a trend that, but contend that the species norm. Future road Although the advantages and trends responsive design has been widely recognized, but the current popularity of responsive design patterns there are still many problems to be breakthroughs: Responsive Images: current practice is mainly elastic image: scaling, cropping, sub condition loading and other implementation method is essentially just a skill, died only a temporary local masks the problem, not really perfect to achieve flexibility of the picture. Interactive cross-end: in responsive design, we need to consider not only the desktop user's habits, you must also take into account the different size of handheld devices. For example, in the desktop side endless elegant Hover, in the mobile terminal is very bad experience, how to 'seek common ground' so that each side can experience the best, or the need to continue in-depth inquiry. Performance: Performance is estimated to be the biggest pain in the responsive development, conditional load, hide or show what content will be complicated than a single code structure to determine the conditions and affect the experience and maintenance. Especially on mobile performance, more kind of equipment with a more complex environment, how to identify the device and allow the device could well experience a different environment, but also a tough one. Cooperation Process: responsive design is much more than a simple design strategy, it brings a whole new Web project is complete approach should also include a new, better use of this mode workflow. Finally, I want to say in response to the formula embodied in a highly adaptable design thinking. On the road to explore the responsive design, responsive itself is not the sole purpose, any device based on the content of the page perfect planning and design strategies and work processes should be our bigger issue - Status and Trendsresponsive design