同為設計師應了解平面設計和網頁設計的區別
最近剛好在招UI設計師職位,發現很多設計師(特別是剛畢業不久的)都分不清UI設計(甚至是 網頁設計 )和 平面設計 的區別,現轉載短文一篇,藉以分析一下同樣作為視覺傳達設計,它們之間的差異性及通性。
1.視覺元素
在 色彩方面平面設計與網頁設計使用的色彩模式完全不同,平面設計因為後期的實現依賴於印刷,所以採用CMYK的色彩模式,而網頁根據其顯像方式使用RGB 的色彩模式。平面設計時的色彩運用注重視覺的衝擊力及視覺流的引導(在這點上與網頁設計中的BANNER設計相類似),而網頁設計(產品類)更注重的是訊 息結構關係的梳理,如果將色彩運用的過多過強,很容易引起視覺的疲勞感。
我們平時在設計過程中,平面設計的字體選用更為自 由一些,不用擔心後期實現的問題,所有的文字最後都會輸出為圖形進行印刷,而網頁設計就需要考慮的更為全面,並且在字體的選用範圍上也很小,為了讓輸出的 成品大小不對服務器造成壓力,基於html的特性,所有字體都是根據用戶操作系統內默認字體而定的,當然近年隨著技術的沿革與發展,這個差距也逐步在縮 小,目前通過html5的API可以實現個性化字體的使用而不需要將個性化的字體最終輸出為圖形,在不增加後端壓力的同時,大大提升了用戶體驗,非常贊。
從 圖形使用上,平面設計比網頁設計豐富,表現方式也多樣化,特別是對於產品類的網頁設計,模塊化的設計思路更為明顯,在視覺表現上也是如此,平面對於圖形的 表現是不需要考慮到後期的實現的,在一點上是有目共睹的。在來說一下咱們設計時使用的尺寸單位問題,平面設計在使用尺寸標註時都用的是物理尺寸的概念, 比如英寸,厘米,毫米等,而網頁使用的像素。
2.呈現方式
展現形式
平面設計:為純靜態 網頁設計:擁有諸多動態元素,在視覺感受上較為活潑,能引導用戶的操作行為,增加互動性。
視覺焦點
平面設計:完整性較強,用戶感受相對直接。 網頁設計:受制於螢幕大小,會盡可能把重要訊息顯示在網頁頁面中,完整性相對於平面設計會弱一些。
後期實現
平面設計:依賴印花公益,以及不同的材質媒介。 網頁設計:涉及前後台程式開發、伺服器應用、網路訊息等第三方資源支持。
3.訊息載體
材質媒介
平面設計:紙質、布料等(會因材質不同,呈現出特別的效果),真實感強。 網頁設計:顯示屏。
訊息量
平面設計:畫面尺寸直接反映訊息量大小。 網頁設計:因電腦等終端媒介的特殊性,依賴於html,訊息量在同業麵中可以無限放大。
更新回饋
平面設計:無法進行再次更新,不能及時獲取用戶為饋訊息。 網頁設計:更新相對簡單,既使有錯誤訊息也能即時更新發布,對於用戶的訊息收集較為便利。
4.瀏覽方式
平 面設計的屬於漸進式的瀏覽方式,無法對整個瀏覽的過程進行多樣化串聯,網頁設計擁有滾動條下拉、按鈕鏈接跳轉等多樣化的瀏覽訊息方式,在擁有同樣一種訊息 架構的條件下,訊息之間的串聯性更為豐富,用戶選擇訊息的自由度更大,但平面設計也自然有其優勢所在,比如平時我在設計照片書這類產品的時候,就很明顯的 發現,這一類的產品在電腦顯示器上進行翻閱,不如印刷成為一個真實的書本來翻閱感受要更好一些,並且更具有收藏及紀念意義。
5.訊息傳播
平 面設計屬於比較傳統的訊息媒介設計,一般會通過張貼、銷售、郵寄派送等形式進行傳播,這樣傳播的方式範圍小且成本較高,相對而言在這方面網頁設計的訊息傳 播能力卻非常的強,但依賴於第三方媒介的支持,平面設計卻擁有更為廣泛的受眾人群,不同的年齡層對於紙張或書本的訊息接受能力總是強於網絡媒體的,畢竟網 絡訊息獲取的將會存在一個學習成本,在今後網絡訊息的不斷普及以及終端媒介用戶體驗的不斷提升,在受眾人群方面在我看來差距會越來越小。
這兩種設計形式擁有著不同的用戶體驗,我們應該根據不同設計內容,選擇正確的設計形式提升用戶體驗,以上這些只是個人對平面與網頁設計的一些粗淺認識,也作為拋磚引玉希望大家能分享出自己對於設計的想法。
(摘自: 網站設計 討論區)
參考文獻:
1.戴軒廷、馬恆、張紹勳 (2004), 衡量 網路廣告 態度之指標建構, 台灣管理學刊, 4(1), 59-84.
2.李青蓉等編著.(1998).人機介面設計,台北縣:空大。
3.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。
資料來源:blueidea
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了