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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

編者按：相信走在前列的設(shè)計(jì)師已經(jīng)知道了WebP這種圖片格式，比起JPEG、PNG 和 GIF ，它能在保證圖片精細(xì)度的同時(shí)縮小圖片體積，在 Google 的明星產(chǎn)品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影，今天騰訊的同學(xué)@Hahn__研究后總結(jié)了一篇深度技術(shù)文《WebP 探尋之路》，不落人后，來學(xué)習(xí)吧。

想跟上大潮流，這篇熱門好文少不了：《我的征程是未來！帶你展望2015年最重要的網(wǎng)頁設(shè)計(jì)趨勢》不管是 PC 還是移動端，圖片一直是流量大頭，以蘋果公司 Retina 產(chǎn)品為代表的高 PPI 屏對圖片的質(zhì)量提出了更高的要求，如何保證在圖片的精細(xì)度不降低的前提下縮小圖片體積，成為了一個(gè)有價(jià)值且值得探索的事情。

來源：優(yōu)設(shè)網(wǎng)

全屏背景網(wǎng)站是吸引訪客的方式之一，且適用領(lǐng)域非常廣。

平常網(wǎng)站，講究字體、排版、配色等等。但對于全屏網(wǎng)站，一個(gè)漂亮的姑娘 or 帥氣的小哥出境顯得尤為重要。今天我們收集了30個(gè)優(yōu)秀的全屏網(wǎng)站案例，如你所見，美女帥哥總是讓人眼前一亮 ：）溫馨提醒：看完這些網(wǎng)站，可能童鞋們的心開始小鹿亂撞了。在此奉上靜心丸一枚：多讀書，讀好書。總監(jiān)級設(shè)計(jì)師推薦閱讀→ 《設(shè)計(jì)師必備圖書目錄》

Ditto Residential