當下的站點已經拋棄了以前那種什么都放的設計形式,人們追求更多的效率,期盼訪問者針對性更強,內容更專業,本文就是一篇推薦怎么提高設計的效率,更先須要推薦一下什么是效率!
(一)過度設計和使用泛濫
web1.0時代,由于客戶的愿望和其本身提供的信息資源的匱乏,彌漫著“過度設計”。大型門戶更是如此,密密麻麻得首頁、2位數的頻道導航,造就了大型門戶站點在感官上的特性 ——雜亂。而更有跟風者,以模擬“雜亂”為手段,達成看上去就象大型門戶站點的用戶體會。
web2.0時代,SNS、插件使用、推選、相關 信息的泛濫,有形成另一個“使用泛濫”;而這些使用有時刻不得不有,不舍得放棄,結尾 形成SNS門戶,比如上線時間不太久的“掏江湖”,也未能脫離 “使用泛濫”的窠臼。
垂直分類門戶,分類鏈接的運用 率遠大于重要字搜索,就不得不充斥著密密麻麻的鏈接,早已老化的阿里巴巴,就是如此。B2C商城,也是如此。
而一些另類的淘寶店主,卻因經營著本來就不多的東西,而把頁面做的基本醒目。因為他們議決實踐,知曉怎末做能帶來更多的銷量,也就達到效率。
(二)什么叫經濟,就是花更小的投入,達到更大的成效。
對于站點設計來說,效率從以下幾方面處理:
(1)首頁
你看大多數站點的首頁,會看一屏往下的內容后,再點其他鏈接嗎?毋庸置疑,在越來越浮躁的時代,用戶操作越來越迅捷,打開首頁后請給我5秒鐘做出一個點擊鏈接的判斷和繼續往下訪問的理由,否則我將失卻耐心。
首頁超過1.5屏的內容,往往80%用戶不去重視,白白浪費帶寬。而你的首頁往往會超過3屏,也就是說,用戶下載你的首頁原本只須要一半的時間,你卻給了他另一半他根本不看的內容。國產的網絡遠遠處于垃圾階段,在國產才有迅雷、網游加快器這種東西的生存土壤。你的首頁的下載時間是多么寶貴啊,你卻浪費了。
(2)圓角裝飾和直角裝飾
圓角裝飾看上去比較潤滑,是因為相比而言,直角是兩條成90度的線相交,在四維判斷上用戶要議決兩個方向來判斷,造成一種感官困擾。而圓角是兩條成90度的線的國過渡,視覺判斷上是一種緩和。對于女性來講,方向感更差,所以她們是不得不“喜愛”圓角這種平滑過渡的。
在把所有的裝飾圖片用CSS做成背景后,一次下載多次運用,提高了效率。在HTML5普及之前,仍舊是須要用圖片來形成圓角裝飾的,當然不排除用CSS、濾鏡、JS的一些hack技巧去模擬圓角,但這些都是“奇淫巧技”。
再說一下,工業設計的先驅——包豪斯,起源于二戰前的德國,后因戰爭轉移到美國而成為當今工業設計的發祥地。看看二戰德國的坦克跟當今先進的坦克在外形設計上時不分高下的。
IT本來是工業、也只有在工業設計成熟后,在能有IT的打造基本。工業就講究一個直白,把多余的雜質去掉,直接調直一條線,這就提高了效率。而閱讀器的實現,也是這樣,它是基于“塊體”的,換句話說閱讀器的呈現是遵循縱橫鏈各坐標軸的,而圓角和斜線是不契合閱讀器的工業設計準則的。當然有插件和一些其他的矢量語言來彌補,但要想提**率,就要遵循閱讀器的工業設計準則 ——塊體結構。
那么扔掉圓角裝飾吧,即便是有了HTML5,也沒有比一個方框更有效率的渲染呈現形式了。去掉圓角,直接用CSS做個方框,效率多高啊。
(3)內容為王
什么是一個好的站點設計呢?
把樣式表、裝飾圖片都去掉,剩下實體的可選中的文字、圖片、多媒體對象后,仍舊是一個很吸引人,這才是一個好站——內容為王。
反過來說,就是把原來的設計順序改一下,先把內容排好,然后組織籌劃成一套有層級的閱讀體系——這就是更簡設計。這樣的話,你的每一頁,都省掉了無用的信息和裝飾,既提高了下載效率,又降低了用戶挑選上的困擾,還把你的主旨瞬間傳達給用戶。這是一舉多得的事。
看過許多設計,都是為了裝飾而裝飾。這里空,就得加個圖片,布局沒占滿,就加個友情鏈接。欄目塊標題前是不加裝飾不罷休的,韓國棒子就這么做,咱就給棒子學嗎?裝飾不是不能夠加,總得說出個有價值的目標來吧,比如突出標題,完全能夠用CSS來控制文字,干嘛要把文字做成圖片呢?比如注冊頁面空,是須要加個圖片來吸引新用戶的,這也說的過去。
總之,加裝飾,請給我個理由,須要嗎?不須要嗎?
對于站點來說,效率為王、功能為王、內容為王、用戶為王,而裝飾在**面前就要屈尊。
還有許多雜事,比如同樣面積大小、同樣文件格式的亮調圖片,就比暗調圖片來的K數小,下載快,所以大圖片用白背景、網頁用亮調白紙黑字是永遠的主題——效率啊,效率。
要說的話,講三天講不完,就此打住。
網頁打造心得:怎么提高設計的效率,希望對您有用。