<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 無(wú)法忘懷的色彩:移動(dòng)界面設(shè)計(jì)中的漸變

    2014-2-19    藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

    一、漸變作為界面的背景

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

    iOS7 Lockscreen by Michael Shanks

    Sense by Tommy Borgen.

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


    Sense by Tommy Borgen

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

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


    Personal Site

    Screens by Yasser Achachi

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


    Screens by Yasser Achachi

    Coloring Clock by Kyung Min Kim

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


    Coloring Clock by Kyung Min Kim

    Instasave iPhone App by chirag dave – uijunction

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


    Instasave iPhone App

    Beam Day (concept clock) by Vladimir.

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


    Beam Day

    Aero Weather by Alex Patrascu.

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


    Aero Weather

    iOS 7 Shortcuts Menu by Gaétan Pautler.

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


    iOS 7 Shortcuts Menu

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

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

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

    IndiaNIC App

    SunFun App by Andrus Valulis.

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


    SunFun App

    Flat Style Color Wheel by Frantisek Krivda.

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


    Flat Style Color Wheel

    Haze Rays theme by Franz (Taptanium)

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


    Haze Rays theme

    Waygo App V2 by Carrie Phillips.

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


    Waygo App V2

    Bird app GIF by Rustem Ramadanov

    很好的布局,可讀性極好,漸變功不可沒(méi)。


    Bird app GIF

    Brisk by Eddie Lobanovskiy.

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


    Brisk by Eddie Lobanovskiy

    Goo App by Nick Murphy

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


    Goo App by Nick Murphy

    “Giftboard” by Maria Bratchikova.

    設(shè)計(jì)師通過(guò)色彩的不同來(lái)區(qū)分功能


    Giftboard by Maria Bratchikova

    Weather app UI by Amine Mounazil

    這個(gè)漸變效果不是很好,為何?上面的可讀性稍差一點(diǎn)。


    Weather app UI

    結(jié)論

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

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

    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 欧美精品一区二区在线精品| 日韩精品久久无码人妻中文字幕| 久久99精品久久久久久噜噜 | 国产精品欧美久久久天天影视| 拍国产真实乱人偷精品| 国产精品成人va在线观看| 亚洲日韩国产AV无码无码精品 | 亚洲欧美国产精品第1页| 99亚洲精品视频| aaa级精品久久久国产片| 亚洲精品无码AV人在线播放| 无码精品一区二区三区免费视频| 国产成人精品无码免费看| 亚洲精品高清无码视频| 亚洲精品亚洲人成在线观看下载| 久久久精品波多野结衣| 精品福利资源在线| 国产精品免费观看调教网| 久久久久人妻一区精品性色av| 四虎精品免费永久免费视频| 国产精品免费久久| 国产精品久久久久久一区二区三区 | 国产亚洲精品无码专区| 国产精品免费久久久久久久久| 99热成人精品免费久久| 日韩精品一区二区三区大桥未久| 奇米影视7777久久精品| 无码精品久久久久久人妻中字| 亚洲精品高清国产一线久久| 综合在线视频精品专区| 四库影院永久四虎精品国产| 免费精品国产自产拍在线观看| 国产精品VIDEOSSEX久久发布| 国产精品超碰12396| 国产精品高清2021在线| 91精品国产自产在线老师啪| 成人国内精品久久久久影院VR| 国产精品99无码一区二区| 久久精品国产99久久丝袜| 精品一区二区三区免费观看| 精品91自产拍在线观看|