新聞發(fā)布
管理系統(tǒng)
就像任何其他的藝術(shù)形式，網(wǎng)頁(yè)設(shè)計(jì)總是進(jìn)化。作為技術(shù)的權(quán)力，我們的在線體驗(yàn)的飛躍，一些趨勢(shì)半途而廢，而其他的改進(jìn)和新的出現(xiàn)。
呆在你的游戲的頂部是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，你需要把耳朵貼在地面上而形成的對(duì)什么可行，什么不一點(diǎn)指導(dǎo)是永遠(yuǎn)歡迎你的見解，所以我們列出了網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)要注意2017。然而，在我們跳，讓我們花一分鐘
在2016網(wǎng)站設(shè)計(jì)的發(fā)展趨勢(shì)
每年都有進(jìn)步的時(shí)候，網(wǎng)頁(yè)設(shè)計(jì)，2016沒有例外。這里有一些主導(dǎo)了過(guò)去12個(gè)月的趨勢(shì)：
材料設(shè)計(jì)這樣的設(shè)計(jì)理念，今年又在我們的名單上，并期待在新的設(shè)計(jì)標(biāo)準(zhǔn)。
平面設(shè)計(jì)這種趨勢(shì)是不會(huì)去任何地方，特別是因?yàn)樗芎门c材料設(shè)計(jì)。
移動(dòng)用戶體驗(yàn)這個(gè)移動(dòng)設(shè)備的增長(zhǎng)是不可阻擋的，而網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)上升到適應(yīng)的挑戰(zhàn)。
移動(dòng)布局一個(gè)移動(dòng)的設(shè)計(jì)重要的部分是你的布局，和極簡(jiǎn)主義領(lǐng)導(dǎo)包在2016。
更多的意象過(guò)去這一年看到的網(wǎng)站擁有一個(gè)更加形象驅(qū)動(dòng)設(shè)計(jì)和講故事的方法。
牌瓷磚Pinterest引領(lǐng)瓷磚的設(shè)計(jì)費(fèi)用，但現(xiàn)在潮水正在轉(zhuǎn)向朝更加翔實(shí)的同行–卡。
更多的內(nèi)容和更少的廣告。網(wǎng)絡(luò)廣告仍然是一個(gè)巨大的產(chǎn)業(yè)，但他們很快就成為過(guò)時(shí)的東西，從設(shè)計(jì)的角度來(lái)看。
因?yàn)榇蠖鄶?shù)這些趨勢(shì)并沒有使它成為今年的一塊，這并不意味著他們已經(jīng)變得無(wú)關(guān)緊要。事實(shí)上，他們中的一些人可能會(huì)繼續(xù)形狀的網(wǎng)頁(yè)設(shè)計(jì)來(lái)。然而，讓我們?cè)谇‘?dāng)?shù)倪M(jìn)貨趨勢(shì)觀察。
2017網(wǎng)站設(shè)計(jì)趨勢(shì)預(yù)測(cè)
2016是手機(jī)界面的一年，在發(fā)展的前沿的可用性增加。今年，旨在使那些可用的接口更引人注目。
有鑒于此，我們預(yù)計(jì)2017注重參與和互動(dòng)內(nèi)容，而不犧牲可用性。至于網(wǎng)頁(yè)設(shè)計(jì)，這是一個(gè)成功的組合。
后，值得一提的是一些趨勢(shì)，沒能進(jìn)入這個(gè)名單，如整合服飾和網(wǎng)頁(yè)設(shè)計(jì)，和一個(gè)“真實(shí)”的照片在網(wǎng)站的崛起。這一趨勢(shì)可能繼續(xù)崛起（尤其是前者）隨著技術(shù)的發(fā)展–但現(xiàn)在，讓我們看一看長(zhǎng)期趨勢(shì)。
1.材料設(shè)計(jì)
材料設(shè)計(jì)已如這些文章主體有幾年了，并沒有顯示出放緩的跡象。這個(gè)看似簡(jiǎn)單的學(xué)校設(shè)計(jì)的靈感來(lái)自于簡(jiǎn)單的元素–紙張和油墨。
有效的材料設(shè)計(jì)相結(jié)合的一個(gè)簡(jiǎn)單的網(wǎng)格系統(tǒng)的視覺層次來(lái)創(chuàng)建高可用的布局和引導(dǎo)用戶的行為。這是獲得牽引力，在過(guò)去的幾年里，谷歌已廣泛實(shí)施，它的大部分項(xiàng)目。在某些方面，這是我們走到一個(gè)通用的設(shè)計(jì)語(yǔ)言接近的，但一些設(shè)計(jì)師已經(jīng)推后在什么可以被視為一個(gè)同質(zhì)化的網(wǎng)站。
總之，材料的設(shè)計(jì)不可能很快消失，你好把它變成你自己的工作原理。然而，警惕過(guò)分依賴它，因?yàn)樗赡軙?huì)流行，一旦設(shè)計(jì)師反擊缺乏變化。
如果你想提高你的材料設(shè)計(jì)技巧，開始檢查谷歌自己的指南。您可能也有興趣材料設(shè)計(jì)的精簡(jiǎn)版–協(xié)作努力，旨在彌合缺漏與母公司的規(guī)格。
2.microinteractions
這些天，microinteractions無(wú)處不在我們幾乎沒有注意到他們的一切。然而，否認(rèn)他們的重要性的時(shí)候，這是不可能的好的用戶體驗(yàn)設(shè)計(jì)
他們的行動(dòng)是基于小動(dòng)畫（如一個(gè)按鈕的點(diǎn)擊）。好的microinteractions成功兩方面。他們傳達(dá)的影響后面的一個(gè)動(dòng)作（如喜歡后一款圖片分享應(yīng)用），他們也不會(huì)分散用戶的整體體驗(yàn)。他們已經(jīng)中流砥柱當(dāng)涉及到應(yīng)用程序的設(shè)計(jì)，以及網(wǎng)站導(dǎo)航的不斷發(fā)展，我們期待網(wǎng)站開始將他們集體也.
如果你想添加到您的網(wǎng)頁(yè)設(shè)計(jì)工具，microinteractions是恒星的選擇。要開始，你需要了解用戶體驗(yàn)設(shè)計(jì)microinteractions，前解構(gòu)的一些例子要實(shí)現(xiàn)它們的感覺
3.動(dòng)畫和svgs
雖然microinterations正在聚光燈下今年網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)，大膽的動(dòng)畫設(shè)置浪涌過(guò)。當(dāng)正確使用–即不像90年代或世紀(jì)早期較大的動(dòng)畫可以–提高你的設(shè)計(jì)的方式，其他的設(shè)計(jì)技術(shù)不行。
當(dāng)涉及到要使用的格式，GIF是長(zhǎng)壽受歡迎的。然而，在我們的例子中，我們大球迷可縮放矢量圖形（SVG）由于其固有的反應(yīng)和影響–都派上用場(chǎng)，建設(shè)一個(gè)現(xiàn)代化的Web界面的時(shí)候。
有工具，使您可以創(chuàng)建并與SVGs很多，流行的是矢量繪圖工具和Inkscape。一旦你選定了一個(gè)工具，你可以將SVG文件使用CSS動(dòng)畫。雖然這種方法是一種很好的標(biāo)志，你還可以把它的其他元素如圖標(biāo)和菜單項(xiàng)
4.驚人的和大膽的字體
大膽、醒目的字體幾乎沒有一個(gè)新人當(dāng)涉及到網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)，但它有望成為今年更流行。
這些天，可用性永遠(yuǎn)不遠(yuǎn)從一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師的思維，和大膽的字體可以幫助你提高自己的訪客的經(jīng)驗(yàn)。此外，當(dāng)涉及到網(wǎng)絡(luò)，立即捕獲你的訪客的關(guān)注是重要的。這不需要復(fù)雜的–一個(gè)明確的信息，簡(jiǎn)單的標(biāo)題通常是一個(gè)實(shí)心的，功能選擇。
在過(guò)去，我們已經(jīng)談了一些的好的無(wú)襯線字體網(wǎng)站的標(biāo)題。這些字體為感謝他們的大膽性和可讀性強(qiáng)的高沖擊的設(shè)計(jì)是完美的，所以將它們?nèi)谌胱约旱脑O(shè)計(jì)將重點(diǎn)實(shí)施。
5.大膽的顏色和梯度
低調(diào)的顏色為主，網(wǎng)頁(yè)設(shè)計(jì)現(xiàn)在。鑒于過(guò)去幾年主要集中在提供清潔，可用的經(jīng)驗(yàn)，這意味著更多的關(guān)注，尋求色彩計(jì)劃半途而廢。
然而，一個(gè)色彩大膽的選擇不一定意味著痛苦的閱讀體驗(yàn)。更重要的是，梯度也卷土重來(lái)–他們看起來(lái)非常時(shí)髦的靴子。
當(dāng)你考慮平面設(shè)計(jì)無(wú)處不在，在過(guò)去的幾年里這種復(fù)蘇是很自然的。每一次的趨勢(shì)變得太流行或流行，設(shè)計(jì)師發(fā)現(xiàn)打破單調(diào)的方式感知。
你選擇的顏色可以是高度依賴于你的口味，但仍有工具可以派上用場(chǎng)的多創(chuàng)建一個(gè)豐富的調(diào)色板。例如,Adobe顏色可以保存復(fù)雜的配色方案的設(shè)計(jì)，而解如coolors讓你輕松快速瀏覽互補(bǔ)色。
6.虛擬現(xiàn)實(shí)
有幾件事當(dāng)談到網(wǎng)頁(yè)設(shè)計(jì)–但虛擬現(xiàn)實(shí)的未來(lái)就是其中之一。作為技術(shù)繼續(xù)發(fā)展和設(shè)備變得更加負(fù)擔(dān)得起的，網(wǎng)站都開始采用這一。
雖然它可能似乎不是一個(gè)有用的Web設(shè)計(jì)技術(shù)的進(jìn)步，虛擬現(xiàn)實(shí)技術(shù)打開了一大堆講故事和敘事的可能性。它為您提供一個(gè)新的媒介來(lái)吸引用戶，如果你現(xiàn)在就開始，你會(huì)領(lǐng)先群雄。
這是一個(gè)新興的進(jìn)步；然而，有是跡象表明，大規(guī)模普及迫在眉睫。WordPress.com，例如，開始支持360°圖像和視頻本身在2016。鑒于其市場(chǎng)支配地位任何特征，實(shí)現(xiàn)了一定的其他平臺(tái)的速度。
此外，有一些插件幫助你登上了。當(dāng)它沒有在數(shù)年內(nèi)更新，panopress是第一個(gè)可用的。然而，目前的插件如WP虛擬視圖是現(xiàn)代的，定期更新，實(shí)現(xiàn)虛擬現(xiàn)實(shí)解決方案。
7.會(huì)話接口
會(huì)話接口和語(yǔ)音激活的用戶界面在虛擬現(xiàn)實(shí)中的一個(gè)步驟時(shí)，采用。但是，他們沒有能夠使飛躍無(wú)處不在呢。
一個(gè)網(wǎng)站使用會(huì)話線索交互聽起來(lái)像科幻小說(shuō)。然而，該技術(shù)具有重要的意義，當(dāng)它涉及到網(wǎng)站的可用性。我們已經(jīng)看到了智能手機(jī)上的語(yǔ)音識(shí)別（禮貌Cortana和iPhone上的語(yǔ)音控制功能），和設(shè)備等亞馬遜的回聲。我們甚至看到操作系統(tǒng)如MacOS Sierra實(shí)現(xiàn)語(yǔ)音識(shí)別–但仍有很長(zhǎng)的路要走。
我們的錢是電子商務(wù)平臺(tái)利用技術(shù)，以提供增強(qiáng)的用戶體驗(yàn)。無(wú)論哪種方式，在學(xué)習(xí)這些技術(shù)現(xiàn)在將平衡你收獲的好處不久。
