新聞發(fā)布
管理系統(tǒng)隨著技術(shù)的發(fā)展和音樂(lè)編曲軟件的普及,有些音樂(lè)產(chǎn)業(yè)的從業(yè)者說(shuō)“現(xiàn)在人人都是DJ了” 其實(shí)這句話套用在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域也非常合適,現(xiàn)在越來(lái)越多的人認(rèn)為人人都可以做網(wǎng)頁(yè)設(shè)計(jì)師了,似乎在很多人看來(lái)設(shè)計(jì)網(wǎng)頁(yè)是非常容易的事情 下載Adobe的Dreamweaver,簡(jiǎn)單做個(gè)導(dǎo)航欄,甩個(gè)Banner上去,隨手畫(huà)出幾個(gè)功能區(qū),放上圖片文章就是網(wǎng)站了 這是網(wǎng)頁(yè)設(shè)計(jì)?當(dāng)然,很多人就是這么做的
但是真正的網(wǎng)頁(yè)設(shè)計(jì)并沒(méi)有這么簡(jiǎn)單,下面就來(lái)看看網(wǎng)頁(yè)設(shè)計(jì)的10個(gè)常見(jiàn)誤區(qū),這些誤區(qū)你有嗎?
1、誰(shuí)都可以做好網(wǎng)頁(yè)設(shè)計(jì)
如果你問(wèn)隔壁小明他能否給自己做一個(gè)網(wǎng)站,他可能會(huì)說(shuō)網(wǎng)頁(yè)設(shè)計(jì)他手到擒來(lái)之類的話,但是他真正做出來(lái)的東西,可能并不是那么一回事
他用Dreamweaver在1個(gè)小時(shí)內(nèi)做出來(lái)個(gè)網(wǎng)頁(yè)Demo,千萬(wàn)不要被那唬住 真正的的網(wǎng)頁(yè)設(shè)計(jì)是一門綜合學(xué)科,集合了信息架構(gòu)設(shè)計(jì),用戶界面設(shè)計(jì),排版設(shè)計(jì),色彩搭配,字體設(shè)計(jì)等多門學(xué)科,只有真正將這些方面都正確兼顧到了才能做好網(wǎng)頁(yè)的設(shè)計(jì)
2、用戶喜歡(或者不喜歡)向下滾動(dòng)網(wǎng)頁(yè)
在網(wǎng)絡(luò)剛剛起步的1994年,當(dāng)初的開(kāi)發(fā)者和設(shè)計(jì)者并沒(méi)有預(yù)見(jiàn)到網(wǎng)頁(yè)今天的模樣 用戶喜歡還是不喜歡向下滾動(dòng)網(wǎng)頁(yè)?
2011年發(fā)布的發(fā)布的Mac OS X 10.7中,蘋(píng)果公司就將界面中的向下滾動(dòng)按鈕給去掉了 而2006年就有過(guò)一向數(shù)據(jù)統(tǒng)計(jì),從120000個(gè)網(wǎng)頁(yè)瀏覽數(shù)據(jù)中抽取數(shù)據(jù)進(jìn)行分析,其中76%的用戶打開(kāi)網(wǎng)頁(yè)后不會(huì)向下滾動(dòng),而22%的用戶會(huì)瀏覽整個(gè)頁(yè)面,一路滾動(dòng)到底 還有2%的用戶會(huì)向下滾動(dòng)看看
那么是不是說(shuō)明網(wǎng)頁(yè)設(shè)計(jì)只需要 重開(kāi)頭的600px高的內(nèi)容呢?不是!這個(gè)數(shù)據(jù)分析是要告訴你,用戶喜歡不喜歡翻下去,是取決于你的網(wǎng)頁(yè)夠不夠吸引力!
3、填滿頁(yè)面所有的空間
千萬(wàn)別這么干!留白(或者負(fù)空間)有著非常重要的作用,它與網(wǎng)頁(yè)上的其他的視覺(jué)元素相互依托,是構(gòu)建一個(gè)優(yōu)秀網(wǎng)頁(yè)的重要組成部分 有留白,才能創(chuàng)造出網(wǎng)頁(yè)的視覺(jué)焦點(diǎn),讓網(wǎng)頁(yè)的設(shè)計(jì)感更強(qiáng),更易于瀏覽和使用 想知道留白是如何使用的?看看Apple的官方網(wǎng)站就知道了 當(dāng)然,留白并不一定非要是白色的
永遠(yuǎn)不要填滿你網(wǎng)頁(yè)所有的角落,適當(dāng)?shù)牧舭子肋h(yuǎn)比這樣設(shè)計(jì)好看
4、所有的細(xì)節(jié)都必須醒目
對(duì)于網(wǎng)頁(yè)排版有種誤解,認(rèn)為網(wǎng)頁(yè)中所有的東西都要要大,要粗,要閃,要亮(親愛(ài)的老板們,你們又躺槍了……) 是的,我們將內(nèi)容放到網(wǎng)站中是希望它們能被 意到,能脫穎而出 可問(wèn)題在于,如果所有的內(nèi)容和元素都加粗了,閃耀了,那么什么內(nèi)容都不會(huì)突出來(lái)的 突出是需要通過(guò)合理的布局、差異和負(fù)空間烘托出來(lái)的 使用不同的字體,主次內(nèi)容相互依托,圖文混拍,優(yōu)質(zhì)的內(nèi)容才會(huì)被眼睛捕捉到
5、大Logo綜合征
是的,這就是廣大設(shè)計(jì)師津津樂(lè)道的大Logo綜合征,這是病,該吃藥 Logo的確是用戶進(jìn)入網(wǎng)站容易 意到的元素,但是用戶更應(yīng)該 意的東西是你網(wǎng)站的內(nèi)容!當(dāng)用戶開(kāi)始 意網(wǎng)站內(nèi)容之后,它們不再會(huì)去看你的Logo,當(dāng)你強(qiáng)行放大Logo無(wú)異于強(qiáng)迫用戶去關(guān) 他們不想看的東西
6、網(wǎng)站應(yīng)該在所有瀏覽器里面效果都完全一樣
不同瀏覽器的渲染機(jī)制不一樣,所以同一個(gè)網(wǎng)頁(yè)在不同的瀏覽器里面看起來(lái)也不會(huì)完全一樣,這主要是因?yàn)榫W(wǎng)站所用的內(nèi)核不一樣造成的 所以,請(qǐng)接受這一事實(shí) 退一萬(wàn)步講,對(duì)于絕大多數(shù)的網(wǎng)站,你的瀏覽器兼容性優(yōu)化得再好也很難達(dá)到100%的一模一樣
7、段落兩邊對(duì)齊
很多人讀過(guò)書(shū)之后,他們希望網(wǎng)頁(yè)上的文本也和書(shū)里一樣,文本能夠兩端對(duì)齊 但實(shí)際上,這并不現(xiàn)實(shí) 且不說(shuō)不同瀏覽器的渲染機(jī)制不一樣,單就一個(gè)瀏覽器而言,通過(guò)算法強(qiáng)行要求文本兩端對(duì)齊,英文這種單詞長(zhǎng)短不一的段落會(huì)明顯出現(xiàn)疏密不一的情況,而對(duì)于中文而言,網(wǎng)站里大量的文本如此優(yōu)化也會(huì)造成類似的情況,除非是諸如簡(jiǎn)書(shū)和起點(diǎn)這樣以文本內(nèi)容為主的網(wǎng)站,可以在文章正文使用這種機(jī)制來(lái)強(qiáng)化閱讀體驗(yàn)
正如W3C標(biāo)準(zhǔn)協(xié)會(huì)所指出的
“很多有認(rèn)知障礙的用戶在面對(duì)兩端對(duì)齊的文本的時(shí)候,是有一定閱讀障礙的 兩端對(duì)齊的文本會(huì)讓字間距出現(xiàn)疏密不一的狀況,這會(huì)讓很多人難于閱讀 為了避免這個(gè)問(wèn)題,好的方法就是不要?jiǎng)?chuàng)建這樣的文本布局,左對(duì)齊即可 ”
8、堆砌關(guān)鍵詞
堆砌關(guān)鍵詞是一種非常令人反感的行為,這種行為是典型的黑帽手法,這種過(guò)度SEO優(yōu)化的手法會(huì)讓搜索引擎將你的網(wǎng)站Ban掉 如果你需要做好關(guān)鍵詞優(yōu)化,需根據(jù)內(nèi)容合理分配,請(qǐng)千萬(wàn) 意不要重復(fù)輸入關(guān)鍵詞,使用相關(guān)或者變體都可以
9、我們的網(wǎng)站需要一個(gè)初始頁(yè)面
初始頁(yè)面,比如某Flash企業(yè)站會(huì)做一個(gè)加載頁(yè)面,進(jìn)入網(wǎng)站前會(huì)有一個(gè)百分比進(jìn)度條跟那兒慢慢跑著……對(duì),就是這個(gè) 比較神奇的是有的網(wǎng)站還需要在加載完之后跳出一個(gè)按鈕,然后你才能進(jìn)入網(wǎng)站的首頁(yè) 你如果是一個(gè)體驗(yàn)很悶騷在線小游戲啥的也就算了 可是你的網(wǎng)站并不是!我們知道用戶對(duì)于網(wǎng)站的加載速度要求越來(lái)越高,數(shù)據(jù)統(tǒng)計(jì)表明,15秒已經(jīng)是極限了 認(rèn)真做好內(nèi)容和頁(yè)面優(yōu)化吧,這才是減少跳出率的正確姿勢(shì)
10、上網(wǎng)搜個(gè)圖來(lái)用用吧
你永遠(yuǎn)無(wú)法預(yù)知搜索引擎給你扒來(lái)的圖片都是從哪兒來(lái)的 有的圖片是有版權(quán)的,如果你不小心碰到有版權(quán)所有的圖片,那么你將面對(duì)的是對(duì)方的索賠了(國(guó)外很嚴(yán)格,國(guó)內(nèi)對(duì)這一塊也越來(lái)越苛刻了)
如果你是為公司干活兒的設(shè)計(jì)師,不妨在合適的時(shí)候請(qǐng)公司購(gòu)買圖片庫(kù)或者資料庫(kù)之類的,再不濟(jì)也有大把的免費(fèi)圖片網(wǎng)站供你挑選 總而言之,小心控制好內(nèi)容,別交無(wú)謂的學(xué)費(fèi)
好了,這些誤區(qū)你有嗎?,反正我可是有中槍的