針對網頁(yè)設計而言非常落地的10項提升建議
來源: 2017-8-14 16:29:10 浏覽量:
1、漸變
已經在網頁(yè)設計中(zhōng)消失多(duō)年的漸變強勢回歸,但是去掉了模糊顯示。在漸變的末期,有(yǒu)很(hěn)多(duō)微小(xiǎo)的設計變化。蘋果的iOS圖标是最明顯的例子。現在的漸變使用(yòng)更大膽,醒目,顔色也更加豐富。
如今最流行的漸變方式是将兩種顔色疊加在圖片上(這種技(jì )術讓你的設計看上去驚豔無比!)。這種使用(yòng)手法使得一張看似無趣的圖片看上去更生動有(yǒu)趣。另外如果你目前沒有(yǒu)一張滿意的照片可(kě)以使用(yòng),也可(kě)以通過一整張漸變背景來吸引用(yòng)戶的眼球。
2. 帶聲音的視頻
用(yòng)戶越來越習慣在他(tā)們的設備上觀看視頻,從YouTube 上的幾針的小(xiǎo)視頻到電(diàn)影。網頁(yè)設計可(kě)以模仿這種視頻的體(tǐ)驗,利用(yòng)整屏的帶聲音的視頻展示首頁(yè)内容(并不需要自動播放效果)
需要謹慎注意的是,設計中(zhōng)需要有(yǒu)一個切換聲音開啓關閉的按鈕,因為(wèi)并不是所有(yǒu)人都會喜歡這種效果。視頻的内容必須是最主要要表達的,要讓用(yòng)戶知道配樂隻是為(wèi)了增強體(tǐ)驗的一部分(fēn)(這種設計趨勢看似花(huā)哨,但是如果你使用(yòng)了正确的視頻并且配樂使用(yòng)正确效果會非常驚豔)。
3.虛拟現實(最huaishen)
虛拟現實技(jì )術目測将是2017年被讨論最多(duō)的内容。在能(néng)夠負擔得起的,衆多(duō)的設備當中(zhōng),虛拟現實設備數量越來越多(duō)!遊戲玩家最初會充分(fēn)體(tǐ)驗虛拟現實遊戲帶給他(tā)們的樂趣!但是VR一定會打入市場和其它應用(yòng)中(zhōng)。你需要為(wèi)此做好設計準備,此外,你需要準備好設計沒有(yǒu)頭戴設備的增強現實體(tǐ)驗,這其中(zhōng)包括在網頁(yè)設計中(zhōng)的360度的視頻體(tǐ)驗和其它高度互動的3D體(tǐ)驗效果。任何一種将交互模帶入下一個層次的設計都會有(yǒu)VR效果,同時也将成為(wèi)一種完美的趨勢。
4、滾動視差繼續
滾動視差效果是2016年非常流行的設計趨勢,設計師在利用(yòng)鼠标滾動創造效果上也越來越精(jīng)明。視差的趨勢仍然會繼續發酵-并會創造更好的視差效果。視差設計趨勢不跌反漲,而且在滾動過程中(zhōng)會捕獲更加富的層次感。2017年幾乎每一個設計趨勢的關鍵都是觸摸真實,視差也不例外。越是真實的滾動效果,越能(néng)激起用(yòng)戶的浏覽欲望。
5.炒(超)雞(極)簡單的首頁(yè)
越來越多(duō)的設計摒棄了首頁(yè)冗餘的風格,而且這種風格已經流行了一段時間。越來越多(duō)的視覺設計師選擇在首頁(yè)僅僅顯示一個或兩幾個字符。
在你還在為(wèi)SEO擔心的時候,這些頁(yè)面通常打包着豐富的數據在向下滾動的時候呈現給你了。這是一個能(néng)證明用(yòng)戶的使用(yòng)習慣如何改變網頁(yè)設計的很(hěn)有(yǒu)力的例子。由于在手機端網頁(yè)大量的滾動操作(zuò),讓用(yòng)戶習慣了在不同的設備上滾動浏覽網頁(yè)。這種通過滾動界面展示更多(duō)内容的的交互模式,讓設計師在設計一個輕量級簡潔的界面的時候變得更加容易。
小(xiǎo)技(jì )巧:盡可(kě)能(néng)的讓用(yòng)戶在首頁(yè)得到最渴望得到的内容,以此調動用(yòng)戶繼續向下探究的欲望。
6.新(xīn)穎的導航菜單
導航菜單再也不用(yòng)單調的固定在網頁(yè)的頂端。從隐藏式菜單,到浮層菜單,亦或者将菜單展示網頁(yè)的一側或者底部,菜單位置的變更已經成為(wèi)一種趨勢(前提它的位置等快速讓用(yòng)戶找到)在決定對導航菜單進行改版之前,請先仔細研究下用(yòng)戶畫像,如果這種導航模式能(néng)夠輕松的被用(yòng)戶發現,并且用(yòng)戶可(kě)以輕松的理(lǐ)解使用(yòng),那還等什麽快行動起來吧!反之,請再仔細斟酌下你的設計!
7、更加寫實
網頁(yè)設計源于物(wù)理(lǐ)事物(wù),它起步于材料設計,發展于更多(duō)的觸覺表象和層次感。這種界面表現趨勢正在擴展到視覺展示中(zhōng)。設計師的設計源于現實,這包括照片而不是插圖,以及近乎觸手可(kě)及的豐富的元素。這些照片更加真實的同時,其中(zhōng)的元素也來源于自然或被制成項目産(chǎn)品。
8.中(zhōng)性色調(我理(lǐ)解的性冷淡色系)
寫實的設計原則也同時延續到色闆,最近幾年色彩豐富的網頁(yè)設計逐漸被中(zhōng)性色所代替。網頁(yè)設計中(zhōng)越來越多(duō)大自然色,米色和輕柔的配音。也預示着濃烈的,明亮的色彩斑斓的色闆會被更自然的顔色所取代
9.可(kě)穿戴設備對網頁(yè)的影響
小(xiǎo)的設計也可(kě)能(néng)影響到其它任何事情。在很(hěn)大程度上移動設備的最初的設計思路影響了所有(yǒu)網站的工(gōng)作(zuò)方式。同樣,可(kě)穿戴設備也将對app的設計有(yǒu)着深遠(yuǎn)的影響。(你也會希望你的app能(néng)同時在手機和手表上運行,不是嗎?)這種影響可(kě)能(néng)會改變外觀和一些移動應用(yòng)程序,我們可(kě)能(néng)會看到更大的版式和更簡單的風格出現。人們在選擇可(kě)穿戴設備的同時,也希望可(kě)穿戴上的交互能(néng)夠在其它設備上同步。這種設計方式遲早會發生。
10.自定義字體(tǐ)
超大的,加粗的字體(tǐ)永遠(yuǎn)不會過。這種設計趨勢貌似發展的越來越好了。由于越來越多(duō)的網頁(yè)字體(tǐ)的出現和兼容性,越來越多(duō)的設計師正在試圖創造出更新(xīn)奇更有(yǒu)趣的字體(tǐ)。這對于厭倦了無襯線(xiàn)字體(tǐ)統治設計項目的設計師和用(yòng)戶來說都是一場勝利。從複古樣式到複古外觀再到用(yòng)戶完全自定義字體(tǐ),設計師需要考慮怎樣的設計才能(néng)增加字體(tǐ)的趣味性。時刻銘記的是,酷酷的字體(tǐ)仍然要保持可(kě)讀性。所以無論你是将字體(tǐ)與圖片結合還是單獨的展示,确保用(yòng)戶能(néng)夠隻是一瞥就能(néng)領悟到你要表達的意思。
本文(wén)系本網編輯轉載,轉載目的在于傳遞更多(duō)信息,并不代表本網贊同其觀點和對其真實性負責。如涉及作(zuò)品内容、版權和其它問題,請在30日内與本網聯系,我們将在第一時間删除内容!
[聲明]本站文(wén)章版權歸原作(zuò)者所有(yǒu) 内容為(wèi)作(zuò)者個人觀點 本站隻提供參考并不構成任何投資及應用(yòng)建議。