web2.0 :我一直聽到說這個時髦的詞,不管是喜歡還是討厭web2.0,它都是這種特定的web2.0設計風格的一個主要的部分。這個指南的目的是想給一些設計新 手一些參考,或者是做為一個清單,給那些還在掙扎著適應著好多社會性網絡/社會性媒體網站風格的頁面圖形設計師們。
首先我們知道web2.0有很多技術定義,比如新媒體或者分享信息或者媒體等等。我不準備講那些繁雜的東西,因為我們只要關注web2.0的圖形設計就好了。
web2.0常見的屬性:
簡單設計 simple design
是什么阻礙了你的設計?也許是太多無用的元素?在進行一個設計的時候,我經常會發現我自己在使用一個元素后,立刻問自己一個問題這個設計元素的目的到底是什么,問過之后我發覺我不需要那個元素。
大面積留白 lots of white space
注 意留白(空白的地方可以讓你的作品呼吸,如果你愿意的話)是web2.0設計風格當中很重要的。恰當的留白會使頁面元素更加出彩,同時也給眼睛一個休息的 地方。我通常都在960柵格設計用20-35px的留白來襯托設計。這個模式給了我一個很好的框架,也讓里面的文字看起來真的很贊。
更大的文字 larger text
設 計之前一個主要的步驟是想到不要用那些很久之前用的像素字了,然后說我覺的28號字很好。另外一個用h1這種大字體做標題的或者頭部字的優點是,將會給你 的站點SEO帶來很好的優化效果。 其中一個主要因素是訪問者可以迅速知道你的站點是講什么的。大的字體可以讓訪問者快速的抓住要點。
所以總結一下:大的字體做為標題是很好的,試著給SEO一些更加精簡有效的關鍵字,但也不要全篇的都是28號字,不然訪客會很不開心的哦。
漸變 Gradients
當漸變處理恰當的時候看上去效果好極了。它們可以增加一個乏味設計的深度。就漸變本身而言,它們可以使布局、文本、甚至logo都會變得更加豐富。
集中的布局Centered layout
集中的布局在頁面設計中做為一個整體已經越來越流行了,不僅在web2.0是這樣的。集中的布局被認為是更加直白的,并且這個方式也非常適合標榜著前衛、幽默的web2.0的調調。
更少的分欄 Less columns
使用了大號字體和漂亮的留白之后,你是不是還想用14的列寬?
簡單的設計等同于較少的布局。為了布局而對內容進行排版設計,在很多設計中都能看到使內容的風格布局不瑣碎的趨勢。
分割頭部 Seprarate top section
分割頭部把一些號召行動和核心區分開來。如果我是個新訪客,我才不會關心你們的股票期權,我只想知道你們公司是干啥的,有什么值得我關心的。分離的頭部就會提供給我一些我想要的基本信息,直到我對這些基本信息滿意,才會想要關注更詳細的問題。
簡單的導航 Simple navigation
第一點內容就告訴我們一個問題,一個新的訪問者很可能因為導航很爛就離開了你的站點。導航應當在網站中一直堅持容易識別的原則,并且要組織得當哦。
醒目簡潔的LOGO Bold simple logos
你是誰。這個問題logo就可以回答了。web2.0風格使用了大量的醒目簡潔的logo。這里有些關于簡潔大方的LOGO的最佳案例。
詼諧的標題簡介 Witty title intros
準確的定位并且了解每一位XX個是使你的站點或公司個性化的主要方式,。使用互聯網,你就不需要和人進行面對面的進行互動。但注意使用幽默的招呼方式會讓你的訪問者感覺訪問你的網站更輕松。
鮮明的色彩 Strong colors
很多web2.0網站經常大量的使用中性色,偶爾用一兩種醒目的顏色,F在的這個Blog就是個例子。
豐富的表現 Rich surface
當設計師們瘋狂的尋找最佳的紋理好像木紋、磚塊、布紋等等的時候,紋理素材網站就應運而生了。
在photoshop里可以往背景和文字上疊加元素,如果他們被恰當使用的話,也的確可以給設計帶來一些情趣。如果你不是很確定是否過度使用了這個Web2.0的特征(或者其他特征),那就試著把設計貼到設計論壇里面尋求反饋吧。
反光 Reflection
著名的蘋果水晶按鈕讓一種設計風格流行起來了。
反光在很多web2.0的設計風格中逐漸開始有了立足之地。這個設計風格的關鍵是注意降低不透明度,這會使整個設計看起來效果很好。
閃耀的圖標 Bling icons
我喜歡好的圖標,可愛的圖標的確能為一個平淡的設計帶來層次和亮點。
Everaldo創建了一個自己的水晶圖標集,同時也激發很多有天賦的圖標設計師的靈感。
web2.0 的徽章 \ 價格標簽
web2.0的徽章和最近流行的價格標簽可以用來吸引游客的注意力。
大部分的徽章都是反光的(閃閃發光的),而價格標簽卻普遍是灰暗的。
灰色的字 Gray-text
灰色的字是什么?
使用灰色字體可能導致屏幕看起來有些混亂。盡管灰字可以讓它看起來更漂亮,
但是某些設計犯了個錯誤,總是把字的顏色弄的很淺,太淺了以至于我們不得不選中文字使其高亮才能閱讀。
這種不友好的設計和挫敗感會使訪問者遠離你的網站,同時也會給打印帶來一些問題(除非你使用獨立的CSS來控制打。
注意:如果你的顯示器的亮度下調10%,你的站點上的字消失了,那你可能就是犯了這個錯誤。
|