「Loading」是經(jīng)常在APP以及游戲中見到的，因為需要用戶等待，為了避免用戶在等待的過程中退出，通常輔以進度條告知用戶大概還有多久，但等待總是讓人不耐煩的，所以一些設計師試圖用更人性化的方式來表現(xiàn)進度，他們將進度條設計成各種極具創(chuàng)意與美觀的形態(tài)，讓人們更樂意欣賞進度條的滾動。花瓣網(wǎng)設計師漢斯戴爾收集了上百張進度條設計圖，我們從中精選了10種進度條設計。

好東西越來越多了，免費的午餐也越來越多了，如果你買不起付費的素材，可以先用免費的應應急，而且不少免費素材也不差。
在本篇文章中，你可以看到很多熟悉的“老面孔”，沒錯，本篇便是十一月份UI設計素材精選。

一應俱全的PSD模板：包括iPhone、iPad以及其他移動設備的UI套件（包括的5s,iPad Air)、線框圖、展示效果圖（分層的、實物的）。

所有模板均為免費（有的是限免，所以抓緊），各位請一一挑選吧。

推薦閱讀：
《怒贊！50套萬里挑一的設計師專屬精華資源包》

iGravertical Screen Layers + iOS 7 Screen Converter

Isometric Perspective MockUp

使你的網(wǎng)站不再無聊的一個方法就是利用藝術的力量去改變它，你可以使用有趣的卡通插畫、萌萌的人物造型、天馬行空的童話布景，讓你的網(wǎng)站不僅獨特且生機勃勃。

網(wǎng)站上的涂鴉可以直接吸引訪問者的注意力，提升訪問者的愉悅感，還能使他們更加留意各方面的細節(jié)，讓個性鮮明的網(wǎng)站為你代言！

今天我們收集了28款童趣十足的卡通風格網(wǎng)站，它們確實通過有趣的插畫、巧妙的結合強烈地吸引了我。希望你打開來學習借鑒的時候感受到純美的童真，開心一笑 : ）

想讓你的設計更具趣味性嗎？你也可以閱讀以下文章：
《20款可增強設計趣味性的縫紉字體下載》
《讓網(wǎng)站更生動！那些在網(wǎng)頁中完美運用視頻元素的案例》
《聊聊那些令人愉悅的動畫（GIF圖）》

Rainbow Nursery

色彩明麗的兒童插畫，傳遞出溫暖開心的感受。

XHTML Crab

一眼就被中間那只眼神滴溜溜轉(zhuǎn)的螃蟹吸引住了，看起來非常想迪斯尼動畫人物造型，對嗎？

@設計達人網(wǎng) ：國外網(wǎng)站是不是欣賞多了，這次設計達人網(wǎng)嘗試整理一些國內(nèi)專題活動網(wǎng)站設計，收集這些也是讓大家了解下國內(nèi)現(xiàn)在的互動網(wǎng)站。這些國內(nèi)的互動專題網(wǎng)站很少像國外一樣使用HTML5來做交互，大部分用FLASH代替來實現(xiàn)交互設計。

互動網(wǎng)站主要是讓網(wǎng)站與用戶進行互動，大部分都是讓用戶通過微博來分享，最終實現(xiàn)品牌宣傳的目的，之于效果如何這就要看你的專題有沒有創(chuàng)意啦！接下來大家一起看看國內(nèi)的互動網(wǎng)站與國外網(wǎng)頁設計的有什么不同吧。

你也看看外國的優(yōu)秀范例：《超贊！25例交互體驗極佳的網(wǎng)頁設計》

蒙牛：3D音樂 特別的奶特時光

聽，讓3D音樂與美味一起，帶您走進特別的奶特時光。

Adidas ：NEO Label 冬季夾克造型對決 活動網(wǎng)站

2013年冬季全球知名運動品牌adidas推出adidas NEO Label 2013秋冬廣告搭配，由彭于晏與Angelababy分別以不同的搭配方法，呈現(xiàn)出不同的街頭范和運動派，讓冬季搭配更鮮艷亮麗。

手機QQ瀏覽器 ：玩轉(zhuǎn)雙屏互動新花樣

本文是愛奇藝無線UED負責人@曉生 在項目工作中學習到的知識，針對兒童的習慣，從 配色、線條、布局、聲音等都作了圖文分析，如果有設計師剛好在開發(fā)兒童類產(chǎn)品，這篇小結會是不錯的學習經(jīng)驗唷。

@曉生 ：最近處于項目需要，開始研究兒童產(chǎn)品的界面設計。在此之前，對兒童如何使用移動產(chǎn)品和如何設計知之甚少。優(yōu)質(zhì)的移動應用，為兒童帶來樂趣的同時可以幫助兒童認知事物。越來越多的兒童使用移動設備，接觸虛擬社區(qū)的時間甚至早于真實世界，如何設計兒童產(chǎn)品是一個非常值得深入研究的課題。

如果你鐘情純美的童真，那么這個教程可能非常適合你唷：
《PS教程：利用修飾技術將照片變?yōu)橛腥さ穆嫛?/span>

本文簡單地從視覺、界面層級關系和交互等方面分析兒童與成人界面之間的差異性。

顏色

細心的朋友會發(fā)現(xiàn)兒童家具明顯有別于其他家具，最明顯的特征就是顏色，這是因為兒童視力到8歲才能發(fā)育完全，對色彩的認知也是從簡單的三原色開始，兒童偏向于喜歡高純度和高明度的原色。

iPad版奇藝動畫片的啟動界面以品牌綠為主，配合多種紅藍黃等顏色，整體寫實藍天綠草地的真實意境，營造輕松有趣的氛圍。

線條

本文介紹的案例均使用了的HTML/CSS 以及 JS 技術，從視差滾動到響應式設計，實現(xiàn)了良好的交互性，為用戶提供更好的瀏覽體驗。我們來快速閱覽一下吧。

推薦閱讀：
《網(wǎng)頁設計新趨勢！25例出眾的響應式導航設計》
《讓網(wǎng)站更生動！那些在網(wǎng)頁中完美運用視頻元素的案例》
《不要落伍！來和小伙伴一起學習響應式網(wǎng)頁設計》

Melbourne Remote Control Tourist

的遠程旅游體驗，這個概念不錯吧！

Melbourne Remote Control Tourist

扁平化設計為印刷品、網(wǎng)頁和移動操作系統(tǒng)的設計帶來了新的變化。扁平化設計最核心的地方就是放棄一切裝飾效果，諸如陰影，透視，紋理，漸變等能做出3D效果的元素一概不用。所有元素的邊界都干凈利落，沒有任何羽化，漸變，或者陰影。

更少的按鈕和選項使得界面干凈整齊，使用起來格外方便。可以將信息和事物的工作方式更加簡單直接的展示出來，減少認知障礙的產(chǎn)生。越來越多的公司正在效仿，比如下面這些：

Who Wanna

Very-Make

花了大量時間在網(wǎng)上搜集行業(yè)里高質(zhì)量網(wǎng)頁設計的博客，不過話說回來，高質(zhì)量可信的資源確實挺稀缺的。

CSS-Tricks

CSS-Tricks是Chris Coyier公眾博客，專門講一些有關CSS的話題。不過近幾年來，CSS-Tricks有了下面一些擴展：

Chris和Dave Rupert一起創(chuàng)造了ShopTalk 播客，在里面可以討論所以有關網(wǎng)頁設計和開發(fā)的事情。
Chris 出過幾本書，做了一個 Lynda.com的Wordpress主題課程，并且他還創(chuàng)建了一個The Lodge的課程教人們學習如何制作一個頗具現(xiàn)代感的網(wǎng)站。
超多很酷的項目，像 CodePen，HTML-Ipsum， Quotes on Design 。Chris真是個超有想法的人。

CSS-Tricks 是 Chris Coyier 2007年建立的，總部在美國懷俄明州的密爾沃基，至今網(wǎng)站月頁面訪問量達270萬。

網(wǎng)站亮點（這個網(wǎng)站的獨特之處是什么？）：

名人效應——Chris Coyier 是這么網(wǎng)站的精神領袖，他的個人風格貫穿于項目始終，是眾多設計師的楷模。向他學習，同他一同去冒險吧！

現(xiàn)在扁平化風格在網(wǎng)頁設計方面已經(jīng)有許多優(yōu)秀的范例了，比如這22個超贊的扁平化設計經(jīng)典案例就有很多我們可以借鑒學習的地方。但是移動端的界面設計扁平化風格較少，所以今天從Behance和Dribbble收集的這一組移動端的扁平化設計就該好好看看咯，學習一下它們優(yōu)秀的細節(jié)和配色吧 : ）

如果你對扁平化風格的網(wǎng)站更有興趣，那么推薦閱讀：
一組賦予你扁平化配色靈感的網(wǎng)頁設計
怒贊！2013扁平化設計終極指南
專屬扁平化設計的PS色板（配色庫）

uiGo Colors – iOS Flat UI Bundle

我們一起來看一下吧，本文收集了50款專屬設計師的精華資源包，分別有圖標、主題、UI套件、插件、網(wǎng)頁模版、字體等等，一網(wǎng)打盡、一應俱全，萬里挑一！實屬優(yōu)設哥獻給您的千金難換的干貨喲！

10月收尾，11月馬上來臨，到了該總結經(jīng)驗整理思路的時候了。各位設計師對本月工作滿意嗎？嗯，沒關系，不管好還是壞，11月份，我們重整旗鼓，繼續(xù)前進。

大家都知道，如果有素材和工具的支持，工作起來得心應手，趕緊來挑選適合你的神兵利器吧：）

Flatic

大型UI套件，涵蓋百余種UI元素。

Gamecenter Pack