幾乎每個(ge)參(can)與網站建設的(de)(de)人，都(dou)希望自己(ji)的(de)(de)網站能(neng)夠在(zai)激烈的(de)(de)競爭中(zhong)脫(tuo)穎(ying)而出。設計(ji)師希望它效果(guo)拔(ba)群，成(cheng)為自己(ji)作(zuo)品集中(zhong)令自己(ji)驕傲的(de)(de)存在(zai)；客戶希望它廣(guang)受歡迎，在(zai)用(yong)戶和(he)潛在(zai)用(yong)戶心理扎下根；后端開(kai)發也同樣希望這個(ge)網站能(neng)夠成(cheng)功，這樣他也能(neng)為自己(ji)的(de)(de)職業生涯(ya)加上濃墨重彩的(de)(de)一筆。
所(suo)有人都是(shi)如(ru)此的(de)希望它能成功。而(er)關于如(ru)何(he)讓(rang)網站脫穎而(er)出的(de)文章是(shi)如(ru)此之多，但是(shi)它們大多僅(jin)僅(jin)探討(tao)趨(qu)(qu)勢(shi)，或者僅(jin)僅(jin)拿出單(dan)(dan)一技(ji)巧(qiao)作(zuo)為(wei)討(tao)論核心。成功的(de)設計案例從(cong)來都不是(shi)單(dan)(dan)個趨(qu)(qu)勢(shi)或者技(ji)巧(qiao)可以造就的(de)。
對于廣大(da)設計(ji)師(shi)而言，看了那么(me)多的(de)技巧和趨(qu)勢，自己的(de)設計(ji)依(yi)(yi)然平庸，上(shang)線的(de)網(wang)站也依(yi)(yi)然大(da)眾。靈感到(dao)底從何而來？創意到(dao)底在哪里(li)？Well，有的(de)時候過度執著于原創并不一定(ding)是好事，也許(xu)你現在的(de)設計(ji)也更符合實(shi)際需求也說不定(ding)。
但是，好設(she)計的(de)(de)呈現形態很多，能(neng)夠脫穎而出的(de)(de)設(she)計，你其實也(ye)能(neng)做到。你需要(yao)堅持不懈地嘗試原創(chuang)(chuang)，至(zhi)少是尋求原創(chuang)(chuang)的(de)(de)感覺，精(jing)心的(de)(de)規劃，并且(qie)不斷地努力。想要(yao)打(da)磨(mo)出與(yu)眾不同(tong)的(de)(de)優秀網站，你可以(yi)從下面 5 個維度入手，精(jing)心打(da)磨(mo)。這篇文章當中不會展現一堆堆的(de)(de)實際案例(li)，因(yin)為你的(de)(de)目標不是復制，而是創(chuang)(chuang)造。
優(you)秀的(de)(de)排版(ban)布局(ju)是(shi)將自己網(wang)(wang)(wang)站(zhan)(zhan)和其他網(wang)(wang)(wang)站(zhan)(zhan)區分開來的(de)(de)最(zui)明顯手段之一(yi)，而(er)它的(de)(de)難度(du)也(ye)(ye)(ye)是(shi)最(zui)高的(de)(de)。從(cong)專業的(de)(de)角度(du)上(shang)來說，沒有一(yi)個排版(ban)布局(ju)是(shi)沒人用過(guo)的(de)(de)，你幾乎不(bu)可(ke)能再找出(chu)(chu)一(yi)個別(bie)人沒用過(guo)的(de)(de)布局(ju)。但(dan)是(shi)，設(she)計排版(ban)本身是(shi)一(yi)件非(fei)常(chang)有趣，也(ye)(ye)(ye)能夠磨練你的(de)(de)創(chuang)造力的(de)(de)事(shi)情。在(zai)你創(chuang)建出(chu)(chu)第 52 個網(wang)(wang)(wang)頁布局(ju)之后(hou)，也(ye)(ye)(ye)許你的(de)(de)網(wang)(wang)(wang)頁排版(ban)布局(ju)能力已(yi)(yi)經和之前截然不(bu)同了，當(dang)然，也(ye)(ye)(ye)有可(ke)能你這(zhe)個時候拿出(chu)(chu)來的(de)(de)布局(ju)方案已(yi)(yi)經可(ke)以讓(rang)前端(duan)頭疼不(bu)已(yi)(yi)了。
另外一方面，你在(zai)(zai)這(zhe)個過程(cheng)中會同開發慢慢磨合(he)，也(ye)會更加了解哪些地(di)方是用(yong)戶的(de)痛點，明白信息架構要(yao)如(ru)何搭建，這(zhe)樣你才會在(zai)(zai)排版設計的(de)時候，越(yue)來越(yue)清楚(chu)如(ru)何確保可用(yong)性(xing)和(he)可訪問(wen)性(xing)。獨特而(er)又繁復(fu)的(de)網頁布局(ju)很大程(cheng)度(du)上會依賴Javascript 等技術，但是理想(xiang)狀況下的(de)布局(ju)較好(hao)是不要(yao)這(zhe)樣，否則調整和(he)修改的(de)成本會非常(chang)高(gao)昂。
強化品牌(pai)設(she)計是(shi)提升(sheng)網(wang)站氣質和獨特性的(de)(de)有效手段(duan)。如果(guo)你的(de)(de)客(ke)戶有著系統的(de)(de)品牌(pai)風格指(zhi)南，那么你所(suo)需要做的(de)(de)就是(shi)遵(zun)循(xun)它(ta)，按照其中(zhong)的(de)(de)指(zhi)引來進行設(she)計，擁抱你客(ke)戶的(de)(de)品牌(pai)風格和用色。合理的(de)(de)運用加(jia)上適當的(de)(de)優化，這并不(bu)是(shi)一件太難的(de)(de)事情。
不過(guo)，強化(hua)品(pin)(pin)(pin)牌設(she)計(ji)(ji)能夠(gou)帶來好效(xiao)果的前提(ti)也很重要：你的客戶的品(pin)(pin)(pin)牌原(yuan)創性(xing)和特(te)色要足(zu)夠(gou)明顯。如(ru)果他(ta)們的LOGO字體用的是Helvetica，色彩也沒有(you)很獨特(te)，甚至還不夠(gou)漂亮，那么這個情(qing)況就(jiu)比(bi)較尷尬了，在這種(zhong)局面下做(zuo)品(pin)(pin)(pin)牌風格(ge)化(hua)的網頁設(she)計(ji)(ji)，并不會(hui)有(you)啥好效(xiao)果。
如果(guo)品牌化(hua)設計(ji)(ji)并不足以支撐(cheng)你要設計(ji)(ji)的(de)(de)網頁，那(nei)么你需要使(shi)用(yong)獨特的(de)(de)圖片和(he)圖形(xing)來支撐(cheng)你的(de)(de)整個視(shi)覺設計(ji)(ji)了。人是視(shi)覺動物，這也(ye)能夠解釋為(wei)什么那(nei)些(xie)善用(yong)高(gao)清(qing)大圖的(de)(de)網站(zhan)，常(chang)常(chang)擁有良好(hao)的(de)(de)轉化(hua)率。視(shi)覺刺激在很多時候(hou)能夠轉換甚至強化(hua)情感聯系，而圖片和(he)圖形(xing)在風格的(de)(de)選取(qu)上，也(ye)有著近乎(hu)無限(xian)的(de)(de)可(ke)能，這使(shi)得設計(ji)(ji)師可(ke)以通過它更好(hao)地(di)傳遞情緒和(he)情感。
不過，好的(de)(de)圖片往往不便宜，高素(su)質的(de)(de)圖片素(su)材(cai)大(da)多是精(jing)心定制的(de)(de)，使(shi)用商用圖庫(ku)的(de)(de)問題在(zai)于，別人也能(neng)購買使(shi)用，這在(zai)很(hen)大(da)程(cheng)度上抹平(ping)了你和其他設計師之間(jian)的(de)(de)差異。
在文案(an)和(he)(he)內(nei)容上和(he)(he)其(qi)他的(de)網站(zhan)(zhan)區分開(kai)來(lai)，這件事很(hen)重要，但是同時也可(ke)能是拉開(kai)距離最艱難(nan)的(de)方(fang)式(shi)。網站(zhan)(zhan)應該(gai)能夠反映(ying)出公司或者品牌的(de)個性和(he)(he)文化(hua)，而這些東西通常是通過文案(an)和(he)(he)內(nei)容來(lai)呈現(xian)，從Banner 的(de)標(biao)題到圖(tu)標(biao)和(he)(he)按鈕上的(de)微文案(an)都應該(gai)凸顯這些內(nei)容。
不過，想要(yao)做(zuo)到(dao)這(zhe)一點，也就意味著(zhu)你(ni)(ni)需(xu)要(yao)同客戶進行(xing)深入(ru)的(de)溝通和(he)協作了。你(ni)(ni)要(yao)讓文案擁(yong)有(you)相應的(de)氣(qi)(qi)質，擁(yong)有(you)人應該有(you)的(de)語氣(qi)(qi)和(he)氣(qi)(qi)質，而(er)這(zhe)也是最難(nan)的(de)地方。絕大多(duo)數(shu)的(de)營銷文案都(dou)有(you)著(zhu)非常明(ming)確(que)的(de)語調和(he)感覺。
我之前曾經為網站(zhan)(zhan)設計過全(quan)部的(de)(de)文(wen)案(an)(an)和內容，用(yong)戶在Banner和輪播(bo)圖這(zhe)樣的(de)(de)地方期望能看到推(tui)薦甚至推(tui)銷產品的(de)(de)文(wen)案(an)(an)，而在網站(zhan)(zhan)其他的(de)(de)地方諸如設置(zhi)、導航(hang)中又(you)不喜歡(huan)被當(dang)作客戶——他們更期望文(wen)案(an)(an)能像是人(ren)和人(ren)之間的(de)(de)溝通一樣自然。這(zhe)樣的(de)(de)設計往(wang)往(wang)能讓網站(zhan)(zhan)脫(tuo)穎而出。
動(dong)(dong)效(xiao)在設(she)計圈中(zhong)越來越重要了，這不是(shi)沒有道理的(de)。優秀(xiu)的(de)動(dong)(dong)效(xiao)能夠讓體驗更優秀(xiu)，更令(ling)(ling)人(ren)難(nan)忘。從動(dong)(dong)畫片誕(dan)生(sheng)一(yi)直(zhi)到動(dong)(dong)效(xiao)大規模地運用在網頁(ye)設(she)計中(zhong)，整整間隔了一(yi)個世紀之久。在網頁(ye)剛(gang)剛(gang)誕(dan)生(sheng)的(de)年代就(jiu)有人(ren)嘗試(shi)過(guo)在網頁(ye)中(zhong)運用動(dong)(dong)效(xiao)，但是(shi)效(xiao)果之粗(cu)糙(cao)簡直(zhi)令(ling)(ling)人(ren)發指。
今天(tian)的(de)(de)(de)動(dong)(dong)效(xiao)(xiao)(xiao)設計(ji)已經逐步成熟，但是真正(zheng)好(hao)(hao)的(de)(de)(de)動(dong)(dong)效(xiao)(xiao)(xiao)依然不(bu)多。我(wo)在最后才提及動(dong)(dong)效(xiao)(xiao)(xiao)，原(yuan)因并(bing)不(bu)復雜(za)：動(dong)(dong)效(xiao)(xiao)(xiao)確(que)實很(hen)好(hao)(hao)用，但是好(hao)(hao)動(dong)(dong)效(xiao)(xiao)(xiao)并(bing)不(bu)容易獲(huo)得。我(wo)的(de)(de)(de)意思是，動(dong)(dong)效(xiao)(xiao)(xiao)的(de)(de)(de)設計(ji)和制(zhi)作成本確(que)實在逐步降低(di)，但是濫(lan)用而導致的(de)(de)(de)可(ke)用性和體驗上的(de)(de)(de)問題，同樣很(hen)多。缺少動(dong)(dong)效(xiao)(xiao)(xiao)，我(wo)們會覺得過渡(du)生(sheng)硬(ying)，而動(dong)(dong)效(xiao)(xiao)(xiao)做(zuo)的(de)(de)(de)太(tai)過明顯（比(bi)如彈跳），用戶又會覺得鬧心(xin)。所以(yi)，盡可(ke)能讓動(dong)(dong)效(xiao)(xiao)(xiao)微妙，才是關鍵。
仔細看(kan)看(kan)那些設(she)(she)計(ji)優秀(xiu)的(de)(de)(de)網站(zhan)，你(ni)(ni)會(hui)發現(xian)稍(shao)有設(she)(she)計(ji)師(shi)(shi)會(hui)只用上述策(ce)略(lve)中的(de)(de)(de)一種，甚至有的(de)(de)(de)設(she)(she)計(ji)師(shi)(shi)在 5 個(ge)方面(mian)都(dou)做(zuo)的(de)(de)(de)非常的(de)(de)(de)突出。不過(guo)(guo)，作(zuo)為設(she)(she)計(ji)者(zhe)，你(ni)(ni)應該懂得輕重緩急，有策(ce)略(lve)有偏(pian)向地制定設(she)(she)計(ji)策(ce)略(lve)。搞(gao)清(qing)楚自己的(de)(de)(de)優勢在哪里，是視覺(jue)設(she)(she)計(ji)還是信息架構，是品牌(pai)優化，還是動效設(she)(she)計(ji)，圍繞著你(ni)(ni)最得心應手的(de)(de)(de)部分(fen)來推進整個(ge)設(she)(she)計(ji)。最后(hou)，當你(ni)(ni)在創造某(mou)些全新的(de)(de)(de)東西的(de)(de)(de)時候，享受這個(ge)過(guo)(guo)程。
