搜狐.白 – 經典的設計

著作權聲明：原創作品，允許轉載，轉載時請務必以超連結形式標明文章原始出版、作者資訊和本聲明。否則將追究法律責任。http://blog.csdn.net/mayongzhan - 馬永占,myz,mayongzhan

 

雖然以前就註冊了搜狐.白，但是一直沒深入的瞭解。今天突然發現了一個寵物的遊戲數值方面和賽我的寵物很類似，結果進入後一發不可收拾，完全的陶醉於一片灰白中。本文不是要做線上推廣(因為本人目前不是供職於sohu)，也不是要勾引別人從我的邀請中點過去增加我的金幣(我決不給出完整的邀請地址/user/reg/invite.do?u=xxxxxx&type=0&t=1253636705580&s=ca7e7bac08e89aad1520e1cf7ead1a81)，僅僅是對於美的一種抒發。

 

09年5月上線，曾經叫做白社會，後來大概是因為名字過於反動，改為搜狐白。新名字比較性感，比較朦朧。無論是叫白xx還是叫xx白，名字都是很酷的。就像豆瓣的九點，名字起的好，使用者的記憶會更深刻。

 

下面列舉一些我喜歡的搜狐白設計中的細節。會被模仿，也會被超越，但是在09年的9月以前，這是最優美的網站之一。

 

1．經典絢彩loading條，雖然沒有覆蓋全部的頁面切換，但是有ajax讀資料的地方基本都出現了loading。
 

 

2．登陸頁左側，上方的慶祝60周年，感覺很像QQ或者MSN的皮膚設計。
 

 

3．首頁大Flash，把網站整個的模組串了起來，形成一個社會型城市，每一個歎號都代表著一種功能，這個Flash內部也充滿了細節的設計，有一個路人，邊走邊說：我要偷光你家的菜；河邊的歎號彈出文字介紹的是釣魚這個模組；中間的十字路口，車輛會等紅燈。
 

 

4．等級、打卡和任務功能，很多網站或者社區都有，純種的SNS卻很少這麼做，因為在SNS設計中都是以平台化為前提，如果說是要打卡，也是做為一個模組存在，不會以一個核心功能體現出來，搜狐白的打卡是整合到整體的。每天都重複打卡會感覺很無聊，但是看著+N 飄上去，金幣數一個一個的加上去，只是微薄的薪水卻很感動。另外豐富多彩的任務系統貫穿整個網站幾乎所有的模組，這個任務既可以承擔起新手引導的作用，又可以推廣內部的模組。
 

 

5．首頁發微博，非常形象的文字，你能猜出來是對應的哪個表情嗎。這個微博其中的細節也非常之多，個人化的預設文字；輸入框伸縮時對內容的檢測；分享，照片，投票的下拉式功能表。在這裡不會出現噁心的“您輸入的文字為空白”的提示。
 

 

 

 

 

 

 

 

 

6．創新功能老闆鍵盤和webIM一起放在右側。其他的網站如果有工具條或者IM一般都是放在網頁最下面。搜狐白的webIM位置選的很創新，放在了右側，據統計目前寬屏電腦已經佔了接近半數的市場，與其右邊空著一個空白，不如放一些東西(放廣告我都能忍，只是不希望空著)。不過話說回來，這個F9能不能設定一下別的網站，總給自己的sogou做廣告不太好，另外老闆看到全公司都是sogou也不好吧。
 

 

7．日誌的儲存，這個彈出提示本身沒什麼特別，所有的網站如果要個人化一下彈出提示的化差不多也就是這種形式，也許會多幾個五星之類的裝飾。重點在確定按鈕上，搜狐白的這個提示在確定按鈕上有焦點，這樣做雖然看上去不太好看，但是用著方便，使用者可以直接按空格鍵或者斷行符號鍵把彈出關閉掉。我一直想過要把彈出設定出快截鍵，沒想到沒等我實踐，就被小白 捷足先登了。
 

 

8．一隻會自己走動，做各種動作的寵物。QQ的寵物是在案頭走，搜狐白的寵物是在網頁上走，同樣的百度的寵也是在網頁上走，只是百度的沒有綜合的餵養功能。這是個好遊戲，在目前菜地泛濫的時代，想要和別人競爭、吸引更多的使用者除了要和別人用一樣的熱門組件外，還要有自己獨立開發的經典之作。
 

 

搜狐白也有很多不盡如我意的地方，比起給我的驚喜，那些缺點不值一提。儲存，關機，洗洗睡。

 

 

PS：