前不久看到一篇文章《
web設計95%是排版》，標題表達的很清楚，95％，那么，美術(shù)設計（或者稱(chēng)為圖形設計、GUI…總之，是關(guān)于色彩、背景圖、圖標…的設計）只有5％的重要性嗎？我們的美術(shù)設計師就這么點(diǎn)兒價(jià)值？
我們目前的工作中，界面原型基本上確定了網(wǎng)頁(yè)的排版，而界面原型是由交互設計師完成的?？吹竭@個(gè)95％的觀(guān)點(diǎn)，我暗自欣欣然。然而，我想，這個(gè)95％的觀(guān)點(diǎn)有待商榷。
交互設計目前的主要任務(wù)是可用性，所以排版很重要。交互設計的任務(wù)包括：
1．創(chuàng )造出高可用性的界面；
2．讓界面有良好的體驗－讓用戶(hù)在使用過(guò)程中有愉悅感、成就感，感覺(jué)到被尊重…
這里所說(shuō)的交互設計是指創(chuàng )造出用戶(hù)界面以及相應的交互操作的整個(gè)設計，并不是僅僅指一些公司中被稱(chēng)謂交互設計師的那些人所作的特定工作。也許，您是一位美術(shù)設計師，您設計了一個(gè)表示下載功能的圖標，這個(gè)圖標能讓用戶(hù)更快的找到下載功能。您的工作也對提高可用性有貢獻。因為，您設計的圖標使得用戶(hù)，在“找到下載功能－點(diǎn)擊下載”這個(gè)與網(wǎng)頁(yè)的交互過(guò)程中，效率更高了。
提高可用性是目前設計工作的主要任務(wù)，是產(chǎn)品質(zhì)量的基本保障。良好的體驗是更奢侈的要求，短期內，web設計是很難顧及到的。我們現在常說(shuō)的“這個(gè)體驗好…”往往只是意味著(zhù)這個(gè)設計用戶(hù)能看懂了，這個(gè)設計不會(huì )給用戶(hù)帶來(lái)太多的麻煩了，實(shí)際上，只是可用性高。又有幾個(gè)網(wǎng)站能讓用戶(hù)在使用過(guò)程中有成就感，有愉悅的感受呢？讓用戶(hù)不罵娘已經(jīng)很不容易了。開(kāi)發(fā)周期短、開(kāi)發(fā)流程差、人員水平低…這種種因素的限制，使得目前的web產(chǎn)品設計只能著(zhù)眼于更高的可用性。
怎樣才能提高可用性？界面設計最根本的任務(wù)是－傳達，以及更復雜的要求－交互。“我們這里有一些信息要告訴您，要讓您看明白…”“我們?yōu)槟峁┝艘豁椃?wù)，它是這樣操作的…”把這些交代清楚了，讓用戶(hù)看明白了，可用性就高了。而可用性的XX條準則，無(wú)非是為了實(shí)現上述任務(wù)的具體方法。
怎么就能傳達清楚了呢？面對面交流使用的工具是語(yǔ)言，web設計師與用戶(hù)之間的交流工具是網(wǎng)頁(yè)。通過(guò)排版，設計師向用戶(hù)說(shuō)明內容之間的邏輯關(guān)系，向用戶(hù)說(shuō)明哪里是重點(diǎn)內容。“可點(diǎn)擊的文字應該能夠直接被識別出來(lái)”，類(lèi)似的可用性準則在設計過(guò)程中是需要遵守的，不過(guò)，這樣的準則是相對固定的，只要我們有共識就好了，相對來(lái)說(shuō)，比較容易做到。而“哪部分文字需要用加粗的18px宋體？”“哪部分內容應該放在頁(yè)面左上角？”要解決這些問(wèn)題，需要深刻的理解產(chǎn)品，深入的了解目標用戶(hù)的需求。排版需要花大量的精力。
目前設計工作的著(zhù)眼點(diǎn)是可用性，提高可用性除了注意遵循那些準則，更多的精力要花費到如何傳達，如何排版上，所以，排版很重要。
更好的視覺(jué)體驗是件奢侈品，現在很難“重要”。幾年前，網(wǎng)頁(yè)設計師是指那些“美化”網(wǎng)頁(yè)的人（也曾經(jīng)是我的飯碗）。難道這一陣“用戶(hù)體驗”之風(fēng)吹來(lái)，“讓網(wǎng)頁(yè)更好看”就只剩下5％的價(jià)值了嗎？
真正好的web美術(shù)設計應當是“大像于無(wú)形”的，或者說(shuō)是比較抽象的圖形設計。而不是給界面原型畫(huà)花邊兒。因為，表面上的“視覺(jué)美化”往往降低可用性。“那個(gè)花邊兒吸引了用戶(hù)的注意力，使得這個(gè)重要的按鈕看上去不那么顯眼了！”好的美術(shù)設計應該是不損害信息傳達的。
美術(shù)設計更大的價(jià)值在于帶給用戶(hù)良好的視覺(jué)感受。良好的視覺(jué)感受是“良好體驗”的一部分。賞心悅目自然比冰冷、生硬更令人愉悅。“這個(gè)網(wǎng)頁(yè)看上去就舒服。”“不會(huì )讓我覺(jué)得是在面對一個(gè)冰冷的web服務(wù)器。”
快速到達目的地是重要的，要是同時(shí)還能很舒適，并且一路美景相伴，當然更好。然而，web產(chǎn)品開(kāi)發(fā)的現狀往往是：開(kāi)發(fā)周期中，美術(shù)設計師能得到的時(shí)間有限；開(kāi)發(fā)流程中，美術(shù)設計師被孤立在產(chǎn)品設計的討論之外，對產(chǎn)品的理解不夠；部分美術(shù)設計師的水平有限…在這種現狀下，要更舒適，風(fēng)景更好，同時(shí)又不影響速度，很難。能保證網(wǎng)頁(yè)有較高的可用性已經(jīng)不容易了，為了保證可用性不得不否定掉一些質(zhì)量不高的美術(shù)設計。又沒(méi)條件做更好的美術(shù)設計，所以只好少“美術(shù)”一些了。
我的住所只有10平方米，我也喜歡一人多高的景德鎮花瓶，但是，擺上幾個(gè)大花瓶，就沒(méi)地方睡覺(jué)了。
從這個(gè)角度來(lái)看web2.0的視覺(jué)風(fēng)格，可以這樣解釋?zhuān)?#8220;我們目前無(wú)法創(chuàng )造出既賞心悅目，而又不損害可用性的頁(yè)面，所以，我們暫時(shí)不理會(huì )美不美的問(wèn)題，只用最簡(jiǎn)單、最樸素的圖形樣式。”類(lèi)似的，興起于上世紀初的現代主義設計最初的理念也只是要制造成本低，易于維修的建筑，而視覺(jué)效果只是這種設計的衍生?，F代主義設計大師們稱(chēng)這種設計為“好的設計”。之后的幾十年中，這種“好的設計”真的作為一種風(fēng)格被廣泛的接受了，如同現在的web2.0風(fēng)格被越來(lái)越多的接受?；蛟S，web2.0的設計可以成為第二個(gè)“好的設計”。
總結目前，我們能做的只是基礎的設計－實(shí)現較高可用性的設計。清楚的傳達是首要目標。所以，排版顯得很重要。不損害可用性前提下的良好的視覺(jué)體驗是件奢侈品，現在很難做到。
這并不意味著(zhù)美術(shù)設計師將不再有價(jià)值了。當web設計的可用性水平普遍較高的時(shí)候，實(shí)現“良好的體驗”就將成為設計工作的重心了（這也就是所謂的：未來(lái)的設計是體驗設計）。那個(gè)時(shí)候，由美術(shù)設計師設計出賞心悅目的頁(yè)面將是更為必要的一項工作。
