建站常識
web設(shè)計95%是排版,5%?
2006-12-14 22:26:00
前不久看到一篇文章《web設(shè)計95%是排版》,標(biāo)題表達的很清楚,95%,那么,美術(shù)設(shè)計(或者稱為圖形設(shè)計、GUI…總之,是關(guān)于色彩、背景圖、圖標(biāo)…的設(shè)計)只有5%的重要性嗎?我們的美術(shù)設(shè)計師就這么點兒價值?
我們目前的工作中,界面原型基本上確定了網(wǎng)頁的排版,而界面原型是由交互設(shè)計師完成的??吹竭@個95%的觀點,我暗自欣欣然。然而,我想,這個95%的觀點有待商榷。
交互設(shè)計目前的主要任務(wù)是可用性,所以排版很重要。
交互設(shè)計的任務(wù)包括:
1.創(chuàng)造出高可用性的界面;
2.讓界面有良好的體驗-讓用戶在使用過程中有愉悅感、成就感,感覺到被尊重…
這里所說的交互設(shè)計是指創(chuàng)造出用戶界面以及相應(yīng)的交互操作的整個設(shè)計,并不是僅僅指一些公司中被稱謂交互設(shè)計師的那些人所作的特定工作。也許,您是一位美術(shù)設(shè)計師,您設(shè)計了一個表示下載功能的圖標(biāo),這個圖標(biāo)能讓用戶更快的找到下載功能。您的工作也對提高可用性有貢獻。因為,您設(shè)計的圖標(biāo)使得用戶,在“找到下載功能-點擊下載”這個與網(wǎng)頁的交互過程中,效率更高了。
提高可用性是目前設(shè)計工作的主要任務(wù),是產(chǎn)品質(zhì)量的基本保障。良好的體驗是更奢侈的要求,短期內(nèi),web設(shè)計是很難顧及到的。我們現(xiàn)在常說的“這個體驗好…”往往只是意味著這個設(shè)計用戶能看懂了,這個設(shè)計不會給用戶帶來太多的麻煩了,實際上,只是可用性高。又有幾個網(wǎng)站能讓用戶在使用過程中有成就感,有愉悅的感受呢?讓用戶不罵娘已經(jīng)很不容易了。開發(fā)周期短、開發(fā)流程差、人員水平低…這種種因素的限制,使得目前的web產(chǎn)品設(shè)計只能著眼于更高的可用性。
怎樣才能提高可用性?界面設(shè)計最根本的任務(wù)是-傳達,以及更復(fù)雜的要求-交互。“我們這里有一些信息要告訴您,要讓您看明白…”“我們?yōu)槟峁┝艘豁椃?wù),它是這樣操作的…”把這些交代清楚了,讓用戶看明白了,可用性就高了。而可用性的XX條準(zhǔn)則,無非是為了實現(xiàn)上述任務(wù)的具體方法。
怎么就能傳達清楚了呢?面對面交流使用的工具是語言,web設(shè)計師與用戶之間的交流工具是網(wǎng)頁。通過排版,設(shè)計師向用戶說明內(nèi)容之間的邏輯關(guān)系,向用戶說明哪里是重點內(nèi)容。“可點擊的文字應(yīng)該能夠直接被識別出來”,類似的可用性準(zhǔn)則在設(shè)計過程中是需要遵守的,不過,這樣的準(zhǔn)則是相對固定的,只要我們有共識就好了,相對來說,比較容易做到。而“哪部分文字需要用加粗的18px宋體?”“哪部分內(nèi)容應(yīng)該放在頁面左上角?”要解決這些問題,需要深刻的理解產(chǎn)品,深入的了解目標(biāo)用戶的需求。排版需要花大量的精力。
目前設(shè)計工作的著眼點是可用性,提高可用性除了注意遵循那些準(zhǔn)則,更多的精力要花費到如何傳達,如何排版上,所以,排版很重要。
更好的視覺體驗是件奢侈品,現(xiàn)在很難“重要”。
幾年前,網(wǎng)頁設(shè)計師是指那些“美化”網(wǎng)頁的人(也曾經(jīng)是我的飯碗)。難道這一陣“用戶體驗”之風(fēng)吹來,“讓網(wǎng)頁更好看”就只剩下5%的價值了嗎?
真正好的web美術(shù)設(shè)計應(yīng)當(dāng)是“大像于無形”的,或者說是比較抽象的圖形設(shè)計。而不是給界面原型畫花邊兒。因為,表面上的“視覺美化”往往降低可用性?!澳莻€花邊兒吸引了用戶的注意力,使得這個重要的按鈕看上去不那么顯眼了!”好的美術(shù)設(shè)計應(yīng)該是不損害信息傳達的。
美術(shù)設(shè)計更大的價值在于帶給用戶良好的視覺感受。良好的視覺感受是“良好體驗”的一部分。賞心悅目自然比冰冷、生硬更令人愉悅。“這個網(wǎng)頁看上去就舒服?!薄安粫屛矣X得是在面對一個冰冷的web服務(wù)器?!?/p>
快速到達目的地是重要的,要是同時還能很舒適,并且一路美景相伴,當(dāng)然更好。然而,web產(chǎn)品開發(fā)的現(xiàn)狀往往是:開發(fā)周期中,美術(shù)設(shè)計師能得到的時間有限;開發(fā)流程中,美術(shù)設(shè)計師被孤立在產(chǎn)品設(shè)計的討論之外,對產(chǎn)品的理解不夠;部分美術(shù)設(shè)計師的水平有限…在這種現(xiàn)狀下,要更舒適,風(fēng)景更好,同時又不影響速度,很難。能保證網(wǎng)頁有較高的可用性已經(jīng)不容易了,為了保證可用性不得不否定掉一些質(zhì)量不高的美術(shù)設(shè)計。又沒條件做更好的美術(shù)設(shè)計,所以只好少“美術(shù)”一些了。
我的住所只有10平方米,我也喜歡一人多高的景德鎮(zhèn)花瓶,但是,擺上幾個大花瓶,就沒地方睡覺了。
從這個角度來看web2.0的視覺風(fēng)格,可以這樣解釋:“我們目前無法創(chuàng)造出既賞心悅目,而又不損害可用性的頁面,所以,我們暫時不理會美不美的問題,只用最簡單、最樸素的圖形樣式?!鳖愃频模d起于上世紀(jì)初的現(xiàn)代主義設(shè)計最初的理念也只是要制造成本低,易于維修的建筑,而視覺效果只是這種設(shè)計的衍生?,F(xiàn)代主義設(shè)計大師們稱這種設(shè)計為“好的設(shè)計”。之后的幾十年中,這種“好的設(shè)計”真的作為一種風(fēng)格被廣泛的接受了,如同現(xiàn)在的web2.0風(fēng)格被越來越多的接受?;蛟S,web2.0的設(shè)計可以成為第二個“好的設(shè)計”。
總結(jié)
目前,我們能做的只是基礎(chǔ)的設(shè)計-實現(xiàn)較高可用性的設(shè)計。清楚的傳達是首要目標(biāo)。所以,排版顯得很重要。不損害可用性前提下的良好的視覺體驗是件奢侈品,現(xiàn)在很難做到。
這并不意味著美術(shù)設(shè)計師將不再有價值了。當(dāng)web設(shè)計的可用性水平普遍較高的時候,實現(xiàn)“良好的體驗”就將成為設(shè)計工作的重心了(這也就是所謂的:未來的設(shè)計是體驗設(shè)計)。那個時候,由美術(shù)設(shè)計師設(shè)計出賞心悅目的頁面將是更為必要的一項工作。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2007-08-06 12:12:00] 網(wǎng)頁設(shè)計中的版式原理--方向
- [2010-07-15 08:38:00] 設(shè)計中的情感
- [2009-07-20 08:06:00] 設(shè)計的商業(yè)價值
- [2009-07-04 18:27:00] 交互設(shè)計師修煉之“變色龍”
- [2006-12-15 15:12:00] 當(dāng)前的網(wǎng)站設(shè)計風(fēng)格
- [2006-08-09 13:09:00] 《設(shè)計師談網(wǎng)頁設(shè)計思維》引言:從哪里開始
- [2009-05-27 08:11:00] 出生日期的選擇設(shè)計
- [2009-12-08 17:55:00] 極簡主義網(wǎng)站設(shè)計:寓豐富于簡單
- [2009-07-13 08:26:00] 交互設(shè)計模式(一)-前言
- [2005-12-28 13:58:00] 網(wǎng)頁設(shè)計中“點”的視覺構(gòu)成
- [2005-12-29 20:52:00] 網(wǎng)頁設(shè)計中的文字運用
- [2017-05-12 10:55:00] 蘋果市值首次突破8000億美元大關(guān) 專注iPhone 8未來新設(shè)計
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
H5定制設(shè)計 網(wǎng)站設(shè)計資訊 青島網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 青島高端網(wǎng)站設(shè)計公司哪家好 網(wǎng)站視覺 外貿(mào)網(wǎng)站設(shè)計 視覺靈感 青島網(wǎng)站案例 營銷型網(wǎng)站建設(shè) 良好的導(dǎo)航 青島做網(wǎng)站多少錢 網(wǎng)站策劃 html和css 搜索引擎 集團性網(wǎng)站 網(wǎng)站交互設(shè)計 新的元素 力圖數(shù)字科技 中小型企業(yè)網(wǎng)站建設(shè) 交互設(shè)計 高端輪胎網(wǎng)站設(shè)計 外貿(mào)網(wǎng)站建設(shè) 響應(yīng)式設(shè)計 程序開發(fā) 企業(yè)建站 網(wǎng)站設(shè)計 審美 建站常識 網(wǎng)站建設(shè),手機網(wǎng)站