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