<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          經驗分享:為兒童設計移動應用界面的技巧

          藍藍設計的小編

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

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

          如果你鐘情純美的童真,那么這個教程可能非常適合你?。?br /> 《PS教程:利用修飾技術將照片變為有趣的漫畫》

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

          顏色

          兒童移動應用界面

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


          兒童移動應用界面

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


          兒童移動應用界面

          線條


          兒童移動應用界面

           

          超贊!25例交互體驗極佳的網頁設計

          藍藍設計的小編

          25 Modern Web / Interactive Websites Design Examples

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

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

           

          Melbourne Remote Control Tourist

          的遠程旅游體驗,這個概念不錯吧!

          Melbourne Remote Control Tourist

          Melbourne Remote Control Tourist

          20個優秀的國外扁平化網頁設計作品

          藍藍設計的小編

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

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

           

          Who Wanna

          10.flat websites

          Very-Make


          18.flat websites

          23個最具影響力的網頁設計博客

          藍藍設計的小編

          花了大量時間在網上搜集行業里高質量網頁設計的博客,不過話說回來,高質量可信的資源確實挺稀缺的。

           

          CSS-Tricks

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

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

          csstricks-web-design-blog-top-blogs-follow

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

          網站亮點(這個網站的獨特之處是什么?):

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

          關注App設計!20個漂亮的扁平風格移動端界面

          藍藍設計的小編

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

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

           

          uiGo Colors – iOS Flat UI Bundle

           

          怒贊!50套萬里挑一的設計師專屬精華資源包

          藍藍設計的小編

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

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

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

          Flatic

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

          Flatic User Interface

          Gamecenter Pack

          12月典藏!50個超贊的免費設計師工具資源下載

          藍藍設計的小編

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

          OOcharts

          remarkable-freebies-and-tools-01

          11月份免費新鮮的27款UI組件下載

          藍藍設計的小編

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

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

          Apple Product Line Wire Frame PSD by Rubayath

          Apple Product Line Wire Frame PSD by Rubayath in 27 Fresh UI Kits for October 2013

           

          Chrome UI Kit v.2 by Todd Hamilton

          Chrome UI Kit v.2 by Todd Hamilton in 27 Fresh UI Kits for October 2013

          超實用!Photoshop亮度調節腳本

          藍藍設計的小編

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

          darken-and-lighten-color-ps-script

           

          如何使用亮度調節腳本

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

          color-shot

          8個獲取手機應用程序設計靈感的網站

          藍藍設計的小編

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

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

          優設好文:
          強烈推薦!你應該到這里尋找網頁設計靈感

          Creattica – Mobile Interface

          Creattica 是一個靈感畫廊,展示最好的網站設計,標志設計,平面設計,攝影,作品。

          Creattica - Mobile Interface

          Lovely UI

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

          lovely_ui

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合