很多設(shè)計師會采用一些生動可愛動物形象來設(shè)計一款logo，今天，小編為大家搜集了一些以動物為藍本的logo設(shè)計圖案，供大家學習鑒賞～～:)

推薦閱讀：
《還在為設(shè)計LOGO犯愁？來看看這10個LOGO資源站》
《佳作欣賞：以雞蛋為元素的LOGO設(shè)計》
《如何才是一個好的LOGO？》

iOS7采用了色彩新鮮的漸變效果，老實說，每個設(shè)計師都應該掌握這種最簡單的裝飾技巧。而且漸變效果千變?nèi)f化，好的漸變效果能夠成就一款設(shè)計，而糟糕的漸變效果會毀了一款設(shè)計。漸變效果的好壞取決于“色彩調(diào)整”以及“整個主題的搭配度”。除此之外，漸變效果還可以根據(jù)“流行色”來進行適度的調(diào)配?，F(xiàn)在流行使用霓虹燈色彩般的漸變，讓人感覺光鮮可鑒，再加上纖細簡約的字體，線條簡練的圖標，整個界面將變得非常極簡且高雅。

今天我們要探討的可不是漸變，要探討的是移動界面設(shè)計中的漸變。我們來一起學習、感受一下現(xiàn)今移動界面設(shè)計中最流行的漸變吧。

推薦閱讀：
《一枚app圖標的設(shè)計文化》
《超贊！高大上的動效設(shè)計方法及流程總結(jié)》

一、漸變作為界面的背景

iOS7 Lockscreen by Michael Shanks
神秘、優(yōu)雅、頗具吸引力、簡單、只包含必要信息，半透明的解鎖條讓我們感受到細膩的質(zhì)感。

Sense by Tommy Borgen.

同樣大道至簡。整個漸變的色彩搭配很講究，中心略微模糊的圓圈中包含了清新的字體，流動的背景，純凈的像夢一般。

本帖收集了50套設(shè)計精美，并可設(shè)計師自行編輯的界面PSD源文件。內(nèi)容大致包含banner切換，MP3/視頻播放器，日歷，表單（登錄，注冊，搜索…），進度條，提示框，按鈕，導航，面包屑等等…不管是應用在小需求還是大項目，相信都可為你帶來幫助。

Simple UI Elements

Apple Styled UI Elements

Grayness UI Kit

一個干貨推薦啦：25個定價界面網(wǎng)頁欣賞！沒錯！你沒有看錯，足足25個哦！啊？你問我有木有酬勞，呃！藍藍設(shè)計說是要給，但我肯定不會要的，雖然很想要，呃，出來混，后來還是木有要。。。）

價格界面是網(wǎng)頁中常見的，但容易被忽視的一個部分。想想看，你什么時候見過這些界面呢？本工第一反應就是迅雷、QQ之類的會員充值界面。這種不是經(jīng)?？梢钥匆?，但是又具有明確目的性的界面，如何讓它和主題頁面匹配、同時又突出重點信息呢？這是個問題！今天就讓我們欣賞25個外國網(wǎng)站的定價界面，從中學習經(jīng)驗吧；）

1. Freshdesk

正確的背景風格可以為整個網(wǎng)站確定基調(diào)。我們搜集了一批使用大幅圖像、明亮顏色或出眾圖案來作為背景的
優(yōu)秀網(wǎng)站，希望從中探尋當下網(wǎng)站的流行設(shè)計風格。

什么樣的背景最適合你的網(wǎng)站，這并沒有一定之規(guī)，但確實有一些共同的要素：
互聯(lián)網(wǎng)背景的內(nèi)容應該有目的性。
背景應該與你的品牌風格一致。
背景之上的文字內(nèi)容應該易于閱讀(無論是顏色、反差還是尺寸大小。) 背景的主題在整個網(wǎng)站內(nèi)應該連貫一致。
背景應該能很快下載并且不會讓你的網(wǎng)站變得緩慢甚至卡死。
現(xiàn)在的流行趨勢是什么？

就像服裝和發(fā)型會變，網(wǎng)頁設(shè)計的風格也在變。對于背景來說，趨勢的變化尤其突出。
目前，大量的網(wǎng)站在首屏采用了大圖。一些背景是清晰、寫實的（如照片和插圖），而另一些則可能是抽象隱晦的。大尺寸的、虛化或模糊的圖也隨處可見。

藍藍設(shè)計：本教程主要使用Photoshop制作金屬質(zhì)感的工具型App圖標，主要通過圖層樣式來完成，喜歡的朋友一起來學習吧。
1.首先我們來做下背景，這個背景我是先畫了個圓做了些效果(投影，內(nèi)陰影)定義成圖案。

2.用圓角矩形工具，畫部的漸變，在這一步我先畫個半徑為47的大圓角矩形，在用剪切畫個35的小圓角矩形，最后填充投影和漸變疊加。

經(jīng)常有新入職的同學，搞不清設(shè)計師和別的職位如產(chǎn)品經(jīng)理，在工作內(nèi)容上有什么區(qū)別?；卮鹆藥状沃?，我總結(jié)出兩方面的差別，簡單概括為：技能和定位。

“技能”指的是設(shè)計師掌握了項目中其他角色都不具備的能力——畫圖。這么概括有點簡單粗暴了，事實上設(shè)計師的專業(yè)能力遠比畫圖兩字涵蓋的內(nèi)容要廣。但“畫圖”確實是更容易被所有人理解的說法（向家里長輩解釋我干什么的時候，他們?nèi)绻焕斫馕揖蜁f是畫圖的，他們就會貌似恍然大悟地哦一聲，終于聽到一個他們想要的能聽懂的答案了）。伴隨著人機界面從命令行到圖形可視化，再進化到哪兒哪兒都可以摸的觸屏時代，用戶對于“美”和“交互”的要求越來越高，設(shè)計師的能力和價值也愈發(fā)受到重視。

設(shè)計師的“定位”，是隨著用戶體驗受重視而發(fā)展起來的?；ヂ?lián)網(wǎng)產(chǎn)品有一個很重要的特點是免費。聊天是免費的，搜索是免費的，游戲是免費的，殺毒也是免費的。免費對用戶來說當然是好事，但免費也意味著用戶遷移的成本很低，特別是當產(chǎn)品同質(zhì)化嚴重時。一款免費游戲，如果突然宣布收費，市場上又有同類游戲，結(jié)果很有可能是大規(guī)模的用戶流失。和傳統(tǒng)行業(yè)不同，在免費的商業(yè)模式之下，用戶黏性、忠誠度對產(chǎn)品來說至關(guān)重要；而用戶體驗就是構(gòu)成黏性的一個重要因素。于是伴隨著互聯(lián)網(wǎng)行業(yè)的蓬勃發(fā)展，用戶體驗設(shè)計師，以用戶體驗衛(wèi)道者的姿態(tài)站了出來。

這么說不代表別的角色不用對用戶體驗負責。在一個優(yōu)秀的團隊中，從項目經(jīng)理到開發(fā)測試，每個成員都會對最終的體驗努力并負責。但設(shè)計師之外的其他角色會面臨屁股決定腦袋的困境。比如產(chǎn)品經(jīng)理除了用戶體驗之外，還要兼顧商業(yè)價值和老板需求；開發(fā)要考慮實現(xiàn)成本和技術(shù)限制；運營要負責營收和轉(zhuǎn)化率等。而設(shè)計師的定位更純粹，自身立場不存在矛盾和沖突：站在用戶立場，堅持用戶體驗的價值，時刻提醒團隊用戶想要什么；同時負責設(shè)計細節(jié)的執(zhí)行。

這樣就引出正題了，一個項目團隊中設(shè)計師和其他角色的矛盾沖突，本質(zhì)上就是這層定位差異帶來的。（開發(fā)：這里明明功能都實現(xiàn)好了，設(shè)計師你還老是要改來改去的，到底想搞哪樣！）基于這種定位沖突，設(shè)計師不能簡單地把自己定位在執(zhí)行層面上，還要通過積極主動的溝通，推動用戶體驗的落地和實現(xiàn)。這就對互聯(lián)網(wǎng)設(shè)計師的溝通提出了很高的要求。

實際工作中，我們每天也花大量時間在開各種會，各種討論上。溝通的效率和效果都直接影響著最后產(chǎn)出的質(zhì)量。但在我們看最終的工作結(jié)果的時候，溝通作為過程反而不那么直觀，很難去評價和衡量。我試著列舉設(shè)計溝通中容易犯的一些錯誤，并總結(jié)了7條經(jīng)驗，希望對同樣在思考這些問題的同學有些幫助。下文主要拿產(chǎn)品經(jīng)理和設(shè)計師之間的矛盾沖突來舉例。

1. 避免雞同鴨講

雙方都在說自己的道理，卻不聽對方是怎么講的；或者因為溝通雙方無法說出真實的想法，導致溝通停留在表面上無法深入。這兩種情況下，溝通效率都很低，而且很難達成共識得到結(jié)果。

比如我有一次看到，產(chǎn)品經(jīng)理在和設(shè)計師爭執(zhí)，一個在講運營的事情，一個在講設(shè)計規(guī)范的事情，都在嘗試著告訴對方，從自己的專業(yè)角度來看，這個事情應該怎么做。討論幾乎無法進行下去，因為誰也不肯讓步。這種溝通效率是很低的，雙方壓根就沒有站在同一個層面講問題，設(shè)計師不懂運營，產(chǎn)品經(jīng)理不懂設(shè)計。

譯者序

本文圍繞勸導式設(shè)計(persuasive design)而展開，介紹了移動終端上banner廣告、push信息等典型的勸服失敗案例，并從用戶與移動設(shè)備之間的情感聯(lián)系出發(fā)，探討了移動勸導策略的幾個切入點。所謂勸導式設(shè)計，是指通過說服和社會影響，而非通過強制的方式，以達到改變和引導用戶態(tài)度或行為的技術(shù)。這種技術(shù)常被應用于銷售、外交、政治、宗教、軍事訓練、公共衛(wèi)生和管理等領(lǐng)域。近年來，大多數(shù)勸導式技術(shù)的研究主要集中在計算機交互領(lǐng)域，包括臺式電腦、互聯(lián)網(wǎng)服務、視屏游戲和移動設(shè)備。勸導技術(shù)可以看成是對用戶意圖的設(shè)計。

作者： Amber Krishan 譯者：曉千 秦封
譯文

【Tips：消費者不會僅僅因為導航很容易而為你的產(chǎn)品買單。】

為移動設(shè)備而設(shè)計時,設(shè)計師要考慮移動設(shè)備間的差異，努力提供統(tǒng)一的體驗。他們致力于減少點擊的次數(shù)，使架構(gòu)更扁平；并根據(jù)觸摸屏的特點而設(shè)計, 在較小屏上規(guī)劃合理的布局等。這些重點都在通過方便的使用、流暢的導航和簡潔的呈現(xiàn)，來確保的最佳的產(chǎn)品可用性。

為確保你的用戶“可以做”你想讓他們做的事情，較高的可用性是一個很好的開始。但它并不能保證用戶“會來做”這些事情。因為，用戶不會僅僅因為導航容易使用而來買你的產(chǎn)品。

消費者是否來買你的產(chǎn)品，這和科學的勸導式設(shè)計策略相關(guān)。通過“人——機” 互動的研究我們了解到，計算機設(shè)備本身具備巨大的“勸導”潛力。如果在設(shè)備的體驗設(shè)計中注入激勵機制，這些設(shè)備將激勵我們的用戶并驅(qū)動他們的想法。

能找到合適的技巧來勸導你的用戶是一個巨大的挑戰(zhàn)。這涉及到深入理解用戶的動機、障礙、信任和感受。上述這些對人的深入理解可以讓我們更系統(tǒng)的去了解人們?nèi)绾问褂靡苿釉O(shè)備，這樣，我們就可以找到更有力的方法來勸導用戶。

典型的“勸導”失敗案例

你的產(chǎn)品能夠有效地勸導用戶來使用嗎？嗯，讓我們看一些普通公司通常會使用的典型手段。

banner廣告

今天要分享出來的網(wǎng)站就像水滸傳里的108個好漢一樣，個個身懷絕技，是滴！我們也做了簡單的介紹，因為網(wǎng)站太多，就木有一一截圖，大家自行感受一下。（有幾個需翻墻）

這里列出了許多鮮為人知的好網(wǎng)站，還有那些大家知道卻常常被遺忘的網(wǎng)站。
這些網(wǎng)站中，大部分都在某一個領(lǐng)域非常專業(yè)，并且都擁有非常簡單的網(wǎng)址，你可以省略搜索的步驟，輕松將他們記在心里。

01. screenr.com —— 將你在電腦上的操作錄制成影片并直接傳送到Y(jié)ouTube上。

02. bounceapp.com —— 能夠?qū)⒁粋€網(wǎng)頁進行完整的截圖。

03. goo.gl —— 將網(wǎng)站地址進行縮寫并可以將網(wǎng)址轉(zhuǎn)換成二維碼。

04. untiny.me —— 找到縮寫網(wǎng)址的原始域名。

05. localti.me —— 能查詢不只一個城市的當?shù)貢r間。

06. copypastecharacter.com —— 復制你鍵盤上沒有的特殊字符。

07. topsy.com —— Twitter專用搜索引擎。

08. fb.me/AppStore —— 無需運行iTunes就可以搜索iOS的手機應用。

09. iconfinder.com ——在這里可以找到圖標的所有尺寸。

10. office.com —— 下載辦公文件的模板、剪貼畫以及圖片。

11. woorank.com —— 你想知道的關(guān)于一個網(wǎng)站的所有信息都可以在這里找到。

12. virustotal.com —— 對任何可疑的文件或者郵件附件進行病毒掃描。

13. wolframalpha.com —— 不用搜索就可以知道問題的答案 —— 更多信息，請閱讀Wolfram提示。

14. printwhatyoulike.com —— 完整的打印網(wǎng)頁。

15. joliprint.com —— 將新聞和博客內(nèi)容重新整合為報紙。

16. isnsfw.com —— 當你想要分享18X網(wǎng)頁時為你做警示標記。

17. e.ggtimer.com —— 一個居家常備的簡易在線計時器。

18. coralcdn.org —— 如果某網(wǎng)站由于服務器太繁忙而無法訪問的話，試試通過CDN來進入網(wǎng)站吧。

19. random.org —— 幫你隨機挑選數(shù)字，拋硬幣～

20. mywot.com —— 測試任意網(wǎng)站的可信任指數(shù)。

21. viewer.zoho.com —— 幫你用瀏覽器來預覽PDF文件和PPT。

22. tubemogul.com —— 能同時向多個視頻網(wǎng)站上傳視頻。

23. truveo.com —— 最佳網(wǎng)絡(luò)視頻搜索。

24. scr.im —— 不用擔心垃圾郵件困擾，安全無憂地分享你的郵件地址。

25. spypig.com —— 從今往后在你的郵箱里查看收據(jù)吧～

26. sizeasy.com —— 將任一產(chǎn)品進行視覺化并進行尺寸比較。

27. whatfontis.com —— 迅速通過圖片來確定字體名稱。

28. fontsquirrel.com —— 優(yōu)質(zhì)的字體大集合 —— 免費自用與商用。

產(chǎn)品經(jīng)理和設(shè)計師之間最常見也是最尖銳的矛盾就是，設(shè)計師把花了很多心血做出來的稿子放到產(chǎn)品經(jīng)理面前，產(chǎn)品看了一下，覺得非常陌生和超出預期，說：“這都是些什么啊”。

(- -#)，(- -’)，此處無聲勝有聲。倒不是說這里面誰對誰錯，都挺辛苦的其實，但為什么總會落得如此尷尬呢。

世上配合最好的其實就是自己的手配合自己的腦袋。腦袋怎么想，手就怎么畫，畫出來的丁老頭再丑也覺得很親切，恩恩，是我的好作品（星星眼）。只是等到兩個人合作的時候，就有些麻煩了。因為，讓“設(shè)計師的手”精致地受控于“產(chǎn)品經(jīng)理的腦袋”，每次畫完看一看，覺得對就繼續(xù)畫、錯就改的敏捷調(diào)控是不現(xiàn)實的。

禍起，在于一些溝通中有很多弊端，唯有解決這些問題，才能讓團隊和諧地高唱“同一個夢想”。

一、產(chǎn)品沒有意識到要講的其實是故事

常見的產(chǎn)品經(jīng)理提需求的方式往往都是在需求文檔里直接寫“在Feed上增加一個轉(zhuǎn)載按鈕，點擊后可以填寫轉(zhuǎn)載理由”。這種描述方式其實已經(jīng)是一個很具象的解決方案了。然后這份包含數(shù)十條如此描述需求的文檔會被貼到內(nèi)部需求管理網(wǎng)站上，或者通過郵件發(fā)給設(shè)計師。

設(shè)計師拿到這份文檔，通常會覺得很憋屈。哎，忍忍算了，拿人錢財替人消災。然后拿著這份需求文檔在現(xiàn)有界面上去改。但往往會發(fā)現(xiàn)產(chǎn)品說這些具體解決方案其實在實現(xiàn)時是有很多細節(jié)沖突的。于是，設(shè)計師要先逆向YY出這個功能背后的用戶需求，然后再嘗試在與各種細節(jié)不沖突的夾縫中找一個新的解決方案。把這個稿子拿給產(chǎn)品看，產(chǎn)品就會楞一下，說“這是什么…”。(- -#)，(- -’)