就像沒(méi)有還珠格格的暑假不算暑假，不被恭喜發(fā)財轟炸一整個(gè)月的過(guò)年也不叫過(guò)年。雖然這些年總有人說(shuō)年味兒越來(lái)越淡了，但是從那些喜慶的年節歌曲和各大網(wǎng)站過(guò)度渲染的首頁(yè)上，總還能感受到被放大的“年味兒”。
>>>> 過(guò)年就非得大紅大紫嗎？
紅+黃+紫的配色，生肖鞭炮燈籠窗花的節慶元素，在距離過(guò)年只有不到半個(gè)月的時(shí)候就已攻占各大網(wǎng)站的首屏，強烈的色彩沖擊和重復的視覺(jué)元素難免讓人產(chǎn)生視覺(jué)疲勞。大量素材的堆砌和簡(jiǎn)單粗暴的字體也讓網(wǎng)頁(yè)的可看性降低。就連APP更新，都不忘集體變紅，或者帶上各種節日氣息。
APP集體變紅
雖然這種風(fēng)格幾乎成為了年節和活動(dòng)網(wǎng)頁(yè)的標準模式，但用戶(hù)似乎沒(méi)那么買(mǎi)賬。在《好奇心日報》一項“你受不了哪些視覺(jué)噪音？”的投票中，有18.4%的用戶(hù)選擇了“所有為營(yíng)造“年味兒”把自己搞的紅紅黃黃的網(wǎng)站”，僅次于年年刷屏的腦白金廣告位居第二。
修改了字體的亞馬遜看起來(lái)稍稍舒服一些
以性冷淡風(fēng)著(zhù)稱(chēng)的MUJI加入年味兒也延續了一貫風(fēng)格
同樣是春節為主題，亞馬遜和MUJI針對華語(yǔ)地區的官網(wǎng)在加入了年節元素的同時(shí)，也不同程度的保留了網(wǎng)站風(fēng)格。
不止是節日和活動(dòng)的審美疲勞，國內網(wǎng)站往往在設計上都“敗”給了國外網(wǎng)站。在粗略研究了目前國內主流網(wǎng)站首屏和交互頁(yè)面之后，發(fā)現我們經(jīng)常使用的那些國內網(wǎng)站，其中有著(zhù)兩個(gè)重要流派，一個(gè)是“不忍直視”派，主打“丑”。
>>>> 不忍直視派
12306
說(shuō)起國內網(wǎng)站的丑，身邊的人們不約而同的提起它——12306。之所以如此令人深?lèi)和醇?，主要還是因為它不僅丑，還不好用。
你們到底是哪兒的員工？
說(shuō)到這一流派的代表特點(diǎn)，從這三張雷同程度極高的校園招聘頁(yè)面中可以窺見(jiàn)一二：廉價(jià)或免費素材的重復使用，字體和配色都沒(méi)有那么考究。還有前陣子討論的沸沸揚揚的以攜程為代表的在線(xiàn)旅游網(wǎng)站，由于業(yè)務(wù)范疇相當類(lèi)似，除了配色略有不同外設計非常雷同，除去各自的Logo或許就很難分辨是哪個(gè)網(wǎng)站。
設計非常雷同的國內OTA網(wǎng)站
Hostelworld
Airbnb
同樣是在線(xiàn)旅游網(wǎng)站，與國內OTA們不同，如Hostel與Airbnb，首頁(yè)設計都采用了多幅切換的旅行圖片為背景，運用了“Meet the world”與“歡迎回家”的Slogan展現網(wǎng)站的個(gè)性定位，功能方面僅采用搜索框，未加入大量?jì)热菖c入口，頁(yè)面相當簡(jiǎn)潔。目前國內同類(lèi)型網(wǎng)站中，螞蜂窩和窮游網(wǎng)也采用了相似的首屏設計。
不難發(fā)現，這一流派網(wǎng)站大多都承擔著(zhù)更多的功能性要求，對于個(gè)性追求較弱，在設計方面相對也并不考究。
也有人要說(shuō)了，國內網(wǎng)站也有好看的啊，這里就不得不提到另外一個(gè)流派：“似曾相識”派，主打“抄”。
>>>> 似曾相識派
這一流派的網(wǎng)站相較于前一流派來(lái)說(shuō)，普遍顏值較高，但總有著(zhù)擺脫不掉的外網(wǎng)的影子。例如大家非常熟悉的知乎和lofter。
知乎與Quora
知乎對于內容輸出和專(zhuān)業(yè)討論方面的影響有目共睹，但它幾乎可以說(shuō)是國內版的Quora，從“與世界分享你的知識、經(jīng)驗與見(jiàn)解”和“The best answer to any question”的Slogan也可以看出。兩者在注冊頁(yè)面與主要交互頁(yè)面上的設計也十分相似。
lofter與Tumblr
同為主打輕博客系列的lofter與Tumblr，雖然個(gè)人主頁(yè)設計較為相似，但各自在經(jīng)過(guò)改版后，其它頁(yè)面也產(chǎn)生了不同的風(fēng)格變化。當然，雷同程度更高的網(wǎng)站，不得不提的就是微博與twitter，和已經(jīng)沒(méi)什么人上的翻版facebook——人人網(wǎng)。
網(wǎng)頁(yè)設計丑或者沒(méi)新意，用戶(hù)們第一反應就是罵設計師。對于這個(gè)問(wèn)題，設計師們給出的回答是這樣的：反正就是每次不管做多少稿最后總會(huì )選最丑的那個(gè)就是了。
>>>> 設計師：這個(gè)鍋我們不背謝謝
為什么認為網(wǎng)頁(yè)難看，從廣大設計師們聽(tīng)到最多也最不愿意聽(tīng)到的三句話(huà)中大致可以看出一二，設計美感似乎也總是與甲方的需求“不共戴天”。
請不要對設計師說(shuō)這些話(huà)系列
>>>> 用色：給我用大紅喜慶
同樣是喜慶的題材，Youtube10周年的紀念網(wǎng)頁(yè)沒(méi)有選擇大篇幅的紅色作為主色調，“10”與中間的播放按鍵也突出了10周年與視頻網(wǎng)站的主要元素。
>>>> 視覺(jué)沖擊：加大字號的折扣特價(jià)
優(yōu)惠折扣往往是用戶(hù)希望第一時(shí)間獲取的信息，因此網(wǎng)站也總是將它們放在最顯眼的位置并突出展示，一旦這種與網(wǎng)站整體的色調、排版不一致，就會(huì )破壞設計的和諧。
>>>> 太空了 所有的東西都越大越好
Less is more.
如果前兩者還能用審美來(lái)解釋?zhuān)?span style="max-width: 100%; line-height: 1.6; color: rgb(204, 82, 122);">留白這一問(wèn)題上，或許就是設計與商業(yè)最大的分歧。這句設計眼中的至理名言，在網(wǎng)站運營(yíng)上，并不那么適用，因為更好的頁(yè)面體驗不等于更好的使用效果。
以百度首頁(yè)提供的導航和實(shí)時(shí)熱點(diǎn)來(lái)說(shuō)，對于講求設計的用戶(hù)，看上去不如google頁(yè)面簡(jiǎn)單，但對于講求便捷的用戶(hù)，可以迅速獲取信息也是符合需要的。
>>>> 信息量影響頁(yè)面布局
網(wǎng)站頁(yè)面繁雜的原因，其中最主要的一條就是希望傳達給用戶(hù)盡量多的信息，尤其是如今網(wǎng)站多元化發(fā)展趨勢下，自身業(yè)務(wù)涉及范圍廣，需要頁(yè)面呈現更多的入口，來(lái)展示其功能和用途。
就以上列舉的網(wǎng)站頁(yè)面設計不難發(fā)現，設計感較弱的，大多都是功能性強或功能較為復雜的網(wǎng)站，例如12306，用戶(hù)對其的要求就是能用、不崩潰。而設計感較強的網(wǎng)站，大多專(zhuān)注比較垂直的細分領(lǐng)域，追求個(gè)性精致的定位也比較突出。
>>>> 廣告風(fēng)格影響網(wǎng)頁(yè)整體呈現
淘寶
ebay
除了頁(yè)面信息量大，廠(chǎng)商在首頁(yè)上投放的廣告風(fēng)格也很大程度影響了首頁(yè)設計感，尤其是在廣告占據頁(yè)面比例較大時(shí)。如果將上圖中淘寶頁(yè)面中的某皮帶廣告與ebay頁(yè)面中的彩妝廣告互換，頁(yè)面的體驗也會(huì )產(chǎn)生截然不同的效果。
因此，網(wǎng)頁(yè)設計不僅僅是美學(xué)上的講求，更多的需要配合運營(yíng)中的用戶(hù)需求和商業(yè)需求，在好用和好看之間，不同網(wǎng)站也就有了不同的傾向。
>>>> 國內網(wǎng)站對于“設計感”都棄療了？
很多用戶(hù)定位非常精準的網(wǎng)站，在頁(yè)面設計上，往往更加考慮用戶(hù)的使用體驗，或者通過(guò)設計表達網(wǎng)站的定位和理念。例如如今用戶(hù)群體主要覆蓋在年輕群體的視頻網(wǎng)站B站，主打的二次元風(fēng)格也融入了其登錄頁(yè)面和緩沖頁(yè)面。
更多像淘寶、愛(ài)奇藝、攜程這樣覆蓋人群年齡層次廣且風(fēng)格各異的網(wǎng)站，網(wǎng)頁(yè)端設計風(fēng)格和設計感則比較標準化。但如今像淘寶等網(wǎng)站在移動(dòng)端的設計中，也加入了一些設計感。
淘寶APP雙十一、圣誕、年貨節的圖標設計
這或許是年輕群體的喜好對網(wǎng)站產(chǎn)生了影響，在平衡功能性和商業(yè)需求之后，設計上的追求也漸漸被更多主流網(wǎng)站所重視。
>>>> 難道國外就沒(méi)有丑的網(wǎng)站嗎？
當然是有的……比如……
……
聯(lián)系客服
