起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識基于黃金分割率的Twitter新版頁面布局探究
在Mashable上面有一篇，名字叫做New Twitter Design Based on the Golden Ratio [IMAGE]，中文簡譯應該是“Twitter新版設計遵循黃金分割率(圖)”。從畢達哥拉斯到達倫·阿羅諾夫斯基，黃金比例，這樣一個被發現存在于藝術和建筑學每個角落的非理性數學常數，已經很久遠了。而最近，它竟然成為了新版Twitter的設計依據。
順著Mashable文章，找到了Twitter的Flickr頁面，發現這樣的圖片和說法來自于Twitter的創意總監道格·伯曼(Doug Bowman)，然后通過Doug Bowman的Twitter帳號@stop發現了他的Flickr，并在里面找到了有關于新版Twitter設計的四張圖片。
有關新版Twitter設計的四張圖片及相應描述如下：
新版Twitter的比例
對于所有對新版Twitter頁面設計比例好奇的人，應該知道的是，我們不是隨隨便便選擇這樣一個比例的。當然，這一比例僅適用于最窄的UI版本。如果您的瀏覽器窗口比較寬，我們將擺脫這樣的比例，擴大您的個人信息面板，以便于提供更大的效用。但寬度最窄的地方，我們已經在開始使用這一明智的比例。
新版Twitter的比例 (內部)
這張圖用來回應那些說上一張比例圖包含內邊距(padding)的人。。。
新版Twitter柵格圖 (窄)
給那些對我們所使用的柵格系統感興趣的人，這是一種奇數的柵格(15列，窄版的寬度是880px)。我們的前端web客戶端團隊在工作中堅持規范并做得盡善盡美。盡管有幾個元素沒有對齊或者偏離網格，但已經非常接近原版設計了。
新版Twitter柵格圖 (寬)
給那些對我們所使用的柵格系統感興趣的人，這是一種奇數的柵格(17列，寬版的寬度是1000px)。 我們的前端web客戶端團隊在工作中堅持規范并做得盡善盡美。雖然信息面板的最右側有了一丁點的偏移，但同樣非常接近原版設計。
關于黃金分割率，如果您之前不是很了解，請移步Wikipedia的黃金分割詞條。via
Twitter網站最近在設計方面已經發生了不小的變化。這些變化包括頂部的搜索框和Profile、Messages兩個功能鏈接。 左側欄依然用來展示你的tweets和message信息，你可以通過點擊在Timeline、Favorites、Following、Followers、Lists直接進行切換。
而右側欄現在變得更大，更具條理性。在這里，會展現你的帳戶信息，你的最后一條tweet信息，你Following的人，你的followers，最新動態列表和建議你去follow的用戶列表。
“show more”這一用來顯示更多tweet信息的按鈕已經不復存在了，取而代之的是，在你拉動滾動條的同時，系統會自動給你加載更多的tweet信息。
在Twitter的Flickr頁面上，Twitter的創意總監道格·伯曼(Doug Bowman)用一張圖片和一段簡短的話語來描述新版設計遵循黃金分割率。
對于所有對新版Twitter頁面設計比例好奇的人，應該知道的是，我們不是隨隨便便選擇這樣一個比例的。當然，這一比例僅適用于最窄的UI版本。如果您的瀏覽器窗口比較寬，我們將擺脫這樣的比例，擴大您的個人信息面板，以便于提供更大的效用。但寬度最窄的地方，我們已經在開始使用這一明智的比例。
Twitter與DeviantART、Etsy、Flickr、Ustream、Vimeo和YouTube之間新的合作伙伴關系，使得多媒體流可以直接嵌入進去，包括在Twitter的首頁直接播放視頻內容。
這些新的變化可能會導致你自定義的Twitter的背景被淘汰掉，因為新的設計是半流動布局的。不管顯示器的分辨率怎么變化，左側欄的寬度是保持不變的，而右側欄的則是大小不一的。
1024 × 768 分辨率
1280 × 720 分辨率
1600 × 900 分辨率
新版Twitter還沒有對所有的用戶開放，如果你還看不到，不要著急，用不了太久你也會用上的。
來源：http://www.soberma.com/golden-ratio-in-new-twitter
- 目前還沒評論，等你發揮！
