如果你是一個(gè)APP狂熱分子，你會(huì)花大量的時(shí)間在各種APP的嘗鮮中，你會(huì)明顯感受到一些APP在采用著某種風(fēng)格鮮明的設(shè)計(jì)語(yǔ)言，來(lái)標(biāo)榜自己的獨(dú)特之處，行成自己的設(shè)計(jì)風(fēng)格，甚至引領(lǐng)設(shè)計(jì)風(fēng)向。去年我們關(guān)注到隨著Metro設(shè)計(jì)風(fēng)格的影響和iOS7的發(fā)布，APP明顯都開始嘗試扁平化的設(shè)計(jì)語(yǔ)言了，除此之外，還有哪些顯性化的設(shè)計(jì)語(yǔ)言嶄露頭角呢？

黑白灰的經(jīng)典配色是永恒不變的教父級(jí)色彩，也是含蓄內(nèi)秀的典范。今天@飛屋睿UIdesign挑選了13個(gè)優(yōu)雅的黑白灰配色網(wǎng)站，同學(xué)們也可以拿來(lái)作為網(wǎng)頁(yè)設(shè)計(jì)時(shí)色系風(fēng)格的參考 >>>

@飛屋睿UIdesign ：在經(jīng)典配色中，可能每個(gè)人都不會(huì)否認(rèn)黑白灰的永恒魅力。雖然人們總是想“outstanding”，眼球搶奪，注意吸引……但想要把用戶永遠(yuǎn)留住，除了第一印象，更多需要日后方方面面的細(xì)節(jié)。況且在我們的身邊已經(jīng)太多色彩大爆炸了，我們顏色識(shí)別系統(tǒng)也許到了某一峰值，總也想要有停下運(yùn)轉(zhuǎn)的時(shí)刻。這時(shí)，黑白灰的配色就從一大堆顏色中尤為突出，甚至能讓人心恢復(fù)平靜，這也是這兩年開始盛行極簡(jiǎn)風(fēng)格的原因。

編者按：福爾摩斯說(shuō)猜是不好的習(xí)慣，視覺(jué)設(shè)計(jì)的同學(xué)們平時(shí)習(xí)慣了讓感性帶動(dòng)設(shè)計(jì)，可能還沒(méi)看過(guò)今天這類設(shè)計(jì)文。這篇由@百度MUX 集結(jié)整個(gè)團(tuán)隊(duì)，歷時(shí)3個(gè)季度總結(jié)的2015年趨勢(shì)預(yù)測(cè)，行文科學(xué)嚴(yán)謹(jǐn)，有理有序，對(duì)加深對(duì)界面設(shè)計(jì)的理解非常有幫助 >>>

【今年人氣最高的資源+教程，同學(xué)你不看一眼么？】 >>> 《年度頒獎(jiǎng)盛典！2014年的設(shè)計(jì)資源大盤點(diǎn)》

視覺(jué)設(shè)計(jì)是一門隨著時(shí)代發(fā)展與社會(huì)變遷，隨著人類認(rèn)知提升與生活環(huán)境變化，而不斷進(jìn)化的專業(yè)學(xué)科，無(wú)論是從小眾喜好走上大眾審美，還是從零星的創(chuàng)意苗頭轉(zhuǎn)為流行趨勢(shì)，它都代表了一個(gè)時(shí)期人們審美取向與內(nèi)心述求。與此同時(shí)伴隨著城市生活節(jié)奏加快、人們生活方式日新月異，如今的優(yōu)秀設(shè)計(jì)不僅要具備產(chǎn)品使用的功能性，更要符合未來(lái)人群的生活方式和潛在審美需求。而作為設(shè)計(jì)師需要具備敏銳的洞察力與捕捉趨勢(shì)的能力，充分消化和理解潮流設(shè)計(jì)元素，不斷汲取其中的精華養(yǎng)分，歷練實(shí)踐轉(zhuǎn)化與效果表達(dá)的掌控力，才能具備更加開闊的視野、獨(dú)到的品味和充滿靈性的設(shè)計(jì)感覺(jué)。

用戶體驗(yàn)設(shè)計(jì)的精髓，在于恰到好處的設(shè)計(jì)出最合適的用戶場(chǎng)景體驗(yàn)，而這種體驗(yàn)是不知不覺(jué)給予用戶同時(shí)能讓用戶在觸點(diǎn)的那個(gè)瞬間怦然心動(dòng)，那如何讓用戶心動(dòng)呢？阿里同學(xué)專門組建了一個(gè)團(tuán)隊(duì)來(lái)研究這方面，現(xiàn)在初步方法有了，來(lái)學(xué) >>>

古人云：“動(dòng)人心者，莫先乎情。”，同樣的我們從約翰.奈斯比特的語(yǔ)言中窺見：”無(wú)論何處都需要高補(bǔ)償?shù)那楦校鐣?huì)中高技術(shù)的越多，我們就越渴望高情感的環(huán)境，用設(shè)計(jì)軟性的一面來(lái)平衡技術(shù)硬的一面。設(shè)計(jì)作為人的創(chuàng)造性活動(dòng)，不是摒除激情或者情感，而是要?jiǎng)?chuàng)造一種中性的、能容納和激起使用者情感的東西，這種東西是一種境界。”

在這篇教程中，我們將看看如何使用一個(gè)免費(fèi)的Web應(yīng)用程序IcoMoon將矢量圖轉(zhuǎn)換成Web字體。然后在看看如何使用生成的字體通過(guò)css應(yīng)用到Web頁(yè)面中。

使用字體圖標(biāo)的優(yōu)勢(shì)

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

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

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

多數(shù)時(shí)候，我們?cè)?a href="http://www.shtzxx.cn/web.html" target="_blank">網(wǎng)頁(yè)中看到的地圖，都是用百度/谷歌地圖來(lái)顯示公司、機(jī)構(gòu)或者店鋪的地理位置。然而，地圖在網(wǎng)頁(yè)中的使用真的就只能這么單調(diào)么？

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

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

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

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

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

“色彩，這是一種多么深刻而神秘的語(yǔ)言啊！”的確，不同的色調(diào)能夠調(diào)動(dòng)不同的情緒和反映，能夠影響用戶對(duì)于品牌的感知。簡(jiǎn)單說(shuō)來(lái)，色彩可以造就不同的設(shè)計(jì)。與此同時(shí)，研究表明，色彩能夠強(qiáng)化品牌認(rèn)知度（高達(dá)80%），加深用戶印象，讓品牌的設(shè)計(jì)和文本在同類中脫穎而出。

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

聽起來(lái)是不是有點(diǎn)不堪重負(fù)的意思？別擔(dān)心，聽聽來(lái)自Creative Market社區(qū)的設(shè)計(jì)師的建議吧，他們會(huì)告訴你關(guān)于色彩選取的最佳技巧，讓你也可以輕松挑選最佳的色彩組合。

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