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

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

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

可以從幾個方面來分析:

色彩

Amoderneden

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

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

Paraply

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

他們?yōu)橛脩舻漠斍拔恢锰峁┙涤觐A報服務。憂郁的藍色預示著雨雪的降臨，與雨傘保護感強烈的紅色相對比顯得相得益彰。

MailChimp

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

他們專門為客戶公司提供強大的電子郵件營銷服務。鮮亮的色彩預示這是家充滿激情活力的公司。

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

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

布局

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

一般訪客的視線會從頁面的左上角的開始，掃視網(wǎng)站的頂部(Logo,導航)

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

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

更重要的是，這類圖片不僅僅是會吸引訪客，他還傳遞給訪客易于使用的信息。

如果你為訪客描繪了一副栩栩如生的畫面，讓用戶覺得使用你的產(chǎn)品可以受益很多，那么他們的購買欲望就會膨脹起來。

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

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

可以舉些例子：

LemonStand

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

Opera

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

Zendesk

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

百度快搜

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

按鈕

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

看看下面這些按鈕實例：

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

功能點

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

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

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