2013-12-9 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.jghy.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
iOS7采用了色彩新鮮的漸變效果,老實(shí)說(shuō),每個(gè)設(shè)計(jì)師都應(yīng)該掌握這種最簡(jiǎn)單的裝飾技巧。而且漸變效果千變?nèi)f化,好的漸變效果能夠成就一款設(shè)計(jì),而糟糕的漸變效果會(huì)毀了一款設(shè)計(jì)。漸變效果的好壞取決于“色彩調(diào)整”以及“整個(gè)主題的搭配度”。除此之外,漸變效果還可以根據(jù)“流行色”來(lái)進(jìn)行適度的調(diào)配。現(xiàn)在流行使用霓虹燈色彩般的漸變,讓人感覺(jué)光鮮可鑒,再加上纖細(xì)簡(jiǎn)約的字體,線條簡(jiǎn)練的圖標(biāo),整個(gè)界面將變得非常極簡(jiǎn)且高雅。
今天我們要探討的可不是漸變,要探討的是移動(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ì)感。
Sense by Tommy Borgen.
同樣大道至簡(jiǎn)。整個(gè)漸變的色彩搭配很講究,中心略微模糊的圓圈中包含了清新的字體,流動(dòng)的背景,純凈的像夢(mèng)一般。
Personal Site Idea v1.1 by Ross Popoff-Walker.
借用了黎明時(shí)分的天空漸變色彩。白色元素巧妙的從背景中脫穎而出。大量的留白,灰色的頁(yè)頂和頁(yè)底——用來(lái)導(dǎo)航——所有的一切完美搭配,形成了這款迷人的界面。
Screens by Yasser Achachi
令人震撼,令人目不轉(zhuǎn)睛!很值得稱道的色彩!白而亮的字體,像素細(xì)膩的圖標(biāo)和多姿多彩的背景良好結(jié)合,再加上透明的條紋,打造出驚人的界面。
Coloring Clock by Kyung Min Kim
焰火色彩的漸變,字體運(yùn)用的很好,有機(jī)的色調(diào)讓這款界面很突出。
Instasave iPhone App by chirag dave – uijunction
放射漸變,純色菜單,設(shè)計(jì)師利用背景來(lái)襯托導(dǎo)航元素,圖標(biāo)很干凈、纖細(xì)。
Beam Day (concept clock) by Vladimir.
背景為突出組建。極度纖細(xì)的輪廓和字體與整體搭配的很協(xié)調(diào)。
Aero Weather by Alex Patrascu.
明亮的漸變令人眼前一亮,用戶會(huì)更注意到天氣預(yù)報(bào)中的細(xì)節(jié),得出能幫助日常生活的信息。
iOS 7 Shortcuts Menu by Gaétan Pautler.
設(shè)計(jì)師獨(dú)出心裁,使用了令人眼前一亮的漸變手段,模糊的背景圖像,令人一見傾心,藍(lán)色到桃色的優(yōu)雅。
這部分的界面設(shè)計(jì),漸變不再是“背景”,而具備一些功能性。
IndiaNIC App by Keyuri Bosmia
可愛的彩虹條,設(shè)計(jì)師很有技巧的利用漸變的色彩來(lái)進(jìn)行不同選項(xiàng)的區(qū)分。整體效果多姿多彩,令人振奮。
SunFun App by Andrus Valulis.
這個(gè)界面比上面那款柔和多了,既然應(yīng)用主題是日落,便采用了日落的漸變色彩。
Flat Style Color Wheel by Frantisek Krivda.
這款界面使用了冷色調(diào)漸變,配合中立的白色,讓人感覺(jué)頗具科技感、犀利。
Haze Rays theme by Franz (Taptanium)
同樣色冷色漸變,讓人感到冷靜,放射漸變效果能夠很自然的吸引用戶注意,以便閱讀信息。
Waygo App V2 by Carrie Phillips.
暖色漸變,同時(shí)區(qū)分選項(xiàng),橙色讓人感受到這款應(yīng)用的動(dòng)感和活力。
Bird app GIF by Rustem Ramadanov
很好的布局,可讀性極好,漸變功不可沒(méi)。
Brisk by Eddie Lobanovskiy.
這款應(yīng)用的功能和漸變聯(lián)系緊密,使用不同的色彩來(lái)代表溫度。背景的漸變除了裝飾性外,更注重功能性。
Goo App by Nick Murphy
今年流行色是什么?祖母綠!配以柔和的色調(diào),唯一美中不足的是,單個(gè)界面中選項(xiàng)有點(diǎn)過(guò)多。
“Giftboard” by Maria Bratchikova.
設(shè)計(jì)師通過(guò)色彩的不同來(lái)區(qū)分功能
Weather app UI by Amine Mounazil
這個(gè)漸變效果不是很好,為何?上面的可讀性稍差一點(diǎn)。
對(duì)裝飾性效果保持開發(fā)和挖掘,你便會(huì)有新的發(fā)現(xiàn)。漸變便是如此,本來(lái)是背景裝飾,但是到了高明的設(shè)計(jì)師手里,變成了與功能相結(jié)合的元素。漸變能提供更加流暢的體驗(yàn),讓人感覺(jué)不突兀。
要記得,漸變,不單單是裝飾。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net