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