用戶體驗設計的精髓，在于恰到好處的設計出最合適的用戶場景體驗，而這種體驗是不知不覺給予用戶同時能讓用戶在觸點的那個瞬間怦然心動，那如何讓用戶心動呢？阿里同學專門組建了一個團隊來研究這方面，現(xiàn)在初步方法有了，來學 >>>

古人云：“動人心者，莫先乎情?！保瑯拥奈覀儚募s翰.奈斯比特的語言中窺見：”無論何處都需要高補償?shù)那楦校鐣懈呒夹g的越多，我們就越渴望高情感的環(huán)境，用設計軟性的一面來平衡技術硬的一面。設計作為人的創(chuàng)造性活動，不是摒除激情或者情感，而是要創(chuàng)造一種中性的、能容納和激起使用者情感的東西，這種東西是一種境界。”

在這篇教程中，我們將看看如何使用一個免費的Web應用程序IcoMoon將矢量圖轉換成Web字體。然后在看看如何使用生成的字體通過css應用到Web頁面中。

使用字體圖標的優(yōu)勢

字體圖標除了圖像清晰度之外，比位圖還有哪些優(yōu)勢呢。

適用性：一個圖標字體比一系列的圖像（特別是在Retina屏中使用雙倍大小的圖像）要小。一旦圖標字體加載了，你的圖標就會馬上渲染出來，不需要下載一個圖像。

可擴展性：圖標字體可以用過font-size屬性設置其任何大小。這使您能夠隨時輸出不同大小的圖標，然而，使用位圖，你必須得為每個不同大小的圖像輸出一個不同文件。

多數(shù)時候，我們在網(wǎng)頁中看到的地圖，都是用百度/谷歌地圖來顯示公司、機構或者店鋪的地理位置。然而，地圖在網(wǎng)頁中的使用真的就只能這么單調(diào)么？

加入一點想象力，添加一些技術支持，你會發(fā)現(xiàn)地圖可以讓整個網(wǎng)頁的逼格拔高不止一個層次！

將原始的、額外加入的地圖元素轉化成極具吸引力和視覺沖擊力的組成部分，需要進行相當程度的調(diào)整，加入和互動元素：微妙的動效、基于多媒體的工具、動態(tài)指針、扁平化的風格、Lowpoly風的插畫、現(xiàn)代風的線條圖標，甚至是略顯古怪的草圖也能讓地圖煥發(fā)出生命力。

法國是個時尚而浪漫的國度，文化和藝術的殿堂。在這樣的沃土之上，現(xiàn)代文明和傳統(tǒng)經(jīng)典碰撞之下，法國的設計師對于藝術和設計有著獨到的見解，多元的文化孕育出了參差多態(tài)的設計作品。毫無疑問，你可以這些無與倫比的法國設計師的網(wǎng)頁中獲取靈感，汲取養(yǎng)分。

法國設計師和藝術家的創(chuàng)意思維有著他們獨特的文化根源?；厮莘▏臍v史，從早期的凱爾特文化，到羅馬帝國時代，從中世紀一路到現(xiàn)代，每一個階段都有著璀璨的文化。中世紀有梅羅文加王朝的藝術，加洛林藝術，文藝復興時期的也有巴洛克、洛可可、古典主義和新古典主義，近現(xiàn)代的印象派、后印象派、波普藝術和超現(xiàn)實主義更是耳熟能詳。這些層層疊疊的豐富文化遺產(chǎn)滋潤著這里的設計師，不論是繁復華麗還是迷幻離奇，都有跡可循。

大家都知道”細節(jié)決定成敗”這句名言不僅在其他行業(yè)非常重要，而在頁面設計當中更是顛撲不破的真理。需求的眼睛和感覺總是非常敏銳的，對于一個頁面沒有得到需求方的認可，但是他們又說不出什么理由，這個時候就是細節(jié)問題了。一個頁面的細節(jié)到位才能充分體現(xiàn)出頁面的品質(zhì)。一個優(yōu)秀的作品與卓越的作品相比差距就在于細節(jié)的把控。

“色彩，這是一種多么深刻而神秘的語言?。　钡拇_，不同的色調(diào)能夠調(diào)動不同的情緒和反映，能夠影響用戶對于品牌的感知。簡單說來，色彩可以造就不同的設計。與此同時，研究表明，色彩能夠強化品牌認知度（高達80%），加深用戶印象，讓品牌的設計和文本在同類中脫穎而出。

幸運的是，我們的早已遠離可選色彩匱乏的年代。技術的革新使得人們選取色彩不再受到天然色素的限制，合成色素與屏幕的出現(xiàn)讓色彩和我們的生活越來越緊密，也使得選取和決定所需考慮的因素更加復雜。正是因為色彩的極大豐富，配色方案的選取的確越來越麻煩了。Colourlovers 社區(qū)已經(jīng)為近800萬種進行了命名，不過依然有超過1600種色彩在后面正排隊等候。

聽起來是不是有點不堪重負的意思？別擔心，聽聽來自Creative Market社區(qū)的設計師的建議吧，他們會告訴你關于色彩選取的最佳技巧，讓你也可以輕松挑選最佳的色彩組合。

編者按：今天給同學們安利一款在線神器，是優(yōu)設長期合作后期高手@他山之眼 同學聯(lián)合他人開發(fā)的潑辣修圖，簡直就是移動軍火庫，打開網(wǎng)頁就能體驗到Lr一樣的專業(yè)圖像處理體驗，無論是救急，還是長期使用，都值得收藏起來 >>>

有沒有觀察過你喜歡的插畫師們未完成的作品？仔細觀察，你會發(fā)現(xiàn)他們非常著迷于調(diào)整貝塞爾曲線的手柄（也就是鋼筆工具畫出來的曲線啦~），并且力圖讓調(diào)整曲線的手柄盡量水平或者垂直。為什么呢？

我想通過這個教程，為力圖探尋此道的設計師們打開一扇門，指引方向。當然，首先你熟練使用AI和PS中的鋼筆工具才行。

指導最近我才開始探尋這些操作的意義，并且力圖去發(fā)覺插畫師們?yōu)橹杂诖?。事實證明，讓手柄保持水平和垂直可以為調(diào)整曲線省下一大堆的時間和精力。

圖表設計是數(shù)據(jù)可視化的一個分支領域，是對數(shù)據(jù)進行二次加工，用統(tǒng)計圖表的方式進行呈現(xiàn)。數(shù)據(jù)是事實或觀察的結果，是對客觀事物的邏輯歸納，通常一 個具體的數(shù)字比一個模糊的說法更加具有可信度和說服力。但單純的數(shù)字本身并不能提供足夠的影響力，假設一個淘寶女裝賣家3月份的成交金額是50萬，這個數(shù) 據(jù)本身并不能說明什么問題，但是當你加上4月份60萬，5月份的成交金額70萬等多個月的數(shù)據(jù)，通過折線圖的方式呈現(xiàn)，可以判斷出成交金額是上升趨勢，再 結合去年同時段的銷售曲線進行對比和其他維度信息的補充（圖1-1），可能推斷出是因為換季所帶來得銷量增長，店鋪可以考慮加大夏季款的上新。所以我們說 圖表是解讀數(shù)字的一種強有力的手段。

時代一直在變，一個又一個的創(chuàng)新讓我們感到驚訝萬分。網(wǎng)頁設計的趨勢如同流星，光芒耀眼，但來得快、去得也快。雖然跟風很不好，顯得毫無設計主見，但很多設計潮流確實值得追隨。就像當下響應式設計、扁平化設計、以及滾動視差等。

可是呢，還有很多極為”糟粕”的設計趨勢，本文一一列舉，請君對號入座。