<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 無法忘懷的色彩:移動界面設(shè)計中的漸變

          2014-2-19    藍藍設(shè)計的小編

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

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

          一、漸變作為界面的背景

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

          iOS7 Lockscreen by Michael Shanks

          Sense by Tommy Borgen.

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


          Sense by Tommy Borgen

          Personal Site Idea v1.1 by Ross Popoff-Walker.

          借用了黎明時分的天空漸變色彩。白色元素巧妙的從背景中脫穎而出。大量的留白,灰色的頁頂和頁底——用來導(dǎo)航——所有的一切完美搭配,形成了這款迷人的界面。


          Personal Site

          Screens by Yasser Achachi

          令人震撼,令人目不轉(zhuǎn)睛!很值得稱道的色彩!白而亮的字體,像素細膩的圖標和多姿多彩的背景良好結(jié)合,再加上透明的條紋,打造出驚人的界面。


          Screens by Yasser Achachi

          Coloring Clock by Kyung Min Kim

          焰火色彩的漸變,字體運用的很好,有機的色調(diào)讓這款界面很突出。


          Coloring Clock by Kyung Min Kim

          Instasave iPhone App by chirag dave – uijunction

          放射漸變,純色菜單,設(shè)計師利用背景來襯托導(dǎo)航元素,圖標很干凈、纖細。


          Instasave iPhone App

          Beam Day (concept clock) by Vladimir.

          背景為突出組建。極度纖細的輪廓和字體與整體搭配的很協(xié)調(diào)。


          Beam Day

          Aero Weather by Alex Patrascu.

          明亮的漸變令人眼前一亮,用戶會更注意到天氣預(yù)報中的細節(jié),得出能幫助日常生活的信息。


          Aero Weather

          iOS 7 Shortcuts Menu by Gaétan Pautler.

          設(shè)計師獨出心裁,使用了令人眼前一亮的漸變手段,模糊的背景圖像,令人一見傾心,藍色到桃色的優(yōu)雅。


          iOS 7 Shortcuts Menu

          二、具有功能性的漸變效果

          這部分的界面設(shè)計,漸變不再是“背景”,而具備一些功能性。

          IndiaNIC App by Keyuri Bosmia
          可愛的彩虹條,設(shè)計師很有技巧的利用漸變的色彩來進行不同選項的區(qū)分。整體效果多姿多彩,令人振奮。

          IndiaNIC App

          SunFun App by Andrus Valulis.

          這個界面比上面那款柔和多了,既然應(yīng)用主題是日落,便采用了日落的漸變色彩。


          SunFun App

          Flat Style Color Wheel by Frantisek Krivda.

          這款界面使用了冷色調(diào)漸變,配合中立的白色,讓人感覺頗具科技感、犀利。


          Flat Style Color Wheel

          Haze Rays theme by Franz (Taptanium)

          同樣色冷色漸變,讓人感到冷靜,放射漸變效果能夠很自然的吸引用戶注意,以便閱讀信息。


          Haze Rays theme

          Waygo App V2 by Carrie Phillips.

          暖色漸變,同時區(qū)分選項,橙色讓人感受到這款應(yīng)用的動感和活力。


          Waygo App V2

          Bird app GIF by Rustem Ramadanov

          很好的布局,可讀性極好,漸變功不可沒。


          Bird app GIF

          Brisk by Eddie Lobanovskiy.

          這款應(yīng)用的功能和漸變聯(lián)系緊密,使用不同的色彩來代表溫度。背景的漸變除了裝飾性外,更注重功能性。


          Brisk by Eddie Lobanovskiy

          Goo App by Nick Murphy

          今年流行色是什么?祖母綠!配以柔和的色調(diào),唯一美中不足的是,單個界面中選項有點過多。


          Goo App by Nick Murphy

          “Giftboard” by Maria Bratchikova.

          設(shè)計師通過色彩的不同來區(qū)分功能


          Giftboard by Maria Bratchikova

          Weather app UI by Amine Mounazil

          這個漸變效果不是很好,為何?上面的可讀性稍差一點。


          Weather app UI

          結(jié)論

          對裝飾性效果保持開發(fā)和挖掘,你便會有新的發(fā)現(xiàn)。漸變便是如此,本來是背景裝飾,但是到了高明的ui設(shè)計師手里,變成了與功能相結(jié)合的元素。漸變能提供更加流暢的體驗,讓人感覺不突兀。

          要記得,漸變,不單單是裝飾。

          日歷

          鏈接

          個人資料

          藍藍設(shè)計的小編 http://m.sdgs6788.com

          存檔

          成人久久精品一区二区三区| 日韩欧美亚洲综合久久影院Ds| 精品久久久中文字幕人妻| 99久久做夜夜爱天天做精品| 99久久99这里只有免费费精品| 久久电影网2021| 91麻豆国产精品91久久久| 精品久久一区二区三区| 青青草原综合久久大伊人| 99久久er这里只有精品18| 婷婷久久综合| 久久99精品久久久久久噜噜| 亚洲中文字幕无码一久久区| 久久精品国产亚洲7777| 国产成人久久精品区一区二区| 日日狠狠久久偷偷色综合0| 久久精品国产精品青草app| 色天使久久综合网天天| 久久久久久久综合综合狠狠| 99久久精品费精品国产一区二区 | 久久夜色撩人精品国产| 天天久久狠狠色综合| 日产精品99久久久久久| 伊人久久国产免费观看视频 | 狠狠色丁香婷综合久久| 性做久久久久久久| 久久亚洲sm情趣捆绑调教| 亚洲精品高清一二区久久| 久久久久久国产精品无码下载| 久久夜色精品国产亚洲| 狠狠狠色丁香婷婷综合久久五月| 久久精品午夜一区二区福利| 99久久精品免费看国产一区二区三区 | 久久精品亚洲乱码伦伦中文| 亚洲国产精品久久久久久| 久久er热视频在这里精品| 久久免费视频网站| 国产激情久久久久影院老熟女免费| 久久成人影院精品777| 亚洲国产成人久久综合一| 精品久久久久一区二区三区 |