Research on the new page layout of Twitter based on the gold segmentation rate

In http://www.aliyun.com/zixun/aggregation/6139.html ">mashable, there is an article named new Twitter design Based on the Golden Ratio [Image], Chinese translation should be "the new Twitter design follow the golden Ratio (figure)." From Pythagoras to Aronofsky, the golden ratio, an irrational mathematical constant found in every corner of art and architecture, is long gone. Recently, it has become the basis of the new Twitter design.

Follow the Mashable article, find the Twitter flickr page, and find the images and statements from Twitter's creative director Doug Bermain Doug Bowman, and then pass Doug Bowman's Twitter account @stop found his Flickr and found four images of the new Twitter design.

The four images and corresponding descriptions of the new Twitter design are as follows:

The new Twitter ratio

For all the people who are curious about the design of the new Twitter page, it should be known that we are not casually choosing such proportions. Of course, this ratio applies only to the narrowest version of the UI. If your browser window is wider, we will get rid of such proportions and expand your personal information panel to provide greater utility. But the narrowest place we've started to use this sensible proportion.

New Twitter ratio (internal)

This picture is used to respond to people who say the previous scale chart contains the inner margin (padding) ...

New Twitter grid (narrow)

To those who are interested in the grid systems we use, this is an odd grid (15 columns, the width of the narrow version is 880px). Our front-end Web client team adheres to the code and does the perfect job. Although several elements are not aligned or deviate from the grid, they are very close to the original design.

New Twitter grid (wide)

To those who are interested in the grid systems we use, this is an odd grid (17 columns with a wide width of 1000px). Our front-end Web client team adheres to the code and does the perfect job. Although the information Panel has a slight offset on the rightmost side, it is also very close to the original design.

If you are not very familiar with the Golden section rate, please go to Wikipedia's Golden Section entry. Via

The Twitter site has changed a lot lately in terms of design. These changes include the top search box and profile, messages two feature links. The left-hand column is still used to display your tweets and message messages, and you can switch directly by clicking on Timeline, Favorites, following, followers, and lists.

The right column now becomes bigger and more rational. Here, you will be presented with your account information, your last tweet, your following, your followers, the latest dynamic list, and the list of users who suggest you go to follow.

The "Show more" button, which displays more tweets, has ceased to exist and, instead, the system will automatically load you with more tweets as you pull the scroll bar.

On Twitter's Flickr page, Twitter's creative director, Doug Bermain Doug Bowman, uses a picture and a brief word to describe the new design following the golden rate.

For all the people who are curious about the design of the new Twitter page, it should be known that we are not casually choosing such proportions. Of course, this ratio applies only to the narrowest version of the UI. If your browser window is wider, we will get rid of such proportions and expand your personal information panel to provide greater utility. But the narrowest place we've started to use this sensible proportion.

A new partnership between Twitter and Deviantart, Etsy, Flickr, Ustream, Vimeo, and YouTube allows multimedia streaming to be embedded directly, including playing video content directly on Twitter's homepage.

These new changes may lead to the elimination of your custom Twitter background, as the new design is a half-flow layout. The width of the left column remains unchanged, regardless of the resolution of the monitor, and the right-hand column is of different sizes.

1024x768 resolution

1280x720 resolution

1600x900 resolution

The new version of Twitter is not open to all users, if you can not see, do not worry, not too long you will use.

Source: Http://www.soberma.com/golden-ratio-in-new-twitter