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