前幾個月都在研究 weibo 的手機觸屏版 http://m.weibo.cn
很喜歡 weibo 的介面跟互動設計
比較舊手機想使用 weibo 也不用擔心安裝 app會跑不動
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR0q-wuLjJwrbVYbmxotJC1KsZYA06-XFrTKBSrexFL7-xZq8Bw3YQbUfLC_oj8iiAhwyVeK9fF3oemejGSCRmHl37ckVXik8ggmkmgCrSvlU7zB3eIimElHDnsfzfvp7JCpsBzdZRLRry/s1600/20141023145312.png)
這週,看到 weibo desktop 版本大改版了
非常喜歡這個 Parallax Scrolling (視差滾動) 設計的介紹頁面
http://www.weibo.com/new (這網址需要有微博的帳號才能看到)
我將畫面擷取下來:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAPSkBQW1_-HhpjsZk6lm4Ge17azstHKUgl81cpi10XSx51eE5zwce2UOIrvHQkAuQb05NO7k30UexF87IIGP-NNFVz155N_KRfytmdWX48XgN-TRYW6JYf5hTr2NZfn6lIJplOOuAE6fq/s1600/weibo2014+(1).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJewMF8JZxtdVJu4C4STB20JFSLnd7RkQR-dzzchoqCZuC06iWfKpJ6JNcWXygaKCWWBTd6lhYCmmcsjFqok6zlae3A71nN3AH9EPC609SbgESTw09nzrPURceDr3_cy0j7HH3SdZ7IOg/s1600/weibo2014+(2).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimUVD5jrnhTwpagZZDWR05ZZ-OXAnfxWcLS6gRPW4OOOjyF6jgEnqTdqNZwT9_KoQGoULUd8BLUuLf-zL3gLXhJV5prDMYvJFOHoEqolCb6OEYCav6lQE8VyWqor6dfAR1CIoa4GA3uR5U/s1600/weibo2014+(3).png)
走過時間線(這是要帶入個人頁面的新功能)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGca1UgssqaIDSsoGrP-v5End2Mzx7Wey-KFz0w6eJEIdvLUuCrG9vMTjCQB4N4Z5s4WfcFagsYG6FE-qvPCi9B877B2xuQYWs29wH6UuxAkvoLaYgOuT1MuaAcswZbtaHI9F1WkGi-t8e/s1600/weibo2014+(4).png)
讓你回味一下你的第一篇po文
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNGwJZ3WitSRVRrcs6OE5CZnkWwAO7GBYZxPFQCf40OobroWd8zcSlUegCT6be5jqzGST_OKvjjTROCuDSxibXJo9Id-5uDrkfpSvpqMHy-0JjF0dQYazponPwNJ-tbLVxNrkJ6YvXM8E4/s1600/weibo2014+(5).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0qRoi2G0kjQM6xCFBc1vMW4vbndObOMnnEEwfumR6lelDh1k-8rp2YmBJxNj3LhgvLkTtCjCzdpJArrS1-cK49bqSLlIXYHNeuY0Wts7t6ivp2cOf2GsP5uF9gThQf7HM5HVdSTr8nbX8/s1600/weibo2014+(6).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdtw84mUbcXOc1hZENSjdt2rDwUvleKa3jlYHdh7ugL4Ie48tP81ahiexxBGnMMo9_utyrA5nmXfzfEt6i3X4QfM-5VEu8TII-Se434fIFDo6V5kbY-LsuhR-cp24-BMUXd9AnpizrBVZC/s1600/weibo2014+(7).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy7hBPsZuAIEM3MUlaI2CCuMw5V3ybFjkRR6qqdoSfBnaLnCVCK0Mh-xX_AXABfRCys_6XGc-Czkm4-n-ysCuErQ68uzNw2UhoNh-5db6mWbyWThIVPa3lCM-reMthBwnt9IbNkuUokCRx/s1600/weibo2014+(8).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvwwAkKyTIojOn38YPWk7yG-yasHCAx6OU_69AxHak0NJbs4mEBqa5zuxEhNOeHpzIVsZa7sYC09jX4hJ9VJAX5-HEySEqF_GcWtsIb5Lt3p51VNXjIinfVWXpH3gnS-CMtnL1KvTpRwVY/s1600/weibo2014+(9).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU9SBmWrwmL8r4ezA2hl8vdX9DsYz0bCunNb4JhZuNh2SIwcHWfJoMKjshN-qgR_-Xq0LqxeB91ip38mi_JBfGNdyDLMu-4blnag2hjYZ5s3i2NewjNJM0fEcoVZKYL8oNxPYCp_hnHe-8/s1600/weibo2014+(10).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCCYcBYM9tfmpl7dmukGFyBkAWm0GBu9xgjs4eYYJcKKb6DoxD4028IrF2ds3x6rEpWyPaPixRYpX9ZKOZdHPgHqnHRWtQNRSOrIVCGtE0Xp5O1qTnh6FFduwkZpb1jGrZv62atkWLTZkg/s1600/weibo2014+(11).png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8vHQxRtjgaaChe9CUVB42nCijMCPG6ONAXdn2-yAxF9_ym7tgjoL1TcpjBLjYAWN4d6pCnnV6y33P_XUNtL6TUUgJYO7hLzuzkLHxC7TjGl7IVOZYnJpwA011iKmx_UjTq3FMXUUo1aIs/s1600/weibo2014+(12).png)
最後讓我們來比較一下新舊版改版前後的設計
舊版閱讀時,雖然有線條的區隔,但資訊一多還是全部黏在一起
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhruRPpeIB0RpH7OIS2BRJDP4oZDBH1cV5wcqIPwseta7W245rhXAORdiXmbP22Q_cf6w1ZnGlzkAI1ae_gXMJdZnKJGrwzxEpCIkCDgVXt9PBKWBOGrH06wSv6DO_kRosEID-uiCjtemsc/s1600/20141021162822.png)
新版將貼文跟文章閱讀區塊切割乾淨,閱讀起來非常舒適
收藏、轉發、評論跟讚的可點擊區塊也變大了
Touch Friendly,未來 Tablet 上使用 weibo 應該更順暢了
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoeQ9GWLRHIu2Y3y6KTOBA1ntjtfaRcoPD2dBBYlRR9lQHvebf2yEveWtekaAwjpA1uwRbY1gnAd1it9WtQzUzWaYq_rt-lqpdaip_c-DfNva_-2RenWtHK4sX2ouNqW4coxstr63_jfZp/s1600/20141021162852.png)
個人頁很明顯是跟 Facebook Profile 對齊
不過多了「微音樂」還滿新奇的
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijznVQukEtGk2EOl_6BVD4NCk3IG3o9rktrZ2FA6Ds-Q7A4kWkMLOLoMY2WF53f-kKehGM-WnJ16SdSMLVDbse14Ml0Cyr9yy-OiGkCW3hMiOrF-KrePSzbW0O4AWuIeeLk-KIX_FkusjY/s1600/20141023153745.png)
=========== 20141102 補充 =============
微博 UCD 也發佈了一篇,非常值得一讀哦
微博UDC設計中心:水器相形!新版微博設計錄
沒有留言:
張貼留言