網(wǎng)站主頁的設(shè)計(jì)應(yīng)遵循哪些思路?

2015-02-18    分類: 網(wǎng)站建設(shè)

一個(gè)網(wǎng)頁被設(shè)計(jì)出來,是給人用,給人看的。要好看(簡潔)、要好用(高級)這才是一個(gè)設(shè)計(jì)師需要反復(fù)考慮的。視覺+交互,是網(wǎng)頁設(shè)計(jì)師的核心競爭力。

公司網(wǎng)站主頁設(shè)計(jì)的思路和方法

1、一個(gè)表達(dá)清晰、顯示突出的CTA(行為激發(fā))

本篇文章所提到的所有訣竅中最重要的一點(diǎn)就是,你的主頁上應(yīng)該有一個(gè)非常清晰明了的CTA(行為激發(fā))。如果你能為這個(gè)CTA設(shè)計(jì)一種獨(dú)特、抓人眼球的呈現(xiàn)形式則會錦上添花。此舉目的在于讓那些瀏覽主頁的用戶清楚地知道企業(yè)對他們的要求,希望他們做什么。頁面內(nèi)容不要過多,以免用戶感到困惑。國外的Marketing Inc和AWeber公司的著陸頁是非常值得大家參考借鑒的例子。

2、能夠抓人眼球的圖片

好的圖片對于主頁設(shè)計(jì)來說至關(guān)重要。我就在自己的博客主頁上添加了一張長圖片,這張圖片讓我的博客顯得更加與眾不同,上面所提到的所有網(wǎng)站也都非常擅長利用圖片來吸引讀者。特別是Chris Ducker(上面第二個(gè)案例),他是圖片使用方面的專家,他將自己的照片放在網(wǎng)站主頁上,照片中他的目光注視著網(wǎng)頁上的信息欄和CTA,意在表示自己希望大家能夠響應(yīng),用戶往往會受到圖片的暗示,注意力順著他的目光看向右邊,然后進(jìn)行相應(yīng)的動(dòng)作,最終完成轉(zhuǎn)化。

3、移動(dòng)響應(yīng)差異化

毋庸多說,移動(dòng)設(shè)備的使用率超過了PC端,作為營銷人員我們不得不重視這塊新的蛋糕。由于顯示屏幕和使用場景的不同,我們應(yīng)將二者差別對待,我所說的差別不僅體現(xiàn)在文字大小、圖片多少上,還在整個(gè)網(wǎng)頁的設(shè)計(jì)思路和功能優(yōu)化上。例如,我不會在移動(dòng)端的網(wǎng)站上推銷BlueHost(藍(lán)色主機(jī),是一款非常受歡迎的美國主機(jī))的產(chǎn)品,因?yàn)樵谝苿?dòng)端,用戶不太會注冊完成購買。認(rèn)真觀察上述提到的六個(gè)網(wǎng)站在移動(dòng)端和PC端上的不同,你會發(fā)現(xiàn)他們在移動(dòng)端上省略掉了哪些功能和要素。

網(wǎng)頁設(shè)計(jì)應(yīng)該有更多的思索在里面,每一個(gè)元素都是思索的產(chǎn)兒,而不是隨意的點(diǎn)綴。當(dāng)然,感性的爆發(fā)也必不可少,因?yàn)樗撬囆g(shù),是商業(yè)化了的藝術(shù)、技術(shù)化了的藝術(shù)。

分享名稱:網(wǎng)站主頁的設(shè)計(jì)應(yīng)遵循哪些思路?
網(wǎng)頁URL:http://www.muchs.cn/news27/29077.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、面包屑導(dǎo)航、小程序開發(fā)企業(yè)網(wǎng)站制作、靜態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都app開發(fā)公司