午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

無法忘懷的色彩:移動(dòng)界面設(shè)計(jì)中的漸變

2013-12-9    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.gerard.com.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)

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

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請點(diǎn)這里

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

今天我們要探討的可不是漸變,要探討的是移動(dòng)界面設(shè)計(jì)中的漸變。我們來一起學(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)雅、頗具吸引力、簡單、只包含必要信息,半透明的解鎖條讓我們感受到細(xì)膩的質(zhì)感。

iOS7 Lockscreen by Michael Shanks

Sense by Tommy Borgen.

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


Sense by Tommy Borgen

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

借用了黎明時(shí)分的天空漸變色彩。白色元素巧妙的從背景中脫穎而出。大量的留白,灰色的頁頂和頁底——用來導(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ì)師利用背景來襯托導(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ú)出心裁,使用了令人眼前一亮的漸變手段,模糊的背景圖像,令人一見傾心,藍(lán)色到桃色的優(yōu)雅。


iOS 7 Shortcuts Menu

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

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

IndiaNIC App by Keyuri Bosmia
可愛的彩虹條,設(shè)計(jì)師很有技巧的利用漸變的色彩來進(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)漸變,配合中立的白色,讓人感覺頗具科技感、犀利。


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

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


Bird app GIF

Brisk by Eddie Lobanovskiy.

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


Brisk by Eddie Lobanovskiy

Goo App by Nick Murphy

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


Goo App by Nick Murphy

“Giftboard” by Maria Bratchikova.

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


Giftboard by Maria Bratchikova

Weather app UI by Amine Mounazil

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


Weather app UI

結(jié)論

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

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

日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板: 麻豆产精品一二三产区区 | 久久伊人免费 | 性色无码AV久久蜜臀 | 野花香HD免费高清版6高清版 | 午夜福到在线2019 | 欧美阿v天堂视频在99线 | 八妻子秋霞理在线播放 | 亚洲欭美日韩颜射在线二 | 新金梅瓶玉蒲团性奴3 | AV午夜午夜快憣免费观看 | 国产精品久久人妻无码网站一区无 | 久久青草在线视频精品 | 伊人久久综合网站 | 末班车动漫无删减免费 | 色婷婷欧美在线播放内射 | 国产女人乱人伦精品一区二区 | 操老太太的逼 | 夜色福利院在线观看免费 | 国产亚洲精品久久77777 | 日韩经典欧美一区二区三区 | 欧美日韩亚洲一区视频二区 | 强奷漂亮女老板在线播放 | 在线不卡日本v二区到六区 在线不卡日本v二区 | 国产高清精品国语特黄A片 国产高清国内精品福利色噜噜 | 国产精品成人影院在线观看 | 蜜桃人妻无码AV天堂三区 | 国产成人自拍视频在线观看 | 97精品少妇偷拍蜜桃AV | 日韩毛片大全 | aaaaaaa一级毛片 | 国产真实乱对白精彩 | 色拍拍噜噜噜久久蜜桃 | 最近的2019中文字幕国语完整版 | 三级黄网站 | 69SEX久久精品国产麻豆 | 日本A级作爱片金瓶双艳 | 欧美极限扩肛 | 国产精品成人观看视频免费 | 伦理片在线线手机版韩国免费6 | 97色伦图片97色伦图影院久久 | 嘴巴舔着她的私处插 |