Web內(nèi)容 不是一寫就好_網(wǎng)頁設(shè)計(jì)教程

推薦：圖片與文本誰更重要？
What'smoreimportanttoyourwebsite:picturesortext?Ifyouhaveanecommercewebsite,youneedtheanswertothatquestion.Yourprofitsdepen

所謂內(nèi)容，就是富有含義的信息。從古至今，內(nèi)容本身不斷的被豐富。

1、人類傳遞的叫聲
2、人類畫出圖形
3、人類出現(xiàn)了語言
4、人類出現(xiàn)了文字
5、人類發(fā)明了留聲機(jī)（記錄語言）
6、人類發(fā)明了照相機(jī)（記錄圖形）
7、人類發(fā)明了攝像機(jī)（記錄影像）

當(dāng)所有這些東西被傳遞到網(wǎng)上時便形成了Web 內(nèi)容。文字、圖形、照片、聲音、語言、音樂、視頻等組成了Web內(nèi)容。我們通過設(shè)計(jì)將他們組織在一起，形成一個完整的表達(dá)，否則我們的網(wǎng)站將變得凌亂不堪。而這些Web內(nèi)容的傳遞（即時的或者是非即時的）是整個互聯(lián)網(wǎng)的核心作用。

我曾經(jīng)想要選擇一個在線的英語詞典，并且發(fā)現(xiàn) Dictionary 很不錯，并且它由我最喜愛的Web設(shè)計(jì)團(tuán)隊(duì)Happy Cog 重新設(shè)計(jì) 。但是當(dāng)時我仍然希望能夠在我期望的英語詞典中看到對應(yīng)的中文解釋。所以，雖然非常喜歡，我還是放棄了使用Dictionary。

用戶就是這樣 簡單 的進(jìn)行取舍的。即使你的架構(gòu)再合理，外衣再美觀，交互再人性化，假如沒有用戶所要的內(nèi)容，那么用戶會毫不猶豫的離你而去。我們都知道內(nèi)容是王道（Content is King.）

內(nèi)容的重要性不僅僅在此，更重要的是內(nèi)容的組織和表現(xiàn)。

我想以文字內(nèi)容為例，結(jié)合一個實(shí)例，說說寫作對于 內(nèi)容設(shè)計(jì) 的重要性。

近些年網(wǎng)絡(luò)相冊非常流行，我就拿 Picasa網(wǎng)絡(luò)相冊 （Picasa的主頁已經(jīng)有所改動，本文所述的Picasa主頁見下圖1）和 Flickr 做個比較。

圖片1 Picasa的首頁

圖片2 Flickr的首頁

兩個網(wǎng)站的文字都比較簡潔明了，輕易一目了然。Picasa的logo旁邊有“網(wǎng)絡(luò)相冊”四個字，我們很清楚的明白他是干什么用的了，而Flickr乍一看并沒有關(guān)于這個網(wǎng)站是什么用的，雖然Flickr已經(jīng)威名天下，但是對于網(wǎng)絡(luò)新手來說仍然可能有這樣的疑問。Picasa主頁的標(biāo)題是“快速方便地從 Google 共享照片”，而Flickr的標(biāo)題是“分享你的相片，靜觀世界變化”。顯然Flickr的內(nèi)容專家經(jīng)過了一番內(nèi)容設(shè)計(jì)，給用戶一種“假如我使用了你的網(wǎng)絡(luò)應(yīng)用程序，我就能足不出戶了解世界，抓住變化”的感覺，而要害所在就是，F(xiàn)lickr確實(shí)給人一種這樣的用戶體驗(yàn)。

注重！我想說的是。 偉大的寫作能優(yōu)化用戶體驗(yàn) ！

Flickr的標(biāo)題表達(dá)了什么意思？作者希望Flickr成為一個用相片了解世界的工具，F(xiàn)lickr作者的言語讓人聽起來象是一個藝術(shù)家，而Picasa的那句話，“最新推出！ 嘗試我們新的照片搜索�！蔽蚁�，Picasa的作者想表達(dá)的意思是，最新推出的是一個功能更加強(qiáng)大，更加人性化的搜索，而不是一個新的搜索，因?yàn)橛脩羲阉鲿r可不關(guān)心你的搜索功能是新的還是舊的，我們關(guān)心的是你的搜索功能是否強(qiáng)大和人性化。這使得Picasa的作者聽起來更像個程序員。所以你更愿意使用一個給人以藝術(shù)感的Flickr，還是聽起來像個程序員的Picasa來分享你的照片呢?答案是顯然的了。

所以我想再次重復(fù)的是， 偉大的寫作能優(yōu)化用戶體驗(yàn) ！

分享：網(wǎng)站設(shè)計(jì)的50條建議
Tipstobrandyourwebsite宣傳網(wǎng)站的建議·Includeyourlogoinallpages.Positionitatthetopleftoreachpage.確保每張網(wǎng)頁的左上方出現(xiàn)logo。