建站常識
網頁不需要漂亮
2006-08-28 12:58:00
終于有了深刻感觸為什么 Jakob , Norman 等人要把網站做他們的樣子,原來我看問題還是太復雜,雖然一直在試圖簡單。
漂亮與質量
記得某論壇曾帖出一份國外某機構評選出的頂尖網站名單,很快大家都跟帖抱怨或者心中怒罵來表達對作品的不屑一顧,這種人往往把視覺打分的權重放的很高,他可能忘了自己看網站的目的是什么,也沒去想人家做網站的目的。
有一種觀點就認為CSS寫的頁面都不怎么漂亮,建議你去看看 CSS World Awards Winners 2006 的作品,某些雖然貌似平庸,但也不至于難看,其中不乏 Haveamint 這樣的經典視覺作品。借用 Dave 的話:我不認為使用CSS設計出的作品注定都是丑陋的。只不過用好CSS的人現(xiàn)在還沒理解到它的妙處而已。
視覺只是一個無關緊要的標準,比如很多人會認同 K10k 圖形上的精致,卻只有少數(shù)能看懂 Stopdesign 代碼上的巧妙。如果你還認為頁面只有漂亮和不漂亮兩種標準,那說明你對“網頁設計”還很陌生,沒有理解她蘊含的深意。
對于網站質量來說,漂亮只可用來加分,但不能打分。
漂亮還是舒服
網站是一個平臺,網頁只是一個界面,替用戶服務的媒介,如果成為純粹的藝術品,那就失去了本身的意義。所以我更認同界面最高的贊譽是舒服,而不是漂亮。注意你每一次界面視覺的體驗,本能的會把舒服和漂亮兩個概念分開,肯定是兩種不同境界的感受。
漂亮是用戶對作品的主觀評判,我認為這個作品很漂亮。
舒服是作品對用戶的客觀影響,這個作品讓我感覺很舒服。
相對耳熟能詳?shù)亩U意花園,我可能更推崇 CssPlay ,站長是一位60高齡的工程師,我感興趣的不是他網站全球1w內的排名,而是平均高達9.0的PageViews,這是現(xiàn)在很多高排名商業(yè)網站都達不到的高度。曾經跟蹤過前四次改版,視覺上一版比一版簡單、舒服,內容也更豐富,整體更好用和耐用,看得出站長的觀念也在變,需求分析和定位也日趨精準。
對于視覺體驗來說,舒服是比漂亮更高層次的藝術。
今日特別對千鳥的“網頁不需要漂亮”一文印象深刻。
有兩句總結性言論頗為經典:
" 對于網站質量來說,漂亮只可用來加分,但不能打分。"
" 對于視覺體驗來說,我認為舒服是比漂亮更高層次的藝術。"
網站作為當代一種重要的交互平臺,越來越被人們重視,不論是它的布局,還是它的內核,都開始趨向高品質的發(fā)展路線。從沒有規(guī)范的繁亂代碼和花哨外表的發(fā)展初期到符合web標準的簡潔代碼及和諧外表的新時代,設計師們經歷了挖掘漂亮內涵的探索之路。CSS的出現(xiàn),讓美化不再僅僅依賴于圖片,簡單的色塊和線條,配上精美的小圖標,也一樣能達到美的效果。讓我們再看看內核,CSS+DIV代替了傳統(tǒng)的嵌套表格。每一個id都像是一面小小的旗幟,顯示著它獨有的區(qū)域.這樣一個從內到外都散發(fā)著舒服氣息的頁面,才是我們所追求的真美!
用戶體驗的出現(xiàn),給了設計師更全面的思考。單單追求版面的漂亮已經不能滿足客戶的要求。他們更重視易用性和適用性。一個再有創(chuàng)意的設計,如果沒有真正發(fā)揮出建站的目的,它除了能滿足一種短暫的視覺享受以外毫無用處。但漂亮和舒服并不矛盾,只是舒服更平民化一些!它是一種被大眾都容易理解的一種極高明的藝術形式。簡單的不簡單,隨意的不隨意,能夠達到這一高度需要不斷的探索與實踐。
我們是幸運的,前方有探路者引路,后方有同路者隨行,需要的是持之以恒的決心和勇氣!
作為一個美術設計師,大家一定經常發(fā)出這樣一封信:請確認設計稿。然后隨信附上一個或數(shù)個不同風格的設計方案。
這是一個很有趣也很矛盾的現(xiàn)象。在美術方面,由于我們受過專業(yè)訓練,常常被看作是權威,大家都寄希望于我們能解決“是否好看”的問題。而“是否好看”,卻偏偏是一個很主觀的東西,人人都有自己的發(fā)言權。
我們都知道,“主觀”源于人的意識,依賴于個人審美偏好,受到人生經歷、價值觀、情緒、環(huán)境等等因素不同程度的影響,是一個非常不確定、善變的東西。風格,就象被N條細線從不同方向扯著的木偶,哪條線緊一點,便會向那邊傾斜一點。
于是我們就會遇到這種情況,一個設計稿,設計師發(fā)給上級領導,領導發(fā)給客戶,客戶發(fā)給自己的上級,每一個環(huán)節(jié),都有主觀意見加入進來。有人喜歡紅色,有人覺得紅色土;有人喜歡綠色,有人覺得綠色俗。
最后,所有的主觀意見又全部堆積到設計師這邊,大家又滿懷希望地看著他——你是專家,我們的意見就這些,你看著辦。
整個流程里面,沒有人會考慮到訪問者是否滿意的問題。
作為一個公司的網站,具有這樣的主觀特性無可厚非,畢竟訪問者可以通過視覺上呈現(xiàn)的第一印象大致了解公司領導的“風格”。
對于那些主要使用者是互聯(lián)網用戶的網站/系統(tǒng)來講,由于真正使用者的數(shù)量眾多,不可能完全契合每個人的審美傾向,風格問題是否仍然有這么重要?如果僅僅因為領導個人喜好,過多地在風格問題上糾纏,使設計思路局限在色彩和樣式上,“為用戶而設計”、“為體驗而設計”、“為解決問題而設計”又從何談起呢?
我們到底需要多么美麗的網頁?---從google的設計風格說起
近來google的一系列動作讓人眼花繚亂,gmail、gtalk...通觀google的界面,g氏風格如此強烈,極勁簡潔之能事,甚至是略現(xiàn)粗糙。
你是否琢磨過為什么google的設計風格會是這個樣子?---幾乎沒有設計,只是使用不同的大小的文字排版,在必要的時候加一道黑線。
如果你是一名網頁設計師,你是不是也抱怨過人家為什么能夠使用這樣的設計,而自己的公司老板或客戶卻完全不能接受這樣的設計,以至于你根本不敢做這樣的嘗試,因為那樣你很可能馬上就丟掉工作,只是會給你的老板留下很糟的印象---這個家伙根本不會設計。那樣做無異于自殺。
是的,我也在琢磨,直到我想到了前蘇聯(lián)的兩種輕武器:AK47和ppsh41(波波沙沖鋒槍)。
請相信我,我不是在信口開河或者嘩眾取寵。先讓我們來回憶一下這兩種武器:
AK-47
全長870 mm,口徑7.62mm,有效射程300m,最大殺傷力射程1500m。
AK-47的槍管與機匣螺接在一起,槍管鍍鉻;彈匣用鋼制成;擊發(fā)機構為擊錘回轉式,發(fā)射機構直接控制擊錘,實現(xiàn)單發(fā)和連發(fā)射擊;發(fā)射機構主要由機框、不到位保險、阻鐵、扳機、快慢機、單發(fā)杠桿、擊錘、不到位保險阻鐵等組成。
AK-47的動作可靠,勤務性好;堅實耐用,故障率低,無論是在高溫還是低溫條件下,射擊性能都很好,尤其在風沙泥水中使用,性能可靠;結構簡單,分解容易。
---摘自“槍炮世界”
ppsh41(波波沙)
口徑:7.62mm,彈容藥量:71rds'彈鼓/35rds’彈匣,理論射速:900rds/min,有效射程:100~200m。
PPSh41大部分零部件都采用鋼板沖壓、焊接、鉚接制成。具有結構簡單、加工工藝好、易于大量制造,火力猛烈。
在二戰(zhàn)當中,蘇聯(lián)的PPSh41以其結構簡單、動作可靠、性能優(yōu)良、火力猛烈而且造價低廉而飲譽武器界。
在衛(wèi)國戰(zhàn)爭中,入侵的德軍寧愿使用繳獲的PPSH41也不使用德軍的標準裝備MP38/40沖鋒槍。
---摘自“搜狐軍事”
這兩種武器有著一些相似的特點:
制造成本低;
寬容度高,即使槍體中有灰塵的時候,也能正常工作;
維護簡單,使用者可以很容易的拆卸部件,進行保養(yǎng);
操作容易,使用者很容易掌握。
現(xiàn)在回到剛才google的問題上來,google的簡單、樸素的風格同樣存在著類似的特點:
制造成本低,對于網站產品來說意味著設計成本低,同時簡單樸素的設計使得用戶下載文件量小,保證了瀏覽速度,也減輕了服務器的負擔。使產品開發(fā)商和用戶的成本都降低了。
寬容度高,對于網站意味著可訪問性高。簡單的設計即使不完全按照web2.0的標準進行頁面制作,在不同的瀏覽器上頁面表現(xiàn)的差異也不會很大。提高可訪問性的價值在Zeldman的《網站重構》一書中已經進行了充分的說明。
維護簡單,對網站來說有利于更多的設計師協(xié)同工作。修改別的設計師的設計稿會更加容易,同時多位設計師的作品可以更好的統(tǒng)一風格。
容易操作,使用者容易掌握。
對于一個產品,容易使用是最重要的了。對于網站也不例外,用戶體驗工程師將其稱之為網站可用性。簡單樸素的設計風格本身就能夠提高網站的可用性,因為大量的分散用戶注意力的裝飾元素不見了,頁面上顯示的是用戶真正想要的。
在現(xiàn)實生活中,人們喜歡使用看上去簡單的工具,因為這樣的工具很容易掌握,它的工作原理很清楚,更多的呈現(xiàn)在使用者面前,使用者更容易建立正確的心理模型。網絡產品也是一樣,一個輸入框和一個按鈕已經清楚的告訴用戶:先輸入關鍵字,然后點按鈕,您想要的東西就出來了。簡單的設計會減少用戶對網站的距離感。對于用戶來講,樸素的、親切的、平易近人的頁面更容易接近。
當你在家休息的時候,你會穿什么樣的衣服呢?最舒適的。也許是一件穿了多年的絨衣,或許還有已經開了線的秋褲。它們顯然不象你的正裝那樣賞心悅目,可是有什么關系呢?不幸的是,我們現(xiàn)在大量的網頁設計更追求表面視覺上的絢麗,apple風格的水晶效果,特殊的字體,牽強的使用icon,背景花紋......如果繼續(xù)用服裝來類比網頁設計,那么這樣的網頁更像動物園服裝批發(fā)市場里的廉價的時髦的外套,到處是金色的拉鏈,人造皮毛做裝飾,故意顯露針腳的縫紉,或許還有個“US ARMY”的徽章。穿著這樣的服裝是中學生廉價的張現(xiàn)個性的需要,而一個網站是為用戶服務的,開了線的秋褲才是更合適的。
雖然,我自以為已經有充分的理由把網頁設計的更簡單些了,但是,和其他設計師一樣,我也仍舊無法這樣做,因為畢竟看這篇文章更多的還是設計師,而不是老板,盡管他們在家的時候也穿開了線的秋褲。
現(xiàn)在回到剛才google的問題上來,google的簡單、樸素的風格同樣存在著類似的特點:
制造成本低,對于網站產品來說意味著設計成本低,同時簡單樸素的設計使得用戶下載文件量小,保證了瀏覽速度,也減輕了服務器的負擔。使產品開發(fā)商和用戶的成本都降低了。
寬容度高,對于網站意味著可訪問性高。簡單的設計即使不完全按照web2.0的標準進行頁面制作,在不同的瀏覽器上頁面表現(xiàn)的差異也不會很大。提高可訪問性的價值在Zeldman的《網站重構》一書中已經進行了充分的說明。
維護簡單,對網站來說有利于更多的設計師協(xié)同工作。修改別的設計師的設計稿會更加容易,同時多位設計師的作品可以更好的統(tǒng)一風格。
容易操作,使用者容易掌握。
對于一個產品,容易使用是最重要的了。對于網站也不例外,用戶體驗工程師將其稱之為網站可用性。簡單樸素的設計風格本身就能夠提高網站的可用性,因為大量的分散用戶注意力的裝飾元素不見了,頁面上顯示的是用戶真正想要的。
在現(xiàn)實生活中,人們喜歡使用看上去簡單的工具,因為這樣的工具很容易掌握,它的工作原理很清楚,更多的呈現(xiàn)在使用者面前,使用者更容易建立正確的心理模型。網絡產品也是一樣,一個輸入框和一個按鈕已經清楚的告訴用戶:先輸入關鍵字,然后點按鈕,您想要的東西就出來了。簡單的設計會減少用戶對網站的距離感。對于用戶來講,樸素的、親切的、平易近人的頁面更容易接近。
當你在家休息的時候,你會穿什么樣的衣服呢?最舒適的。也許是一件穿了多年的絨衣,或許還有已經開了線的秋褲。它們顯然不象你的正裝那樣賞心悅目,可是有什么關系呢?不幸的是,我們現(xiàn)在大量的網頁設計更追求表面視覺上的絢麗,apple風格的水晶效果,特殊的字體,牽強的使用icon,背景花紋......如果繼續(xù)用服裝來類比網頁設計,那么這樣的網頁更像動物園服裝批發(fā)市場里的廉價的時髦的外套,到處是金色的拉鏈,人造皮毛做裝飾,故意顯露針腳的縫紉,或許還有個“US ARMY”的徽章。穿著這樣的服裝是中學生廉價的張現(xiàn)個性的需要,而一個網站是為用戶服務的,開了線的秋褲才是更合適的。
雖然,我自以為已經有充分的理由把網頁設計的更簡單些了,但是,和其他設計師一樣,我也仍舊無法這樣做,因為畢竟看這篇文章更多的還是設計師,而不是老板,盡管他們在家的時候也穿開了線的秋褲。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網站設計制作
- [2023-04-10 11:07:30] 網站建設制作流程知多少
- [2022-10-14 10:11:30] 做網站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產品”思維搭建網站!
- [2022-08-08 09:12:57] 一家公司的網站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網站首頁設計的好看,這個網站就成功了一大半!
- [2022-05-20 09:34:19] 網站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網站建設公司
- [2022-05-17 11:27:01] 高端網站定制與模板化網站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網站設計都有哪些新的趨勢?
延伸閱讀
- [2007-03-17 10:34:00] 告訴你怎么做個旅行社網站
- [2007-12-11 16:23:00] 如何控制頁面內容的加載順序
- [2006-08-24 08:10:00] 歷年來最為嚴重的10大網站設計錯誤
- [2019-06-03 08:42:30] 圖片在網站上的應用
- [2006-03-22 11:43:00] 建構成功網站的必備三板斧
- [2010-07-15 15:55:00] 泛泛而談界面中的斑馬紋設計
- [2009-06-22 14:31:00] 網站建設制作流程知多少
- [2009-08-17 21:40:00] 產品設計的背后…
- [2006-07-20 10:34:00] 搞網站前請務必弄清八個問題
- [2012-05-16 23:35:31] 新浪xweibo與ucenter通信
- [2010-06-17 08:20:00] 優(yōu)化網站信息架構