現(xiàn)在無論是手機端還是PC端都有越來越多的H5頁面，他們的內(nèi)容都會做的十分豐富，于是需要加載的東西就會很多。但是用戶或許會網(wǎng)速慢或硬件卡，可能會遇到需要加載的情況，而沒有耐心的人，就會因為不斷的加載而放棄瀏覽直接關(guān)閉。

于是添加一個Loading的畫面，就可以大大緩解了等待的無聊，讓用戶知道目前加載的狀態(tài)，以及使用戶關(guān)注在Loading畫面的本身上，讓他們會把等待看成一件美好的事，那么我們來探尋一些有趣的Loading畫面吧。

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

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

智能設(shè)備的誕生創(chuàng)造了需要讓設(shè)計師來解決的新問題，其中最重要的就是界面：如何做才能讓一個沒有屏幕的小設(shè)備或電器和用戶進行交互呢？這個問題是品牌和設(shè)計公司Method一直在思考的，以至于他們開發(fā)了Henri，這是一個可以和用戶交互的小設(shè)備，使得它更容易讓設(shè)計師去探索未來設(shè)備的UI。

你究竟為誰而設(shè)計

UED從業(yè)者都知道User-centered Design的概念，但真正做到的卻并不多，更多的現(xiàn)實情況是這樣的：為老板而設(shè)計——上面的人一拍腦袋就圍繞對方的idea屁顛屁顛去考慮詳細方案執(zhí) 行，不去深度考慮這樣做的本質(zhì)原因與合理性，缺乏獨立思考能力與向上說服抗爭的勇氣；為Deadline而設(shè)計——追求項目按時上線比什么都重，在時間有 限的情況下沒做好優(yōu)先級管理，集中到關(guān)鍵設(shè)計點上去，結(jié)果什么都做了，什么都沒做好；為規(guī)范而設(shè)計——死守iOS/Android平臺規(guī)范，死守可用性原 則，不去思考規(guī)范這樣做的本質(zhì)原因（如設(shè)備特性，避免和通用交互操作沖突等），把規(guī)范凌駕于設(shè)計目標和業(yè)務(wù)目標之上；為自己而設(shè)計——以設(shè)計師的專業(yè)挑剔 目光去要求產(chǎn)品，卻不考慮到這樣的設(shè)計讓自己滿足了，卻可能令用戶迷惑，沒有帶給用戶想要的東西，反而增加了他們操作理解的成本……背離了設(shè)計目標的本 質(zhì)，變成了為設(shè)計而設(shè)計，創(chuàng)造出來的價值自然也大打折扣。

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

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

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

Ditto Residential

如果你也著迷英倫風，那么你一定那句耳熟能詳?shù)摹癒eep Calm and Carry On”，這句著名的標語可以向上追溯到1939年。隨著英倫風在世界范圍內(nèi)的流行和網(wǎng)絡(luò)的快速發(fā)展，這句話也出現(xiàn)了許多變種，比如設(shè)計師的版本：“Keep Calm and … Design”。這些有趣的文化現(xiàn)象，不僅激發(fā)了英國人的創(chuàng)意，還間接催生了許多優(yōu)秀的英國網(wǎng)站。

作為一個歷史悠久也獨具個性的歐洲國家，英國有著豐富的文化和藝術(shù)遺產(chǎn)，如同“Keep Calm and … Design”這樣古典與現(xiàn)代互動式的設(shè)計對英倫設(shè)計師而言簡直是信手拈來，和諧自然。除了這種獨特的創(chuàng)意特征之外，英國網(wǎng)站還有一個獨到之處：來自英格蘭、威爾士、蘇格蘭和愛爾蘭的藝術(shù)家的緊密合作，將不同地區(qū)的文化藝術(shù)都融合到了網(wǎng)站里面。

你認為這兩個球在做什么

色彩心理學被廣泛地運用到各個設(shè)計領(lǐng)域，這早已不是什么秘密。從日常的雜貨到LOGO設(shè)計，色彩所起到的作用越來越大，它是給用戶傳遞信息的最重要的因素之一。

根據(jù)Kissmetrics 的說法，當我們看到一個色彩的時候，信息會傳遞到大腦的下丘腦的某個區(qū)域中。接下來，信號會進一步傳遞到腦垂體，然后到甲狀腺腺體。這也就意味著，色彩會刺激大腦和腺體分泌激素，引發(fā)出我們的情緒反應(yīng)，并影響我們的行為。

科學研究表明，色彩會影響情緒，會招致正面的情緒，也能帶來負面的影響，有的時候帶來的情緒與實際要的并不匹配。Kissmetrics 接著補充道，網(wǎng)站的訪客通常只需要大概90秒就能針對一個網(wǎng)站作出判斷和選擇，而在者其中，有62%~90%的因素是取決于某個產(chǎn)品的色彩。

自PC時代（包括智能手機、電視機）以來，計算機操作系統(tǒng)的用戶界面中含有各種各樣的控件元素以及操作規(guī)范。也正因為界面元素和操作的不同使其形成了自己獨特的系統(tǒng)特征。不同的可穿戴計算設(shè)備也同樣有著不一樣的系統(tǒng)特性，比如安卓手表和蘋果手表之間的系統(tǒng)差異性。

兩個操作系統(tǒng)界面都會包含豐富但又隱性的操作層次/方式。比如有些功能操作需要手勢激活、或語音命令調(diào)起、又或者通過硬件實體按鍵操作等。在實際過程中，我發(fā)現(xiàn)我們很難準確無誤地記清楚所有這些隱形不可見的且不同的操作方式。

編者按：讓網(wǎng)站布局創(chuàng)意爆棚！互聯(lián)網(wǎng)變化千千萬，排版模式不離其宗，但總有些非同尋常的布局創(chuàng)意驚艷到我們，它們也最有可能風靡2015年，今天@十萬個為什麼同學總結(jié)了即將流行的四種排版趨勢，一起跟上來吧！

2015即將流行的設(shè)計趨勢：

近十年來，互聯(lián)網(wǎng)已經(jīng)發(fā)生了翻天覆地的變化，然而它其實一點也沒變。如果看看10年前，我們會發(fā)現(xiàn)大批網(wǎng)站都有一套通行的排版模式。頁頭、頁腳、側(cè)邊欄和內(nèi)容區(qū)域，構(gòu)成了這種直截了當?shù)牟季?。這是人們預(yù)期中的網(wǎng)頁排版。同時期Macromedia Flash的興起，引領(lǐng)其他排版方式進入了一個新的時代。布局不必再拘泥于固定格式。當然，隨著FLASH的衰退，這種方式也稍稍淡出……我說稍稍，是因為它如今又卷土重來了。