如何做網(wǎng)頁設(shè)計師未來的趨勢在哪?
首先要認(rèn)清什么是web,web設(shè)計又叫網(wǎng)頁設(shè)計。
web(World Wide Web)即全球廣域網(wǎng),也稱為萬維網(wǎng),它是一種基于超文本和HTTP的、全球性的、動態(tài)交互的、跨平臺的分布式圖形信息系統(tǒng)。是建立在Internet上的一種網(wǎng)絡(luò)服務(wù),為瀏覽者在Internet上查找和瀏覽信息提供了圖形化的、易于訪問的直觀界面,其中的文檔及超級鏈接將Internet上的信息節(jié)點組織成一個互為關(guān)聯(lián)的網(wǎng)狀結(jié)構(gòu)。
了解了我們未來的戰(zhàn)場后,我們需要學(xué)會了解用戶的需求。
如何了解用戶需要。
數(shù)據(jù)是有效的分析手段, 但數(shù)據(jù)帶來的指導(dǎo)性大多是宏觀或解釋性質(zhì)的, 在本質(zhì)上往往很難做出有效的說明. 比如用戶為什么會放棄或離開, 用戶為什么找不到本已存在的信息等。未來網(wǎng)頁設(shè)計的趨勢在哪?這些問題對于交互設(shè)計從某種角度通過數(shù)據(jù)是無法得到有效的解釋的. 所以回過頭來,我們就需要真正來了解一下下面這些信息:
背景 - 用戶背景信息, 如年齡, 職業(yè), 喜好等;
動機(jī) - 是什么需要趨勢用戶來使用這個產(chǎn)品;
特性 - 用戶關(guān)心這個產(chǎn)品的哪些特性;
情景 - 用戶在什么情況(外內(nèi)在因素)下來操作;
行為 - 用戶如何與產(chǎn)品交互;
目標(biāo) - 用戶最終想要得到什么;
習(xí)慣 - 用戶一般的操作或使用習(xí)慣, 比如左/右手操作, 閱讀文字大小習(xí)慣等 ;
期望 - 在為操作前或操作不能滿足后的期望;
方法 - 以用戶中心設(shè)計(UCD)原則應(yīng)該是一個最好的用戶需求分析指導(dǎo)方法。
這個部分涉及內(nèi)容比較多, 我大概列出常見的幾種研究方法:
面試 - 面對面的傾聽和觀察
調(diào)查 - 問卷抽查
需求分析 - 問卷統(tǒng)計和分析
Card Sort - 卡片組合排序
群體任務(wù)分析 - 對整個用戶群體的操作比較和分析
焦點用戶群 - 專家”用戶”評估
領(lǐng)域研究 - 種族, 年齡, 性別, 行業(yè)等不同領(lǐng)域的統(tǒng)計分析
標(biāo)題注解: 因為用戶這個概念的范圍比較廣,網(wǎng)頁設(shè)計師未來的趨勢在哪? 所以我們在討論中往往會把最終目標(biāo)用戶比喻為舞臺中角色, 這樣便于在團(tuán)隊合作中區(qū)分和理解特定需求范圍的用戶群體。
我們了解用戶后方能掌握未來趨勢,根據(jù)用戶的需求設(shè)計方成。
目前主流的web設(shè)計:
網(wǎng)站設(shè)計制作,近年來平面設(shè)計里“純凈”“留白”等概念也被互聯(lián)網(wǎng)設(shè)計吸取,為了更簡單明了的突出主體,提供更舒適的感官感受,很多網(wǎng)站開始采用全屏網(wǎng)頁設(shè)計,利用精心挑選設(shè)計的漂亮背景,加上合理的頁面布局,視覺沖擊力大可很好的吸引觀者注意。通常頁面內(nèi)的文字內(nèi)容不會特別多(所出現(xiàn)的少量文字加上精美的排版將會變得更加吸引人),主要以圖片展示為主。這個樣子的網(wǎng)站多用于攝影團(tuán)隊或個人作品集展示會比較常見。
現(xiàn)在越來越多用戶都擁有多種終端:臺式機(jī),筆記本,平板電腦,手機(jī),能夠適應(yīng)不同尺寸顯示屏的網(wǎng)頁是現(xiàn)在的潮流,甚至是未來很長一段時間的設(shè)計趨勢。那么響應(yīng)式網(wǎng)頁設(shè)計就是來解決這個問題的。這種特別的開發(fā)方式能保證網(wǎng)頁適應(yīng)不同的分辨率,讓網(wǎng)頁要素重組,使其無論在垂直的平板電腦還是智能手機(jī)上,都能達(dá)到最好的視覺效果。
網(wǎng)站設(shè)計制作除了多終端的多樣化,我們還可以看到我們的電腦屏幕,手機(jī)屏幕都在不斷變大,而在對未來生活的預(yù)測、概念設(shè)計里,“屏幕”這個產(chǎn)物更是被運用到多種新平臺上。例如微軟發(fā)布的“未來生活概念視頻”里,廚房、室內(nèi)墻壁、辦公室玻璃墻面都成為了交互平臺。所以我們可以發(fā)現(xiàn),響應(yīng)式網(wǎng)頁設(shè)計所具備的良好的適應(yīng)性和可塑性,在未來的網(wǎng)頁設(shè)計里將占有舉足輕重的位置。
網(wǎng)站設(shè)計制作扁平化設(shè)計可以說是去繁從簡的設(shè)計美學(xué)。去掉所有裝飾性的設(shè)計,可以說是對之前所推崇的擬物化設(shè)計的顛覆。我們不能妄加評論說這是好還是不好,只能說它提供了一種新的設(shè)計思維。扁平化設(shè)計是否會成為將來的趨勢我們也無法回答,盡管褒貶不一,備受爭議,但是就現(xiàn)在來說它是當(dāng)下的一種潮流。
隨著時代的發(fā)展用戶越來越傾向于移動端(手機(jī)),隨之也演變出來了新的設(shè)計H5,HTML全稱為HyperText Markup Language,中文直意為“超級文本標(biāo)記語言,我們通常所說的H5是HTML5頁面。
目前設(shè)計主流界面總結(jié)也就這么多了,未來由于VR的廣泛應(yīng)用還會隨之變化出更多的更具體驗性和視覺沖擊力的網(wǎng)站設(shè)計。
編輯 王家興
相關(guān)文章:
1. 最佳實踐詳細(xì)解析網(wǎng)頁首圖如何抓住用戶注意力2. 怎樣減輕企業(yè)網(wǎng)站改版對優(yōu)化帶來的影響?之網(wǎng)頁3. 如何讓網(wǎng)頁可讀性更強(qiáng)?善用F式布局設(shè)計增強(qiáng)網(wǎng)頁可讀性方法解答4. 十年了!一個依靠設(shè)計師們熱情支撐起的網(wǎng)站5. 創(chuàng)造富有故事性的網(wǎng)頁 你需要熟悉這7個維度6. 網(wǎng)頁制作需要什么?網(wǎng)頁制作過程中需要遵循的原則7. 怎么善用對比度來提升網(wǎng)頁內(nèi)容的可讀性?8. 這7種設(shè)計誤區(qū) 會影響網(wǎng)頁內(nèi)容的體驗9. 網(wǎng)站頂部導(dǎo)航欄怎么設(shè)計 網(wǎng)站優(yōu)化之網(wǎng)頁頂部導(dǎo)航欄設(shè)計總結(jié)10. 看似一模一樣的搜索框,沒想到在設(shè)計師眼里有這么多細(xì)節(jié)!
