未來幾年的設計領域也許是非常令人期待的,隨著H5和CSS3的普及,新一代的CSS4技術(shù)也開始被廣泛接受,引入了更強大的SVG和一些CSS可以做的新事物,為網(wǎng)頁設計增添了許多新的思路和靈感。回顧2017年網(wǎng)站設計的發(fā)展,我們來細數(shù)一下那些已成為主流的設計手法。
采用高分辨率的全屏視覺效果
全屏高清圖和人物焦點模式的設計趨勢可能會持續(xù)很長一段時間,因為它包含了高端設計的諸多要素:視覺陳述、高分辨率、視覺沖擊力、焦點集中效果等。它幾乎被應用于電子商務、旅游、房產(chǎn)、金融、教育、娛樂、信息平臺等各種行業(yè)的網(wǎng)站。
全屏視覺效果可以瞬間提升訪客對品牌的認知度和瀏覽網(wǎng)站的心情,比較容易掀起互動體驗,比如用戶可能更愿意點擊聊天按鈕,或者有拿起電話來咨詢一下的小沖動。這都是高分辨率圖片本身發(fā)揮的作用。
互動導航的設計
由于網(wǎng)站訪問流量向移動設備轉(zhuǎn)移的原因,在2017年里,能夠響應各種終端設備的用戶界面變得非常受歡迎。而漢堡包菜單也成為了響應式網(wǎng)站中的主流導航設計手法。
未來,我們將會看到越來越多的網(wǎng)站提供最小化導航的互動設計,使用站點邊界的垂直文本,將粘性菜單移至底部,或以交互方式來驅(qū)動導航等。
分屏式的布局設計和整屏切換效果
在過去幾年里,磚塊式的版塊拼組設計比較受歡迎,但在從去年開始,我們看到整屏切換效果成為了一個新的設計手法,并在今年走向流行。這種方式,實際上是使用了多個高分辨率大圖設計,并通過鼠標滾輪在屏幕中多次輪換展示。
分屏布局和整屏切換模式在極簡主義的網(wǎng)頁設計中效果最佳,其中負空間、粗字體、高亮色的排版組合極具視覺震撼力。實際上,千助網(wǎng)站建設在2015年就已經(jīng)為自己的官網(wǎng)應用了該設計手法,并很快在行業(yè)內(nèi)形成流行趨勢。
抽象化設計
CSS技術(shù)的發(fā)展讓網(wǎng)頁設計比以往任何時候都更加靈活,更加游刃有余。這其中產(chǎn)生了很多藝術(shù)和有趣的排版布局效果,有時像一幅抽象畫一樣,讓人看不出頭緒,但細細品味,卻可以體會到其高端設計的靈感。
動畫與微觀交互
雖然以上的設計手法已經(jīng)成為流行趨勢,但你同時也會發(fā)現(xiàn),大部分的網(wǎng)站設計中還結(jié)合了動畫或交互特效。你如果留心細節(jié),你可能會看到微妙的懸停效果、淡入淡出效果、文字或圖片的翻轉(zhuǎn)效果等,它們增強了用戶體驗,并成功吸引了訪客的好奇心。
專業(yè)的設計師們都清楚,網(wǎng)頁設計的重點不在于詳細的內(nèi)容和信息的傳遞(這些并不是不重要,而是更側(cè)向于營銷工作),網(wǎng)頁設計更專注于提供高端的視覺效果和用戶體驗感??纯茨切﹥?yōu)秀的網(wǎng)站案例,我們就知道,高清大圖、分屏滾動、視覺差、微觀互動,以及抽象布局等非內(nèi)容排版的設計手法,在當前是多么地流行了。