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

互動網(wǎng)站主要是讓網(wǎng)站與用戶進行互動，大部分都是讓用戶通過微博來分享，最終實現(xiàn)品牌宣傳的目的，之于效果如何這就要看你的專題有沒有創(chuàng)意啦！接下來大家一起看看國內的互動網(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瀏覽器 ：玩轉雙屏互動新花樣

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

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

如果你鐘情純美的童真，那么這個教程可能非常適合你?。?br /> 《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)上搜集行業(yè)里高質量網(wǎng)頁設計的博客，不過話說回來，高質量可信的資源確實挺稀缺的。

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

互聯(lián)網(wǎng)最偉大的精神在于分享，我們喜歡探索、喜歡發(fā)現(xiàn)，務求將最好的資源呈遞給所有設計愛好者。
相信這里面你大多數(shù)都還沒見過呢！
50個免費資源：包括了圖標、字體、PSD、矢量圖、圖案、UI套件、調試工具等等。
琳瑯滿目！亂花漸欲迷人眼，請您精挑細選，選擇最合適自己的素材，讓你的設計項目變得更漂亮、更專業(yè)。

OOcharts

設計師們還沒更新模板嗎？這是優(yōu)設10月份搜尋的UI模板，總共有27款，大多數(shù)為扁平化設計，都是免費且的，希望這些收集能給你正在進行的項目一點幫助 : ）

同樣精心收集，希望對你有幫助 : ）
52款新鮮免費的優(yōu)質界面PSD下載
50個超贊的免費設計師工具資源下載

Apple Product Line Wire Frame PSD by Rubayath

Chrome UI Kit v.2 by Todd Hamilton

我們在設計的時候，往往會微調一下顏色的明暗度，又或者去一些在線配色工具網(wǎng)站上準確調節(jié)明亮度，但這樣是比較麻煩的，這里設計達人網(wǎng)找到一個非常好用的Photoshop亮度調節(jié)腳本，使用的時候只需要按下Photoshop快捷鍵就能調整顏色的明與暗，節(jié)省了很多設計時間。

如何使用亮度調節(jié)腳本

首先在Photoshop工具欄的前景色面板上選擇需要的顏色，然后運行對應腳本來實現(xiàn)顏色的明暗變化。

曾經(jīng)，CSS 畫廊非常流行，網(wǎng)頁設計師們會定期訪問這些網(wǎng)站獲取靈感?，F(xiàn)在仍然可以方便迅速找到令人興奮的東西（例如 Dribbble 和 Behance 對設計有很大的幫助）。

對于移動應用程序設計，存在類似的畫廊，我相信他們會更加有用。這是因為如果不安裝移動應用程序，靈感更難獲得，也更需要時間和努力。這12個畫廊有很多漂亮的應用程序用戶界面，并進行了很好的分類。趕緊收藏吧！

優(yōu)設好文：
強烈推薦！你應該到這里尋找網(wǎng)頁設計靈感

Creattica – Mobile Interface

Creattica 是一個靈感畫廊，展示最好的網(wǎng)站設計，標志設計，平面設計，攝影，作品。

Lovely UI

收集各種移動界面元素，啟動畫面，按鈕，導航，通知等等各種組件的設計。