經(jīng)過長(zhǎng)時(shí)間的對(duì)接客戶，在客戶與非潛在客戶之前，我們了解到客戶經(jīng)常提到的幾個(gè)關(guān)于網(wǎng)站設(shè)計(jì)的問題，那么，由于行業(yè)內(nèi)不斷的承諾任何效果都能實(shí)現(xiàn)，任何新技術(shù)都是推薦和好的，我們這次要總結(jié)下網(wǎng)站設(shè)計(jì)目前的一些狀況，供大家參考了解，以響應(yīng)式、扁平化、微交互、個(gè)性化此為大概的范疇（自身領(lǐng)悟，非統(tǒng)計(jì)型理論）。

 

響應(yīng)式網(wǎng)站

    在14年和15年這段時(shí)間里面，響應(yīng)設(shè)計(jì)快速鞏固了自己作為網(wǎng)頁設(shè)計(jì)的新標(biāo)準(zhǔn)。當(dāng)然，也有爭(zhēng)論，但是沒人說，“讓我們擺脫響應(yīng)式設(shè)計(jì)吧”。實(shí)際上，越來越多的網(wǎng)站選擇響應(yīng)式的方向。2014年確實(shí)如此，2015年也還會(huì)繼續(xù)。這已經(jīng)不是種趨勢(shì)，而是常態(tài)了。那么，是什么樣的網(wǎng)站會(huì)選擇響應(yīng)式設(shè)計(jì)呢？

       客戶展示內(nèi)容會(huì)相對(duì)單一，響應(yīng)式網(wǎng)站對(duì)網(wǎng)站設(shè)計(jì)本身是有要求的，其在網(wǎng)站建設(shè)的時(shí)候，首先要規(guī)則化，不允許不太規(guī)則的排版，例如，響應(yīng)式網(wǎng)站一般都是一排2個(gè)，3個(gè)，4個(gè)模塊去布局，因?yàn)檫@樣不同平臺(tái)自適應(yīng)內(nèi)容的時(shí)候，就會(huì)自動(dòng)排，不至于影響到整體內(nèi)容，假如上下圖之間有錯(cuò)落感，例如一些服裝品牌，模特很可能在上下圖之間，這樣的話，沒辦法做響應(yīng)式了，但一般情況下，這樣的網(wǎng)站會(huì)相對(duì)有層次感一些。

         所以，為什么客戶會(huì)選擇響應(yīng)式呢？例如，客戶是做產(chǎn)品和解決方案的，那么在做項(xiàng)目的時(shí)候，為了兼顧移動(dòng)端的用戶，他就能省掉做手機(jī)版網(wǎng)站的費(fèi)用，產(chǎn)品可以橫排3個(gè)，解決方案4個(gè)，案例2個(gè)，這些都不會(huì)影響網(wǎng)站的整體，但通常情況下，網(wǎng)站本身就沒有太多交互效果。

       為什么這么多客戶熱衷于做響應(yīng)式？首先，單獨(dú)的手機(jī)版在體驗(yàn)上肯定會(huì)高于響應(yīng)式，那么客戶會(huì)根據(jù)自己的編輯，網(wǎng)站建設(shè)項(xiàng)目預(yù)算去衡量響應(yīng)式的選擇了，絕大部分客戶還是會(huì)選擇響應(yīng)式布局的網(wǎng)站。同時(shí)，由于，響應(yīng)式網(wǎng)站是個(gè)新名詞，所有的網(wǎng)站建設(shè)公司都會(huì)去推，以體現(xiàn)自己對(duì)前沿技術(shù)的多了解，就像當(dāng)時(shí)html5標(biāo)準(zhǔn)出來一樣的，客戶只知道你能不能做htnl5，而不知道有什么實(shí)質(zhì)的區(qū)別，就目前客戶對(duì)接來看，80%的客戶上來就問你們能不能做響應(yīng)式網(wǎng)站，其實(shí)更多的是網(wǎng)站建設(shè)公司的灌輸。

        總結(jié)上述內(nèi)容，響應(yīng)式網(wǎng)站是未來90%客戶的選擇，主要還是能夠在各種版本自然化瀏覽，其實(shí)質(zhì)是不用花更多的成本去做手機(jī)版，如果有客戶只注重設(shè)計(jì)和用戶體驗(yàn)，這樣選擇響應(yīng)式相對(duì)就少一些。

 

2   扁平化

  

     扁平化設(shè)計(jì)在過去兩年里勢(shì)頭迅猛，2015年在持續(xù)。然后，對(duì)于扁平化而言或許只是個(gè)概念，也許是Material Design (材料設(shè)計(jì))，那么什么是Material Design呢？

　　Material Design是 Google今年新推出的移動(dòng)設(shè)計(jì)方向，“Material(材料)”是種隱喻：空間的合理化及系統(tǒng)動(dòng)效的統(tǒng)一。Material源自現(xiàn)實(shí)的感知，靈感來自紙張和油墨，尚未開啟的想象力和神奇。

　　很多設(shè)計(jì)師說，材料設(shè)計(jì)語言在扁平化上作了微妙的漸變，層次感和動(dòng)畫保留了意義上的有形世界(物理空間和物體)，同時(shí)實(shí)現(xiàn)了扁平化的所有優(yōu)點(diǎn)。有些人可能不同意，但我個(gè)人覺得，這就是扁平化設(shè)計(jì)的整體領(lǐng)導(dǎo)，我們期待看到更多的企業(yè)和個(gè)人在2014年及以后采取該策略。

 

3 字體的舒適度

              其實(shí)，越來越多的網(wǎng)站上字體的運(yùn)用能突出網(wǎng)站的整體設(shè)計(jì)感覺，　傳統(tǒng)的一些Web字體價(jià)格昂貴，意味著網(wǎng)站排版需要更多的預(yù)算。如今，這種情況在改變，設(shè)計(jì)師只要更少的預(yù)算甚至免費(fèi)(如Google Fonts)的字體集就能在網(wǎng)頁上自由設(shè)計(jì)。

 

4  以視頻作為背景

         一個(gè)讓網(wǎng)站脫穎而出的簡(jiǎn)單方式是突出關(guān)鍵的內(nèi)容，這種趨勢(shì)需要以美妙的方式來完成，強(qiáng)調(diào)設(shè)計(jì)哲學(xué)，優(yōu)雅有力量，而非只是噱頭。

 

5  滾動(dòng)主導(dǎo)點(diǎn)擊

        得益于移動(dòng)互聯(lián)網(wǎng)的發(fā)展，網(wǎng)頁設(shè)計(jì)更偏向移動(dòng)化，因此會(huì)帶來更有效和愉悅的移動(dòng)體驗(yàn)，如滾動(dòng)主導(dǎo)點(diǎn)擊。這種方式更直觀，易于實(shí)現(xiàn)，減少加載時(shí)間，允許網(wǎng)站與用戶之間更多的交互。

 

6  動(dòng)畫卡通設(shè)計(jì)理念

 

   卡片式設(shè)計(jì)，不算新穎，卻是響應(yīng)式網(wǎng)頁設(shè)計(jì)的最佳實(shí)踐�？ㄆ�式設(shè)計(jì)很好的一個(gè)方式是模塊化，重新編排欄目也不會(huì)草率或紊亂，在瀏覽器中能瀏覽大量數(shù)據(jù)，但是要提示用戶深入了解�？傊�，卡片設(shè)計(jì)干凈簡(jiǎn)單，具備多功能性。正是網(wǎng)絡(luò)的需求，2014和2015年你將能看到更多卡片式風(fēng)格設(shè)計(jì)。

　　大同市宏微信息技術(shù)有限公司主要從事技術(shù)開發(fā)、技術(shù)服務(wù)、技術(shù)轉(zhuǎn)讓；電腦圖文設(shè)計(jì)、制作；網(wǎng)站網(wǎng)頁設(shè)計(jì)、維護(hù)；廣告設(shè)計(jì)、制作及發(fā)布；公司主要技術(shù)人員在大同制作網(wǎng)站、大同建站、大同做網(wǎng)站、大同網(wǎng)站建設(shè)、大同網(wǎng)站制作、大同網(wǎng)頁設(shè)計(jì)、大同網(wǎng)絡(luò)開發(fā)、大同網(wǎng)站優(yōu)化等方面有多年豐富的從業(yè)經(jīng)驗(yàn)。