<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 無法忘懷的色彩:移動界面設計中的漸變

    2013-12-9    藍藍設計的小編

    轉載藍藍設計(   www.skdbbs.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 平面設計服務

    來源:http://www.uisdc.com/100-things-you-should-know-about-design

    如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中,   請點這里

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

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

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

    一、漸變作為界面的背景

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

    iOS7 Lockscreen by Michael Shanks

    Sense by Tommy Borgen.

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


    Sense by Tommy Borgen

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

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


    Personal Site

    Screens by Yasser Achachi

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


    Screens by Yasser Achachi

    Coloring Clock by Kyung Min Kim

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


    Coloring Clock by Kyung Min Kim

    Instasave iPhone App by chirag dave – uijunction

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


    Instasave iPhone App

    Beam Day (concept clock) by Vladimir.

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


    Beam Day

    Aero Weather by Alex Patrascu.

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


    Aero Weather

    iOS 7 Shortcuts Menu by Gaétan Pautler.

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


    iOS 7 Shortcuts Menu

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

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

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

    IndiaNIC App

    SunFun App by Andrus Valulis.

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


    SunFun App

    Flat Style Color Wheel by Frantisek Krivda.

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


    Flat Style Color Wheel

    Haze Rays theme by Franz (Taptanium)

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


    Haze Rays theme

    Waygo App V2 by Carrie Phillips.

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


    Waygo App V2

    Bird app GIF by Rustem Ramadanov

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


    Bird app GIF

    Brisk by Eddie Lobanovskiy.

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


    Brisk by Eddie Lobanovskiy

    Goo App by Nick Murphy

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


    Goo App by Nick Murphy

    “Giftboard” by Maria Bratchikova.

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


    Giftboard by Maria Bratchikova

    Weather app UI by Amine Mounazil

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


    Weather app UI

    結論

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

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

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 亚洲AV无码成人精品区蜜桃| 国产欧美日本精品| 国产精品亚洲视频| 久久发布国产伦子伦精品| 无码人妻精品一区二区三区66| AAA级久久久精品无码区| 亚洲午夜精品久久久久久人妖| 久久99国产精品一区二区| 办公室久久精品| 成人国产精品高清在线观看| 国产成人精品曰本亚洲79ren| 国产精品拍天天在线| 精品乱人伦一区二区三区| 日韩精品内射视频免费观看| 国产午夜福利精品久久2021 | 少妇人妻偷人精品免费视频| 久久久无码精品午夜| 一本久久精品一区二区| 国产精品亚洲A∨天堂不卡 | 精品无人区无码乱码毛片国产| 日韩精品成人a在线观看| 亚洲精品卡2卡3卡4卡5卡区| 国产精品久久久久久福利漫画| 国产精品1024视频| 亚洲精品无码专区2| 精品国产91久久久久久久a | 中文成人无码精品久久久不卡| 四虎影视永久在线精品免费| 久夜色精品国产一区二区三区| 国精品无码A区一区二区| 国产精品视频全国免费观看| 国产日韩高清三级精品人成| 国产午夜亚洲精品国产成人小说| 国产精品毛片a∨一区二区三区| 囯产精品一区二区三区线| 国产精品电影在线| 国产精品无码久久四虎| 久久久99精品一区二区| 四虎成人精品国产永久免费无码| 亚洲欧洲精品无码AV| 久久久久国产精品熟女影院|