網(wǎng)頁(yè)設(shè)計(jì)與圖形用戶(hù)界面設(shè)計(jì)之間的異同點(diǎn)比較
2022-05-05 分類(lèi)： 網(wǎng)站建設(shè)
如果對(duì)設(shè)計(jì)不甚了解，一定認(rèn)為只要是設(shè)計(jì)師，幾乎包括網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)、裝幀美術(shù)設(shè)計(jì)在內(nèi)的工作都可以做。而事實(shí)上卻并非如此，即便是網(wǎng)頁(yè)設(shè)計(jì)和圖形用戶(hù)界面兩者之間仍有差異。網(wǎng)站設(shè)計(jì)不同于傳統(tǒng)的軟件用戶(hù)界面設(shè)計(jì)。主要是設(shè)計(jì)者必須放棄對(duì)UI的完全控制，并與用戶(hù)和他們的客戶(hù)端硬件、軟件分擔(dān)責(zé)任。當(dāng)然，網(wǎng)頁(yè)設(shè)計(jì)和傳統(tǒng)UI設(shè)計(jì)之間也有相似之處：在最基本的層次上，兩者都是交互式系統(tǒng)，并且都是軟件設(shè)計(jì)，而不是物理對(duì)象的設(shè)計(jì)。
設(shè)備多樣性
在傳統(tǒng)的圖形用戶(hù)界面設(shè)計(jì)中，您可以控制屏幕上的每個(gè)像素：當(dāng)您布置一個(gè)對(duì)話(huà)框時(shí)，您可以放心，它在用戶(hù)屏幕上的外觀將完全相同。您知道您設(shè)計(jì)的是什么系統(tǒng)，您知道它安裝了什么字體，您知道屏幕通常有多大，并且您有系統(tǒng)供應(yīng)商的樣式指南來(lái)告訴您組合交互小部件的規(guī)則。
在網(wǎng)絡(luò)上，所有這些假設(shè)都被打破了。用戶(hù)可以通過(guò)傳統(tǒng)計(jì)算機(jī)訪問(wèn)網(wǎng)絡(luò)，但也可以很容易地使用網(wǎng)絡(luò)電視、筆式手持設(shè)備、諾基亞手機(jī)，甚至他們的汽車(chē)作為互聯(lián)網(wǎng)設(shè)備。在傳統(tǒng)的設(shè)計(jì)中，筆記本電腦和高端工作站的屏幕面積相差六倍。在Web上，我們目前需要在手持設(shè)備和工作站之間提供100倍的屏幕面積，并在調(diào)制解調(diào)器和T-3連接之間提供1，000倍的帶寬。
在這種不同的設(shè)備上，任何給定的網(wǎng)站設(shè)計(jì)都會(huì)有很大的不同：很明顯，所見(jiàn)即所得已經(jīng)死了。實(shí)際上，外觀不同是一種特性，而不是缺陷，因?yàn)楹玫挠脩?hù)體驗(yàn)需要對(duì)每個(gè)設(shè)備的特性進(jìn)行調(diào)整。設(shè)備的專(zhuān)門(mén)化或低端化程度越高，對(duì)Web內(nèi)容的要求就越嚴(yán)格，要求將網(wǎng)頁(yè)內(nèi)容轉(zhuǎn)換為適合該平臺(tái)的東西。實(shí)現(xiàn)這一點(diǎn)的唯一方法是設(shè)計(jì)人員放棄對(duì)頁(yè)面的完全控制，讓頁(yè)面的表示由頁(yè)面規(guī)范、選項(xiàng)設(shè)置和客戶(hù)端設(shè)備的其他特性的交互作用來(lái)決定。
為每個(gè)平臺(tái)設(shè)計(jì)一個(gè)以不同方式實(shí)例化的抽象UI規(guī)范要比聽(tīng)起來(lái)困難得多。HTML的基本原理可以帶領(lǐng)設(shè)計(jì)者朝著理想的方向走很長(zhǎng)一段路，但并不是所有的路都是如此。建議將含義和表示分離，并使用樣式表來(lái)指定表示，但這樣做對(duì)信息性?xún)?nèi)容比對(duì)交互更有效。
用戶(hù)控制導(dǎo)航
在傳統(tǒng)的圖形用戶(hù)界面設(shè)計(jì)中，設(shè)計(jì)者可以控制用戶(hù)的訪問(wèn)時(shí)間。您可以灰色顯示當(dāng)前狀態(tài)下不適用的菜單選項(xiàng)，并且可以?huà)伋鲆粋€(gè)模式對(duì)話(huà)框來(lái)接管計(jì)算機(jī)，直到用戶(hù)回答問(wèn)題為止。在網(wǎng)頁(yè)上，用戶(hù)從根本上控制他或她在頁(yè)面中的導(dǎo)航。用戶(hù)可以選擇設(shè)計(jì)者從未打算過(guò)的路徑：例如，他們可以從搜索引擎直接跳入站點(diǎn)的內(nèi)部，而不需要瀏覽主頁(yè)。用戶(hù)還可以控制自己的書(shū)簽菜單，并可以使用該菜單創(chuàng)建站點(diǎn)的自定義界面。
網(wǎng)站設(shè)計(jì)人員需要適應(yīng)和支持用戶(hù)控制的導(dǎo)航。有時(shí)，你可以強(qiáng)迫用戶(hù)通過(guò)設(shè)置的路徑，阻止人們鏈接到某些頁(yè)面，但這樣做的網(wǎng)站感到刺耳和支配。最好是為行動(dòng)自由而設(shè)計(jì)，例如，在每個(gè)頁(yè)面上放置一個(gè)徽標(biāo)(鏈接到主頁(yè))，以便為直接訪問(wèn)該頁(yè)面的用戶(hù)提供上下文和導(dǎo)航。
整體的一部分
傳統(tǒng)應(yīng)用程序是一種封閉的用戶(hù)界面體驗(yàn)：即使窗口系統(tǒng)允許應(yīng)用程序切換并使多個(gè)應(yīng)用程序同時(shí)可見(jiàn)，用戶(hù)在任何給定時(shí)間基本上“處于”單個(gè)應(yīng)用程序中，并且只有該應(yīng)用程序的命令和交互約定是活動(dòng)的。用戶(hù)在每個(gè)應(yīng)用程序中花費(fèi)相對(duì)較長(zhǎng)的時(shí)間，并熟悉其功能和設(shè)計(jì)。
在網(wǎng)頁(yè)上，用戶(hù)在站點(diǎn)之間的移動(dòng)速度非?？?，不同設(shè)計(jì)(即站點(diǎn))之間的邊界也非常靈活。在任何給定的站點(diǎn)上，用戶(hù)一次花費(fèi)超過(guò)幾分鐘的時(shí)間是很少的，而且用戶(hù)的導(dǎo)航經(jīng)常會(huì)將他們從一個(gè)站點(diǎn)帶到另一個(gè)站點(diǎn)，因?yàn)樗麄儠?huì)跟隨超鏈接。由于這種快速的移動(dòng)，用戶(hù)感到他們使用的是整個(gè)網(wǎng)站，而不是任何特定的站點(diǎn)：用戶(hù)不想閱讀任何手冊(cè)或單個(gè)站點(diǎn)的幫助信息，而是要求能夠根據(jù)他們?cè)谑褂闷渌军c(diǎn)時(shí)所獲得的約定來(lái)使用站點(diǎn)。在可用性研究中，每當(dāng)用戶(hù)接觸到不同的網(wǎng)站時(shí)，他們都會(huì)怨天尤人。換句話(huà)說(shuō)，網(wǎng)絡(luò)作為一個(gè)整體已經(jīng)成為一種體裁，每個(gè)站點(diǎn)都是相對(duì)于體裁的規(guī)則來(lái)解釋的。
當(dāng)然，傳統(tǒng)圖形用戶(hù)界面設(shè)計(jì)也是一個(gè)整體的一部分，建議遵循供應(yīng)商的設(shè)計(jì)樣式指南。重點(diǎn)是個(gè)人設(shè)計(jì)和整體設(shè)計(jì)之間的平衡傾向于網(wǎng)頁(yè)設(shè)計(jì)的整體。同時(shí)，我們沒(méi)有任何既定的網(wǎng)站設(shè)計(jì)風(fēng)格指南，可以規(guī)定設(shè)計(jì)師應(yīng)該如何使用他們的界面詞匯，以建立適合這一整體的網(wǎng)站。我強(qiáng)烈主張得到一套正式的網(wǎng)頁(yè)設(shè)計(jì)慣例；只要我們沒(méi)有，我給網(wǎng)站設(shè)計(jì)師的建議就是設(shè)計(jì)要適應(yīng)，并承認(rèn)你的網(wǎng)站不是用戶(hù)世界的中心：他們將在網(wǎng)站之間移動(dòng)，我們必須讓他們?cè)谑褂妹恳粋€(gè)新網(wǎng)站時(shí)都很容易。
網(wǎng)頁(yè)標(biāo)題：網(wǎng)頁(yè)設(shè)計(jì)與圖形用戶(hù)界面設(shè)計(jì)之間的異同點(diǎn)比較
當(dāng)前地址：http://m.rwnh.cn/news18/150368.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、品牌網(wǎng)站制作、定制網(wǎng)站、網(wǎng)站維護(hù)、企業(yè)建站、網(wǎng)站排名
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 原創(chuàng)內(nèi)容不被不收錄的可能性有哪些，如何解決？ 2022-05-05
- 如何對(duì)網(wǎng)站進(jìn)行改版丨經(jīng)驗(yàn)分享 2022-05-05
- 創(chuàng)新互聯(lián)官網(wǎng)建設(shè)簡(jiǎn)述何為高端網(wǎng)站 2022-05-05
- 網(wǎng)站的內(nèi)部信息管理 2022-05-05
- 行業(yè)動(dòng)態(tài)WEB開(kāi)發(fā)的角度 2022-05-05
- 怎么做企業(yè)網(wǎng)站 2022-05-05
- 企業(yè)ERP系統(tǒng)上線后主要維護(hù)工作有哪些 2022-05-05
- 網(wǎng)站定制建設(shè) 2022-05-05
- 網(wǎng)頁(yè)設(shè)計(jì)：什么樣的網(wǎng)站才能稱(chēng)之為好網(wǎng)站 2022-05-05
- 創(chuàng)新互聯(lián)網(wǎng)站開(kāi)發(fā)公司講述影響百度排名的算法 2022-05-05
- 【SEO優(yōu)化】SEO研究，網(wǎng)頁(yè)標(biāo)題的最佳下標(biāo)方法 2022-05-05
- 【網(wǎng)絡(luò)推廣】怎么選擇網(wǎng)絡(luò)推廣服務(wù)商?網(wǎng)絡(luò)推廣有哪些忌諱? 2022-05-05
- 企業(yè)網(wǎng)站SEO工作流程圖 2022-05-05
- 企業(yè)網(wǎng)站建設(shè)對(duì)于企業(yè)創(chuàng)新發(fā)展的價(jià)值分析 2022-05-05
- 設(shè)計(jì)中應(yīng)該注意的6個(gè)趨勢(shì) 2022-05-05
- 新聞動(dòng)態(tài)視頻網(wǎng)站自制劇的內(nèi)容正走向泛娛樂(lè)化 2022-05-05
- UGC網(wǎng)站定義和常見(jiàn)類(lèi)型 2022-05-05
- 科技館網(wǎng)站有哪些營(yíng)銷(xiāo)創(chuàng)新的好點(diǎn)子？ 2022-05-05
- 網(wǎng)站關(guān)鍵排名網(wǎng)站結(jié)構(gòu)是基礎(chǔ) 2022-05-05