用靈魂感悟設(shè)計 · 用設(shè)計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計中國    ⁄    網(wǎng)頁設(shè)計    ⁄ 資訊內(nèi)容

設(shè)計中國:網(wǎng)頁設(shè)計的十個重點

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2017/7/24 11:20:48     瀏覽:
2017年是在創(chuàng)意和視覺設(shè)計上不斷探索的一年,網(wǎng)頁設(shè)計從功能到用色再到排版無一不例外的混入了與16年截然不同的風(fēng)格。

  2017年是在創(chuàng)意和視覺設(shè)計上不斷探索的一年,網(wǎng)頁設(shè)計從功能到用色再到排版無一不例外的混入了與16年截然不同的風(fēng)格,而此時此刻,一些創(chuàng)意已經(jīng)開始悄然流行起來了,下面,設(shè)計中國就分享網(wǎng)頁設(shè)計的十個重點。

  1、漸變

  已經(jīng)在網(wǎng)頁設(shè)計中消失多年的漸變強勢回歸,但是去掉了模糊顯示。在漸變的末期,有很多微小的設(shè)計變化。蘋果的iOS圖標(biāo)是最明顯的例子。現(xiàn)在的漸變使用更大膽,醒目,顏色也更加豐富。

  2、帶聲音的視頻

  用戶越來越習(xí)慣在他們的設(shè)備上觀看視頻,從YouTube 上的幾針的小視頻到電影。網(wǎng)頁設(shè)計可以模仿這種視頻的體驗,利用整屏的帶聲音的視頻展示首頁內(nèi)容(并不需要自動播放效果)

  需要謹(jǐn)慎注意的是,設(shè)計中需要有一個切換聲音開啟關(guān)閉的按鈕,因為并不是所有人都會喜歡這種效果。

  視頻的內(nèi)容必須是最主要要表達的,要讓用戶知道配樂只是為了增強體驗的一部分(這種設(shè)計趨勢看似花哨,但是如果你使用了正確的視頻并且配樂使用正確效果會非常驚艷)。

  3、虛擬現(xiàn)實

  虛擬現(xiàn)實技術(shù)目測將是2017年被討論最多的內(nèi)容。在能夠負擔(dān)得起的,眾多的設(shè)備當(dāng)中,虛擬現(xiàn)實設(shè)備數(shù)量越來越多!游戲玩家最初會充分體驗虛擬現(xiàn)實游戲帶給他們的樂趣!但是VR一定會打入市場和其它應(yīng)用中。

  你需要為此做好設(shè)計準(zhǔn)備,此外,你需要準(zhǔn)備好設(shè)計沒有頭戴設(shè)備的增強現(xiàn)實體驗,這其中包括在網(wǎng)頁設(shè)計中的360度的視頻體驗和其它高度互動的3D體驗效果。

  任何一種將交互模帶入下一個層次的設(shè)計都會有VR效果,同時也將成為一種完美的趨勢。

  4、滾動視差繼續(xù)

  滾動視差效果是2016年非常流行的設(shè)計趨勢,設(shè)計師在利用鼠標(biāo)滾動創(chuàng)造效果上也越來越精明。視差的趨勢仍然會繼續(xù)發(fā)酵-并會創(chuàng)造更好的視差效果。

  視差設(shè)計趨勢不跌反漲,而且在滾動過程中會捕獲更加富的層次感。2017年幾乎每一個設(shè)計趨勢的關(guān)鍵都是觸摸真實,視差也不例外。越是真實的滾動效果,越能激起用戶的瀏覽欲望。

  5、超極簡單的首頁

  越來越多的設(shè)計摒棄了首頁冗余的風(fēng)格,而且這種風(fēng)格已經(jīng)流行了一段時間。越來越多的視覺設(shè)計師選擇在首頁僅僅顯示一個或兩幾個字符。

  在你還在為SEO擔(dān)心的時候,這些頁面通常打包著豐富的數(shù)據(jù)在向下滾動的時候呈現(xiàn)給你了。這是一個能證明用戶的使用習(xí)慣如何改變網(wǎng)頁設(shè)計的很有力的例子。

  由于在手機端網(wǎng)頁大量的滾動操作,讓用戶習(xí)慣了在不同的設(shè)備上滾動瀏覽網(wǎng)頁。這種通過滾動界面展示更多內(nèi)容的的交互模式,讓設(shè)計師在設(shè)計一個輕量級簡潔的界面的時候變得更加容易。

  小技巧:盡可能的讓用戶在首頁得到最渴望得到的內(nèi)容,以此調(diào)動用戶繼續(xù)向下探究的欲望。

  6、新穎的導(dǎo)航菜單

  導(dǎo)航菜單再也不用單調(diào)的固定在網(wǎng)頁的頂端。從隱藏式菜單,到浮層菜單,亦或者將菜單展示網(wǎng)頁的一側(cè)或者底部,菜單位置的變更已經(jīng)成為一種趨勢(前提它的位置等快速讓用戶找到)

  在決定對導(dǎo)航菜單進行改版之前,請先仔細研究下用戶畫像,如果這種導(dǎo)航模式能夠輕松的被用戶發(fā)現(xiàn),并且用戶可以輕松的理解使用,那還等什么快行動起來吧!反之,請再仔細斟酌下你的設(shè)計!

  7、更加寫實

  網(wǎng)頁設(shè)計源于物理事物,它起步于材料設(shè)計,發(fā)展于更多的觸覺表象和層次感。這種界面表現(xiàn)趨勢正在擴展到視覺展示中。

  設(shè)計師的設(shè)計源于現(xiàn)實,這包括照片而不是插圖,以及近乎觸手可及的豐富的元素。這些照片更加真實的同時,其中的元素也來源于自然或被制成項目產(chǎn)品。

  8、中性色調(diào)

  寫實的設(shè)計原則也同時延續(xù)到色板,最近幾年色彩豐富的網(wǎng)頁設(shè)計逐漸被中性色所代替。

  網(wǎng)頁設(shè)計中越來越多大自然色,米色和輕柔的配音。也預(yù)示著濃烈的,明亮的色彩斑斕的色板會被更自然的顏色所取代。

  9、可穿戴設(shè)備對網(wǎng)頁的影響

  小的設(shè)計也可能影響到其它任何事情。在很大程度上移動設(shè)備的最初的設(shè)計思路影響了所有網(wǎng)站的工作方式。同樣,可穿戴設(shè)備也將對app的設(shè)計有著深遠的影響。(你也會希望你的app能同時在手機和手表上運行,不是嗎?)

  這種影響可能會改變外觀和一些移動應(yīng)用程序,我們可能會看到更大的版式和更簡單的風(fēng)格出現(xiàn)。人們在選擇可穿戴設(shè)備的同時,也希望可穿戴上的交互能夠在其它設(shè)備上同步。這種設(shè)計方式遲早會發(fā)生。

  10、自定義字體

  超大的,加粗的字體永遠不會過。這種設(shè)計趨勢貌似發(fā)展的越來越好了。由于越來越多的網(wǎng)頁字體的出現(xiàn)和兼容性,越來越多的設(shè)計師正在試圖創(chuàng)造出更新奇更有趣的字體。

  這對于厭倦了無襯線字體統(tǒng)治設(shè)計項目的設(shè)計師和用戶來說都是一場勝利。從復(fù)古樣式到復(fù)古外觀再到用戶完全自定義字體,設(shè)計師需要考慮怎樣的設(shè)計才能增加字體的趣味性。

  要時刻銘記的是,酷酷的字體仍然要保持可讀性。所以無論你是將字體與圖片結(jié)合還是單獨的展示,確保用戶能夠只是一瞥就能領(lǐng)悟到你要表達的意思。