【經(jīng)驗分享】如何讓你的網(wǎng)頁設計人見人愛!

2014-12-30    藍藍設計的小編

藍藍設計m.sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務.

每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計


來源:http://www.58img.com/design/1997

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

滿足客戶的需求是設計師們需要履行的首要任務,但客戶們的“高要求”總是讓設計稿一再被淪為飛機稿,這是很多設計師無法解決卻始終面臨的問題。既然無法滿足客戶捉摸不透的需求,不如直接用你的理由說服他!

接下來,我們會用案例教你在設計中可以融入哪些內(nèi)容來提升網(wǎng)頁的用戶體驗,如何站在用戶體驗角度打動客戶,并且讓客戶認同你的設計。

1.首先用愛思卡網(wǎng)頁來舉例,愛思卡的網(wǎng)站用擁有視差滾動效果,作用不僅僅是讓用戶獲得更好的視覺享受,更要讓用戶產(chǎn)生與網(wǎng)頁互動的感覺,在瀏覽每一屏的時候都像是與公司之間的對話,而不是一個人冷冰冰的對著網(wǎng)頁而已。

2. “i20”公益活動的信息技術服務商之一,為活動中的專題項目“鄉(xiāng)香集市”特別定制了一個活動官方網(wǎng)站。該網(wǎng)站實現(xiàn)頁面自適應,讓用戶在不同的設備上享受同樣的視覺效果。在移動端越來越普及的時代中,這種設計能很大程度的提升用戶體驗,讓用戶從網(wǎng)站上直接感受到企業(yè)貼心的服務。

3.久楓服飾的網(wǎng)站。雖然該網(wǎng)站主要以圖片為主,但是網(wǎng)站的打開和瀏覽速度并沒有因此受到影響。設計師建議,盡量在網(wǎng)頁中使用輕量級的圖片,比如矢量圖。矢量圖可以任意的調(diào)整大小,并且能適應任何屏幕的分辨率,這也更利于頁面自適應的設計。

4. MN電子商務官方網(wǎng)站受到了很多網(wǎng)頁設計師的好評。圖片風的網(wǎng)頁設計在美觀度上很有優(yōu)勢,但網(wǎng)頁的打開速度卻會令用戶等不及。在上一個案例中提到,使用輕量級的圖片能有效的避免這類問題的發(fā)生,但如果不能轉(zhuǎn)換成矢量圖,那就嘗試著用縮小原圖來提升網(wǎng)站的速度。

5.想要在第一時間吸引用戶繼續(xù)瀏覽,視覺上的沖擊力也許是最直接有效的方法。如下案例所示,設計師用強烈的對比效果激起用戶繼續(xù)瀏覽的興趣,其實有時用戶很簡單,只要把握住一些關鍵點,他們會心甘情愿的為之后的內(nèi)容買單。

6.信封式樣的小設計充滿創(chuàng)意,用戶滑動鼠標仿佛就在打開信封。這樣的小效果增強了網(wǎng)站的互動性,讓用戶對接下來的內(nèi)容更有興趣,并且在無形中產(chǎn)生了一種引導作用。

7.小標識在網(wǎng)頁中的應用是非常普遍的,它們通常以最佳配角的形式出現(xiàn)。該網(wǎng)站的特別之處在于,標識在首頁中起到了挑大梁的作用,而且效果出人意料。用戶對于網(wǎng)頁一向以走馬觀花為主,因此,大段的文字內(nèi)容成了禁忌,圖標符號的設計形式反而更能勾起用戶的興趣,也更利于閱讀。

8.明確的用戶視線引導就好比有一條隱秘的網(wǎng)站線索讓瀏覽者自行摸索,這種形式能間接的給用戶帶來“接下來的內(nèi)容更精彩”的感覺。

9.用戶對于清新簡潔的網(wǎng)頁設計會降低抵抗力。扁平化的設計風格雖然并不是百搭款,但在網(wǎng)頁中偶爾融入也能為用戶帶來小驚喜。

10.Nature House電子商務網(wǎng)站與普通的電商網(wǎng)站在視覺設計上就有很大的區(qū)別。該網(wǎng)站集結了很多提升用戶興趣的關鍵點,比如視差滾動、用標識代替了大段文字內(nèi)容,以及用縮小圖片大小來加快網(wǎng)站打開速度等,這些看似細節(jié)化的問題卻為用戶的瀏覽體驗加分不少。

所有的客戶都會對自己的網(wǎng)站很挑剔,但他們的挑剔可能只停留在表面的外觀設計上,所以,讓用戶體驗來打動客戶是一個很正確的選擇。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔