High Resolution Background Pictures

With the gradual popularization of the Retina screen, the adaptation of the pictures in the Web page is becoming more and more demanding. How to let the picture in magnified twice times Retina screen display still clear, once bothered the web developer, fortunately, CSS3 and HTML5 have been focused on changing this situation. So what exactly is a response picture? What is a response picture? Response picture refers to: the user agent according to the output device resolution different load different types of pictures, will not cause a waste of bandwidth. At the same time, ...

Intermediary transaction SEO diagnosis Taobao guest Cloud host Technology Hall @ Chen Zimu: Responsive Web Design, is a popular concept of web development, it is the use of flexible grid system, so that the display mode of the Web page can be accessed according to the screen size specifications and adaptive. By 2015, the number of users on the mobile side will grow from 800 million to 1.9 billion, which means that the current Web page we are designing for desktop browsers will have a very bad experience with their phones and tablets. ...

Almost all Internet applications are migrating to mobile phones as the application platform for each mobile OS is online. But unlike PCs, PCs have evolved over the years, in the design formed a lot of unwritten rules, such as the width of the Web page is around 960px "of course, as the overall computer screen to large size and high resolution development, in addition to the background widescreen adaptive, many pages are also moving towards a wider direction of development." A wide range of mobile phones, the size of the screen, the proportion of different, and the phone's screen itself is small, so it is necessary to consider the application of different screen size ...

This article by Jiangnan University Design Institute translation of the child, View the original "Google TV Design Patterns" This is the Android application running on Google TV user interface development guidelines. While Android apps running on phones and Google TV are almost the same, there's a difference in the user interface. The television viewing environment is often described as "10 foot environment" and the television screen is also described as "10 foot user interface." When you create an app for 10 feet ...

Many excellent designs emerged in the 2011, with the updating of the operating system and the improvement of hardware performance, the user's demand for mobile applications is also rising, and the interface design is promoted to a new height. 　　Mobile application is no longer to move content from the Internet to mobile devices, but to solve the problem of the equipment itself, according to user needs from the visual feelings, style trends, operating methods, information architecture and content rendering in various aspects of mining design possibilities, to bring users a new experience. This article summarizes the hot products of the interface design, summed up the next year to focus on the design ...

To tell you the truth, we developed the mobile end of the project, the entire team of people are the first time, the initial project for the choice of native app and web app also debated, and finally comprehensive consideration, we chose the web (we chose the H5) development. But from the characteristics of these two development models, from the date of their birth began the constant debate, which is good or bad, this article does not discuss, but simply listed under my development problems and the final solution. 1. Responsive Web Design Speaking of this, mobile development facing the screen size that is called a abundant ...

The intermediary transaction SEO diagnoses Taobao guest Cloud host technology Hall as the visual designer, our role in addition to the most basic to meet the user's aesthetic needs, there will be brand communication, information transmission, function transmission, etc., which want to effectively convey information to users, we need to build information level, rather than a brain to the user to understand their own, 　　There are some visual methods to do this, whether there is a theoretical basis behind these methods, is the theme of this article. First look at the following two pictures, the left image for the camera to shoot the effect of the right picture for the eye does not move when looking ...

The first time to write technical blog, there are not satisfactory place, but also forgive and correct me. Why want to organize this kind of content, I feel like a painter to understand his paint and canvas, sculptor to understand his stone, as a web designer should also have some understanding of the characteristics of the picture format, so as to better express your ideas and ideas. In addition, we also encounter many problems with the format of the picture in our daily work. For example, designers will wonder why some of the output of the page is always unable to achieve the design of the quality and effect, what kind of design is more suitable for Web pages ...

The intermediary transaction SEO diagnoses Taobao guest cloud host Technology Hall to guide: retail sellers of the sale of the judgment generally from their own sales experience, directly according to the sales trend chart to judge sales, the use of mean, turnover, promotional evaluation can give the overall sales figures, if the flow from each channel and the main module in the station to subdivide, can be more Accurately forecast related sales. Each link can do things perhaps more, each module play is also different, the specific play depends on the temper of each website, team formation, the choice of goods, the user groups. Sales ...

Before researching the icon design for Android, it's important to understand how the Android interface fits into a variety of screens. Adaptability As mentioned in a blog post, because the same UI element (such as a 100 × 100 pixel image) looks smaller on a high-precision screen than on a low-precision screen, in order for both screens The picture looks similar effect, you can use the following two methods: The program will scale the picture, but the effect is poor. Provide a picture for each of the two precision screens. But the parameters of the screen are varied for each ...