網(wǎng)頁設(shè)計與圖形用戶界面設(shè)計之間的異同點比較

2022-05-05    分類： 網(wǎng)站建設(shè)


如果對設(shè)計不甚了解，一定認(rèn)為只要是設(shè)計師，幾乎包括網(wǎng)站設(shè)計、平面設(shè)計、裝幀美術(shù)設(shè)計在內(nèi)的工作都可以做。而事實上卻并非如此，即便是網(wǎng)頁設(shè)計和圖形用戶界面兩者之間仍有差異。網(wǎng)站設(shè)計不同于傳統(tǒng)的軟件用戶界面設(shè)計。主要是設(shè)計者必須放棄對UI的完全控制，并與用戶和他們的客戶端硬件、軟件分擔(dān)責(zé)任。當(dāng)然，網(wǎng)頁設(shè)計和傳統(tǒng)UI設(shè)計之間也有相似之處：在最基本的層次上，兩者都是交互式系統(tǒng)，并且都是軟件設(shè)計，而不是物理對象的設(shè)計。
設(shè)備多樣性
在傳統(tǒng)的圖形用戶界面設(shè)計中，您可以控制屏幕上的每個像素：當(dāng)您布置一個對話框時，您可以放心，它在用戶屏幕上的外觀將完全相同。您知道您設(shè)計的是什么系統(tǒng)，您知道它安裝了什么字體，您知道屏幕通常有多大，并且您有系統(tǒng)供應(yīng)商的樣式指南來告訴您組合交互小部件的規(guī)則。
在網(wǎng)絡(luò)上，所有這些假設(shè)都被打破了。用戶可以通過傳統(tǒng)計算機訪問網(wǎng)絡(luò)，但也可以很容易地使用網(wǎng)絡(luò)電視、筆式手持設(shè)備、諾基亞手機，甚至他們的汽車作為互聯(lián)網(wǎng)設(shè)備。在傳統(tǒng)的設(shè)計中，筆記本電腦和高端工作站的屏幕面積相差六倍。在Web上，我們目前需要在手持設(shè)備和工作站之間提供100倍的屏幕面積，并在調(diào)制解調(diào)器和T-3連接之間提供1，000倍的帶寬。
在這種不同的設(shè)備上，任何給定的網(wǎng)站設(shè)計都會有很大的不同：很明顯，所見即所得已經(jīng)死了。實際上，外觀不同是一種特性，而不是缺陷，因為好的用戶體驗需要對每個設(shè)備的特性進(jìn)行調(diào)整。設(shè)備的專門化或低端化程度越高，對Web內(nèi)容的要求就越嚴(yán)格，要求將網(wǎng)頁內(nèi)容轉(zhuǎn)換為適合該平臺的東西。實現(xiàn)這一點的唯一方法是設(shè)計人員放棄對頁面的完全控制，讓頁面的表示由頁面規(guī)范、選項設(shè)置和客戶端設(shè)備的其他特性的交互作用來決定。
為每個平臺設(shè)計一個以不同方式實例化的抽象UI規(guī)范要比聽起來困難得多。HTML的基本原理可以帶領(lǐng)設(shè)計者朝著理想的方向走很長一段路，但并不是所有的路都是如此。建議將含義和表示分離，并使用樣式表來指定表示，但這樣做對信息性內(nèi)容比對交互更有效。
用戶控制導(dǎo)航
在傳統(tǒng)的圖形用戶界面設(shè)計中，設(shè)計者可以控制用戶的訪問時間。您可以灰色顯示當(dāng)前狀態(tài)下不適用的菜單選項，并且可以拋出一個模式對話框來接管計算機，直到用戶回答問題為止。在網(wǎng)頁上，用戶從根本上控制他或她在頁面中的導(dǎo)航。用戶可以選擇設(shè)計者從未打算過的路徑：例如，他們可以從搜索引擎直接跳入站點的內(nèi)部，而不需要瀏覽主頁。用戶還可以控制自己的書簽菜單，并可以使用該菜單創(chuàng)建站點的自定義界面。
網(wǎng)站設(shè)計人員需要適應(yīng)和支持用戶控制的導(dǎo)航。有時，你可以強迫用戶通過設(shè)置的路徑，阻止人們鏈接到某些頁面，但這樣做的網(wǎng)站感到刺耳和支配。最好是為行動自由而設(shè)計，例如，在每個頁面上放置一個徽標(biāo)(鏈接到主頁)，以便為直接訪問該頁面的用戶提供上下文和導(dǎo)航。
整體的一部分
傳統(tǒng)應(yīng)用程序是一種封閉的用戶界面體驗：即使窗口系統(tǒng)允許應(yīng)用程序切換并使多個應(yīng)用程序同時可見，用戶在任何給定時間基本上“處于”單個應(yīng)用程序中，并且只有該應(yīng)用程序的命令和交互約定是活動的。用戶在每個應(yīng)用程序中花費相對較長的時間，并熟悉其功能和設(shè)計。
在網(wǎng)頁上，用戶在站點之間的移動速度非?？欤煌O(shè)計(即站點)之間的邊界也非常靈活。在任何給定的站點上，用戶一次花費超過幾分鐘的時間是很少的，而且用戶的導(dǎo)航經(jīng)常會將他們從一個站點帶到另一個站點，因為他們會跟隨超鏈接。由于這種快速的移動，用戶感到他們使用的是整個網(wǎng)站，而不是任何特定的站點：用戶不想閱讀任何手冊或單個站點的幫助信息，而是要求能夠根據(jù)他們在使用其他站點時所獲得的約定來使用站點。在可用性研究中，每當(dāng)用戶接觸到不同的網(wǎng)站時，他們都會怨天尤人。換句話說，網(wǎng)絡(luò)作為一個整體已經(jīng)成為一種體裁，每個站點都是相對于體裁的規(guī)則來解釋的。
當(dāng)然，傳統(tǒng)圖形用戶界面設(shè)計也是一個整體的一部分，建議遵循供應(yīng)商的設(shè)計樣式指南。重點是個人設(shè)計和整體設(shè)計之間的平衡傾向于網(wǎng)頁設(shè)計的整體。同時，我們沒有任何既定的網(wǎng)站設(shè)計風(fēng)格指南，可以規(guī)定設(shè)計師應(yīng)該如何使用他們的界面詞匯，以建立適合這一整體的網(wǎng)站。我強烈主張得到一套正式的網(wǎng)頁設(shè)計慣例；只要我們沒有，我給網(wǎng)站設(shè)計師的建議就是設(shè)計要適應(yīng)，并承認(rèn)你的網(wǎng)站不是用戶世界的中心：他們將在網(wǎng)站之間移動，我們必須讓他們在使用每一個新網(wǎng)站時都很容易。

分享名稱：網(wǎng)頁設(shè)計與圖形用戶界面設(shè)計之間的異同點比較
網(wǎng)頁路徑：http://bm7419.com/news/150368.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、營銷型網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、網(wǎng)站策劃、全網(wǎng)營銷推廣、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)