你是否正在或曾經面臨著下面類似的問題：

　　大黑：icon基本上都是長這樣子的啊(如語音icon通常就是麥克風)!!還能畫成什么樣!!

　　又要寫文案了，想來想去，除了一開始想到的那幾句文案，就再沒有想到其他的。

　　頭腦風暴時，別人總能很快地寫出一堆東西，但自己卻憋不出一個點子來。

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

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

Melbourne Remote Control Tourist

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

Melbourne Remote Control Tourist

Portfolio

展示了設計師 Bradley Haynes的作品，他來自舊金山

傳統紙媒衰落了？不要緊，電子雜志正當時，所以說，學習雜志封面設計技巧并不過時。
雜志封面相對來說空間充裕——8到11英尺，你需要在這樣大小的空間里面合理排布文字，安置照片/插畫。

你的目標只有一個：快速向讀者揭示本期雜志內容
這里呢，我總結了設計師們都該知道的8種雜志封面的設計方法。

相關推薦閱讀：
《2013年萬圣節優秀廣告設計評析》
《推薦！優秀書籍封面字體設計》
《怎么做海報？環法自行車賽100周年海報設計案例解析》

文字排布：深色字配亮色背景，亮色字配深色背景

來自Studiomates工作室的Frank Chimero是一名知名的平面設計師，一名作家，《設計的形狀》一書的作者，他的客戶包括《紐約時報》、《連線雜志》、Nike、Facebook、星巴克、時代華納、《商務周刊》等。有一位匿名者問Frank能否給平面設計專業的學生提點建議，于是他在自己的博客上發表了自己對平面設計的一些看法。雖然是寫給平面設計專業學生的，里面提到的想法同樣適用于其他設計領域的學生和從業者。以下為摘要：

設計不等于為客戶效勞。

紫色在設計中很難處理。老師在課堂上教給你的不是福音。大部分決策都是模糊不清的，所有東西都在正確性與適合度之間徘徊。

當你對別人說話或者聽別人說話時，看著對方的眼睛。最好的老師把課堂當做車間，最壞的老師把課堂當做課堂（照本宣科）。

如果你畫得沒有別人好，或者軟件沒別人用的溜，或者沒有錢買辦公用品，或者沒有別人使用的工具，那么通過多動腦思考打敗他們。思考是免費的，你只需投入時間和換位思考。

最好的溝通者都擅長送禮物給別人。

床頭常備兩本書：一本小說，一本非小說。

只要你是設計師，你就肯定知道Dribbble。這是一個供設計師展示作品、同行交流、尋找靈感的場所。

平面設計師、插畫設計師、字體設計師、圖標設計師、網頁設計師、Logo設計師都經常瀏覽這個網站。

除了這個供設計師交流的網站，還有衍生出的Dribbble聚會、博客等等。

推薦閱讀：
《拜師學藝第二彈！Dribbble上50位值得學習的設計師》

Dribbble學前班

Dribbble的術語大多來自籃球：

發布的新作品叫做Shots(投籃)，新人處女作叫做debut(初登場)，收集其他成員的作品并分類的合集叫做bucket（球桶），將dribbble成員歸類收藏叫做lists。

如果一幅作品能夠被足夠多的成員like（喜愛），那么很可能會上Popluar（流行榜）。

如果設計師想要對其他設計師的作品致敬或者修改，那么這種行為叫做rebound（打籃板）。如果有很多人響應你的作品，那么你的作品和響應者的作品會列入 playoffs（季后賽）。

Dribbble上的圖像尺寸限制在400 x 300px / 800 x 600px 。但是允許添加附件（比方說PSD文件）

如果電腦是retina mbp 會自動顯示800×600的圖，而上傳800×600的圖會標記為@2X。

設計師每個月最多能上傳24件作品，這樣能夠防止垃圾作品，讓設計師精選作品上傳。

想要在這個站點上上傳作品，需要得到老用戶的邀請才可以。這引發了一些爭議。

如果你逛Dribbble只是為了獲取靈感，那么情況就有所不同了。首先，你需要注冊賬號，關注喜歡的設計師，這樣每次登陸就能知道他們作品的更新情況。
當然，不注冊也能觀看作品、也能搜索關鍵詞。
如果你想在Dribbble上雇人，可以根據設計師的粉絲數、所在地、專長來選擇設計師。

Dribbble簡史

Dan Cedarholm & Rich Thornett于2009年開始了Dribbble的項目。在2010年開始運營，比當時大多數的設計論壇、社交網站更加的熱鬧，更加的自由。
剛開始的時候，Dribbble只能被邀請加入，你必須讓老用戶給你一個邀請碼。

后來，Dribbble加入了初登場功能。這個模塊突出了那些新用戶的作品，以緩解一些知名設計師“壟斷主頁”的現象。
2011年，Dribbble添加了工作列表模塊，為用人公司提供了簡單的招人方式。
最近Dribbble添加了團隊賬號。讓團隊能夠有組織的在Dribbble上分享作品。

在PS中，繪畫工具一方面被用來畫線、繩、花花草草神馬的，另一方面它還可以給區域涂上顏色或者混合顏色。熟練掌握繪圖工具是每一個設計師的必經之路喲~

畫筆工具

知己知彼，百戰不殆。同理，為了全面的掌握畫筆工具，你要先理解PS里的畫筆工具到底是什么。畫筆工具使用的是畫筆預設里預先設定好的畫筆，畫筆預設可以定義任何筆刷的特性（如大小和形狀）。

PS里的筆刷非常之多，紛繁復雜，每一個的形狀都不盡相同。若你將某個畫筆的尖兒貼著畫布，那么它的形狀將立即呈現。對畫筆來說，這只是一個粗略的說明，你可以先在腦海中留個印象。

與真實的畫筆不同，PS里的畫筆可以有很多非常神奇的特性，通過熟練操縱這些屬性，你可以制作出屬于你的的筆刷，此外，你也可以按平時畫畫的要求更改畫筆的形狀及大小~一個筆刷可以朝任意方向自由發展，甚至可以變成透明的。所以說，只有你想不到的，沒有它變不了的…

示范：快速制作筆刷

新建一個文件，200*200白色背景，選擇畫筆工具，在選項欄里選擇第一個預設畫筆（點擊那個向下的箭頭，選擇第一個畫筆）。
繼續，將此預設筆刷折疊旋轉怎么高興怎么好看怎么來，選擇你喜歡的前景色，然后點擊鼠標，開始它的奇幻之旅。

修改后的筆刷

近期我們看到了扁平化配色的一個趨勢，很多Flat Design網站使用了耀眼、明亮的色彩，如果是以前我會覺得用這類顏色會有點花哨，但當我看了相關的扁平化設計作品，發現這并不花哨，反而很好看。

我想大家最近也看過iOS7的界面設計和iPhone 5C新款手機，那是一種充滿活力、時尚新穎的顏色，即使用在網頁設計上也非常不錯，下面大家看看來自line25整理的扁平化網頁作品，希望能給你帶來創造靈感！

扁平化配色神器：
扁平化設計配色參考網站：FLATUICOLORS

Apple

除了導航保留原味，蘋果官網該平的都平了。。。

Mud

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

如果你對扁平化風格的網站更有興趣，那么推薦閱讀：
一組賦予你扁平化配色靈感的網頁設計

Yummly Mobile

在今天的移動 App 界面設計中，你可以看到不同創意類型的視覺效果。特別是在 Dribbble 上面，有很多應用程序的 UI 概念設計讓你驚嘆。當然，他們大多只是作為一個概念設計，可能永遠也不會成為一個真正的應用程序。

但如果你想獲得靈感，那很有必要看看下面這些極具創意的動效設計。

你還可以來看一下這些：
《關注App設計！20個漂亮的扁平風格移動端界面》

Unlock Concept

Slide Concept

Portfolio iPhone App

App Concept – UI

作為網頁設計師，我們知道，我們的任務就是與用戶對話。這就是為什么我們能夠從容的著手眼前的工作。我們選擇顏色、字體，以及要使用的網頁布局，甚至編寫CSS的方式，所有的東西看起來都那么有目的性。

正如我們精心制作設計時，我們會意識到結果會透露出一些關于我們，設計師的內容。然而這些我們所設計東西并不是總能很好道出我們的初衷。

所以每當你正在進行一個網站的設計，問自己：我們如何給用戶更好的關懷感？

浮動窗口廣告 = 金錢比UX和內容更重要

因此，很多網站都選擇了浮動窗口或者遮罩層廣告，這似乎是現代形式的彈出窗廣告。

就像他們的前輩，彈出窗口廣告 ，浮動窗口的廣告很煩人。

浮動窗口廣告是非常具侵擾性的策略，從而影響并且中斷用戶體驗。

想「廣告」與「用戶體驗」二者兼得的同學推薦閱讀：網站廣告和用戶體驗的平衡之道

 

如果你的用戶非常艱難的才能訪問到你的網站上的內容，那么你一定有些地方做錯了。你的設計應該展示給用戶的最優先事項是它的體驗，當然也要說明網站的內容也是十分重要的一方面。

通過中斷，延遲，或者別的什么方式讓用戶千辛萬苦地才能了解到您的內容，那么你是在告訴他們，用戶的價值低于金錢。

同樣，任何強迫用戶注冊，登錄，填寫郵箱等方式才能訪問到內容，都應重新考慮是否涉及欠妥。

試想一下這種情況：由于你當前的主機無法滿足現有需求，于是你拼命尋找一個新的主機。它只是不斷崩潰，而這是在告訴你，你已經超越了當前解決方案（PS：順便祝賀你站點的成長）。

如同很多科技的創業者們，你最初的解決問題的行動是用谷歌搜索一臺新的主機 。

你偶然在Quora看見了一條線索，一個很多如同你一樣的創業者們經常光顧的站點。