詳細解析如何讓網(wǎng)頁(yè)設計有規律可循發(fā)布者：本站     時(shí)間：2021-12-29 09:12:04

開(kāi)篇嗦了一下，但這的確是很多同學(xué)們需要改正的壞習慣。2013年就要過(guò)去了，回首看看，今年你在思想認知、設計手法、團隊協(xié)作、溝通演講上有了哪些進(jìn)步。

好咯，進(jìn)入正文：隨著(zhù)開(kāi)放平臺日益增多，衍生出來(lái)的各類(lèi)應用服務(wù)也就呈不斷增長(cháng)的趨勢。這些應用服務(wù)的站點(diǎn)設計也可謂是五彩斑斕，燦若繁星。我們可以來(lái)找找這些網(wǎng)站的設計是否有規律可循。

可以從幾個(gè)方面來(lái)分析:

色彩

Amoderneden

詳細解析如何讓<a href=/photoshop/web/ target=_blank class=infotextkey>網(wǎng)頁(yè)設計</a>有規律可循,PS教程,

從它的整體色彩配圖元素構建等不難看出，這是一個(gè)關(guān)于兒童教育有關(guān)的網(wǎng)站，推的就是寓教于樂(lè )的產(chǎn)品服務(wù)。

Paraply

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

他們?yōu)橛脩?hù)的當前位置提供降雨預報服務(wù)。憂(yōu)郁的藍色預示著(zhù)雨雪的降臨，與雨傘保護感強烈的紅色相對比顯得相得益彰。

MailChimp

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

他們專(zhuān)門(mén)為客戶(hù)公司提供強大的電子郵件營(yíng)銷(xiāo)服務(wù)。鮮亮的色彩預示這是家充滿(mǎn)激情活力的公司。

色彩的應用組合預示了這些信息。

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

布局

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

一般訪(fǎng)客的視線(xiàn)會(huì )從頁(yè)面的左上角的開(kāi)始，掃視網(wǎng)站的頂部(Logo,導航)

接著(zhù)他們目光向下移動(dòng)，讀下一個(gè)區域…該產(chǎn)品的模擬截圖和簡(jiǎn)單的文字介紹，通過(guò)這塊漂亮的展示區域，他們才開(kāi)始對網(wǎng)站有了初步的印象。

訪(fǎng)客看到產(chǎn)品的模擬展示后，他們就可以想象實(shí)際應用的情景。如果能夠讓潛在客戶(hù)想象使用產(chǎn)品的情形，你就已經(jīng)開(kāi)始勾起他們的購買(mǎi)欲望了。

更重要的是，這類(lèi)圖片不僅僅是會(huì )吸引訪(fǎng)客，他還傳遞給訪(fǎng)客易于使用的信息。

如果你為訪(fǎng)客描繪了一副栩栩如生的畫(huà)面，讓用戶(hù)覺(jué)得使用你的產(chǎn)品可以受益很多，那么他們的購買(mǎi)欲望就會(huì )膨脹起來(lái)。

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

最后，當用戶(hù)做決定的時(shí)候，視線(xiàn)就自然的落在了按鈕上，引導他們立即購買(mǎi)或注冊產(chǎn)品。

可以舉些例子：

LemonStand

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

Opera

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

Zendesk

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

百度快搜

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

按鈕

操作按鈕要做的灰常之醒目可點(diǎn)擊極強，這是必須的。

看看下面這些按鈕實(shí)例：

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

功能點(diǎn)

如果可以，在頁(yè)面下半部分使用一些圖標和短標題來(lái)把產(chǎn)品的一些功能點(diǎn)羅列出來(lái)，簡(jiǎn)明易懂就行。

詳細解析如何讓網(wǎng)頁(yè)設計有規律可循,PS教程,

網(wǎng)站的設計應該為它的目標服務(wù)。當然，網(wǎng)站的外觀(guān)也很重要，它決定了訪(fǎng)客的第一印象，但是同樣重要的是，不要為了設計而讓網(wǎng)站走入歧途，美學(xué)上的好看并不能提升網(wǎng)站的表現力。因此，你需要確定設計策略都是由網(wǎng)站的目標和計劃驅動(dòng)的。