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

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


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

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

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

廣告

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

h5響應式網(wǎng)站建設