嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

2014年手機界面設計的趨勢

2014-6-23    藍藍設計的小編

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

來源:http://www.cssn.cn/ysx/ysx_sjx/201310/t20131026_611976.shtmll

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

一、唯一主色調| Simple color schemes

為什么我們要定義一個界面多種顏色?僅僅用一個主色調,是不是就能夠很好的表達界面層次、重要信息,并且能展現良好的視覺效果?事實上也正是如此,隨著iOS7的發布,我們看到越來越多唯一主色調風格的設計,會采用簡單的色階,配套灰階來展現信息層次,但是絕不采用更多的顏色。

卡塔爾航空公司

卡塔爾公司航空就是這樣的設計案例,整個界面采用粉色的主色調,從標題欄到標簽頁,從操作按鈕到提示信息,除了黑白灰之外,全部采用粉色設計,這種簡介的的配色風格,反倒起到了很好的信息傳達效果,也具有良好的視覺表現力,設計師在內容排版上的技巧實在是加分。

Readability采用紅色主色調設計,連提示信息背景色、線性按鈕和圖標都采用紅色主色調,界面和LOGO也完全是一個色系的。而Vivino采用藍色主色調設計,信息用深藍、淺藍加以區隔。Eidetic采用橙色主色調設計,其中的關鍵操作按鈕甚至整個用橙色提亮,信息圖標也用深橙色、淺橙色來表達程度。

可以說唯一主色調設計手法,是真的做到了移動端APP的最小化(Minimal)設計,減少冗余信息的干擾,使用戶專注于主要信息的獲取。

二、多彩色| Hypercolour

而與唯一主色調形成對照關系的,就是Metro引領的多彩色風格,為什么我一定要給我自己的產品定義一種主色調,多彩色就不能是主色調嗎?于是出現了不同頁面、不同信息組塊采用撞色多彩色的方式來設計的風格,甚至同一個界面的局部都可以采用多彩撞色,也產生了不少優秀的設計。

優衣庫出品的RECIPE,是一個讓人眼前一亮的設計案例,多彩色的設計風格融入到整個APP中,不論是切換標簽頁,還是在內容組塊中滾動,都會變更不同的主題色。色彩切換的時候,還會有淡入淡出的效果,讓切換變得自然而然,完全不生硬。RECIPE的番茄鐘計時器模塊,會一邊計時一邊播放優美的美食背景音樂,同時切換不同的主體顏色,隨著主體顏色的變更,所有的前景文案、圖片也會變更為該色系,加上清晰度極高的美食圖片,真的是視覺+聽覺的雙重享受。RECIPE真的是2013年難得一見的優秀設計。

而Peek Calendar、EveryWeather和Harmony這三個APP,是列表多彩色的設計案例,這種列表多彩色,不知道是不是從Clear開始再度流行起立的,用鮮亮的多彩色來區分信息,確實能起到突出的效果,視覺上極其醒目。

可是對于一些內容型的APP,也許并不適用,比如GoogleKeep的多彩卡片,確實是在內容閱讀上會起到反效果。百度云記事本第一版設計也是多彩色的,但是后來考慮到文字記事比較多,為提供良好的文字閱讀體驗,還是把多彩色改成灰白色微質感的設計。

三、數據可視化| Data Visualization

至于對信息的呈現,越來越多的APP開始嘗試數據可視化、信息圖表化,讓界面上不僅僅是列表,還有更多直觀的餅圖、扇形圖、折線型、柱狀圖等等豐富的表達方式。表面上看起來也不是很難的事情,但是若真想實現,背后的復雜程度也不容小窺。

Nice Weather用曲線圖來表達溫度的變化,Jawbone UP用柱狀圖來表達每天的完成情況,PICOOC用折線圖來表達每天體重、體脂的變化。移動APP利用數據可視化,可以在更小的屏幕空間內,更立體化的展示內容。

四、卡片化| Cards

卡片也是一種采用較多的設計語言形式,無法考究這種卡片的設計,是從Metro的tiles流行起來的,還是從Pinterest的瀑布流流行起來的。總之我們可以發現,Google的移動端產品設計已經全面卡片化了,甚至Web端也沿用了這種統一的設計語言,據說是Google搜索的體驗負責人引領的設計語言統一升級。

luvocracy的卡片流突出信息本身,用大圖和標題文字吸引用戶,強化了無盡瀏覽的體驗,吸引用戶一直滾動下去。Google Now的卡片則更加的定制化、個性化。有的卡片是用來做用戶教育的,有的卡片是用來告知天氣的,有的卡片是呈現聯系人列表的,有點卡片是顯示待辦事項的。不同的卡片都遵循在一個統一寬度和樣式的卡片內,進行發揮和設計。既保證了卡片和卡片之間的獨立性,又保證了服務和服務的統一化設計。Shazam則用一種趣味的卡片樣式,呈現專輯和歌曲。

五、內容為王| Content First

APP產品的發展,最終的路徑勢必會跟web產品一樣,突出內容,內容為王,當繁華褪盡,纖塵不染,再重新去看APP存在的意義,不外乎是給用戶提供更好的服務。與內容相比,所有的設計和包裝,都不外乎是一種表現手法,而真正具有價值的APP,一定是內容取勝的。Facebook用190億美金收購了Whatsapp,這個全是用統控件搭建的APP,并不是因為他的設計多出眾,而是因為他的服務足夠有價值。

Artsy的圖片瀑布流,完全沒有用到線和面來區分信息組塊,而就是用內容本身做排版,用戶可以更加集中注意力于圖片內容上。Prismatic利用字體排版,盡可能的內容前置,弱化圖標和操作,讓用戶更集中注意力于內容閱讀上。而MR Porter則利用商品圖片、名稱和價格直接做設計,讓用戶聚焦于商品本身。

六、圓形的運用| Circle Design

園形是最容易讓人覺得舒服的形狀,尤其是在充滿各種方框的手機屏幕內,增加一些圓潤的形狀點綴,立刻就會增加活潑的氣息,徒增好感。一個有意思的現象是,iPhone的撥號數字鍵盤,一開始都是矩形設計,迭代到iOS7,均變成了圓形,可以說是對傳統電話的致敬,也可以說是增強了界面的柔和感。當然相應的,也要處理圓形的實際點觸區域,不要因為設計成圓形點擊區域也變小了,導致點擊準確率下降了,美觀度提升易用性受到了影響。

Beats Music把選擇喜歡的標簽設計成了圓形,這就比普通的列表、矩形tag的感覺要好很多,更加趣味更具探索性。Movse每天走的步數、消耗的卡路里均用圓形承載,是數據可視化、關鍵信息顯性化的最好案例。Tumblr則把要創建的內容的類型選擇,用蒙層+圓形選項按鈕來設計,讓選擇變得專注而明確,又不那么死板。

七、大視野背景圖| Bigger Vision image background

用通欄的圖片作為背景,也成為今年的一個流行趨勢,或者是作為整個APP的背景,或者是作為內容區塊的背景,既提升了視覺表現力度,又豐富了APP情感化元素。一些信息或操作,浮動在圖片上。這種設計方法,對字體和排版設計要求更高,難度也更多,但極容易渲染出氛圍。

大視野背景圖風格也分為兩種,一種像Secret、The Whole Pantry這樣的,內容區塊中采用大視野背景圖,好處是可以利用圖片做區塊分割,難度是圖片拼接后的效果不一定好看,所以可能還需要配合描邊、留白等設計手段優化拼接。另外一種就是想Vsco、Flink、Mindie、Soundwave這樣的,全屏背景圖甚至打通狀態欄,前景做內容排版、導航、操作。

好處是設計非常具有生命了,所以有朋友把這種風格也叫有計劃設計,說的就是回歸大自然的設計手法。但風險也是很明顯的,就是前景的信息排布設計其實是有很大挑戰的,必經花花綠綠的背景太過于干擾注意力,導致前景的文字內容可讀性會變弱。所以需要把重要操作用明確的按鈕區隔出來,閱讀型文字跟背景圖要用明顯的反色,還是不行的話就把文字浮在半透明蒙層上,解決可讀性問題。

最后總結來說,2014年讓我覺得印象深刻的7種設計語言,唯一主色調、多彩色、數據可視化、卡片化、內容為王、圓形的運用和大視野背景圖。其實設計風格很難有全新的,也是不斷輪回的過程,為凸現內容APP都在往輕薄化方向設計,不過保不準哪天,又顛覆回最開始的重質感擬物話設計呢。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sdgs6788.com

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 蜜臀av一级做a爰片久久| 亚洲最快最全在线视频| 久久久中精品2020中文| 日韩一区二区免费高清| 亚洲国产精品免费| 浪潮色综合久久天堂| 久久本道综合色狠狠五月| 亚洲欧美一区二区视频| 亚洲一区在线视频| 欧美制服丝袜第一页| 欧美自拍偷拍午夜视频| 老牛嫩草一区二区三区日本| 久久精品一区| 亚洲国产欧美另类丝袜| 亚洲视屏在线播放| 久久精品日韩欧美| 日韩亚洲在线| 久久久精品一区| 欧美极品一区二区三区| 国产精品久久久久久户外露出| 中日韩午夜理伦电影免费| 中日韩美女免费视频网址在线观看 | 亚洲人成在线观看| 日韩网站免费观看| 玖玖玖国产精品| 亚洲欧洲精品一区二区三区不卡 | 久久精品视频导航| 欧美风情在线观看| 国产精品天天看| 亚洲国产精品99久久久久久久久| 夜夜嗨av一区二区三区四季av| 欧美一区二区日韩| 91久久精品美女| 欧美一区二区三区四区视频| 欧美激情按摩| 国产一区二区三区在线观看免费视频 | 午夜精品免费在线| 亚洲茄子视频| 亚洲制服丝袜在线| 国产精品日韩一区二区| 午夜日本精品| 欧美午夜免费影院| 亚洲精品久久久久久久久久久久 | 亚洲视频日本| 欧美成人免费在线视频| 亚洲一区二区三区精品动漫| 欧美顶级少妇做爰| 国内视频一区| 欧美一区亚洲| 在线亚洲免费视频| 欧美日韩网址| 99pao成人国产永久免费视频| 久久资源在线| 性做久久久久久| 亚洲一区二区视频在线| 欧美成人四级电影| 亚洲黄网站在线观看| 毛片av中文字幕一区二区| 先锋亚洲精品| 韩日精品视频一区| 久久成人精品视频| 午夜亚洲一区| 狠狠综合久久av一区二区小说| 美国十次了思思久久精品导航| 亚洲精品日本| 欧美精品xxxxbbbb| 亚洲精品麻豆| 一本一本a久久| 国产精品xvideos88| 亚洲一区www| 国产精品久久久久久久久久久久久久| 久久亚洲春色中文字幕久久久 | 亚洲国产第一| 欧美成人高清| 欧美福利视频| 亚洲曰本av电影| 亚洲专区一区| 精品成人在线视频| 欧美粗暴jizz性欧美20| 久久久精品日韩欧美| 亚洲精品一二| 99热在线精品观看| 一区二区三区久久精品| 国产精品久久久久久久久久久久久久 | 久久精品免费观看| 亚洲国产另类 国产精品国产免费| 欧美国产免费| 欧美午夜在线视频| 欧美sm重口味系列视频在线观看| 免费av成人在线| 一本综合久久| 欧美在线短视频| 亚洲激情av| 亚洲欧美经典视频| 亚洲国产成人午夜在线一区| 亚洲人成毛片在线播放| 国产精品一区二区a| 老妇喷水一区二区三区| 国产精品chinese| 可以免费看不卡的av网站| 欧美日韩国产首页| 老鸭窝毛片一区二区三区| 欧美日韩成人综合在线一区二区| 久久精品国产999大香线蕉| 欧美成熟视频| 欧美主播一区二区三区美女 久久精品人| 久久国产精品电影| 欧美日产在线观看| 久久国产精品久久久久久久久久| 久久人91精品久久久久久不卡 | 国内精品久久久久久| 亚洲国产一二三| 国产亚洲精品久久久久动| 亚洲精品日韩在线观看| 噜噜噜91成人网| 欧美一级久久久| 在线视频你懂得一区二区三区| 先锋影音国产精品| 亚洲一区成人| 欧美日韩国产综合新一区| 久久一本综合频道| 国产精品日韩欧美一区二区| 亚洲国产一区二区三区a毛片| 国产日韩欧美综合精品| 在线亚洲自拍| 亚洲午夜高清视频| 欧美激情一区在线| 欧美成人精品h版在线观看| 国产亚洲成av人在线观看导航| 一区二区三区免费在线观看| 亚洲精品国产精品国产自| 久久中文精品| 国产欧美一区二区精品性| 亚洲精品一级| 一区二区三区欧美| 欧美大片免费| 亚洲黄色免费| 日韩视频在线免费观看| 欧美大片在线观看一区| 欧美 日韩 国产 一区| 国内精品久久久久久影视8| 久久久久久久波多野高潮日日| 蜜桃久久av| 伊人婷婷欧美激情| 久久久久久免费| 欧美国产日韩亚洲一区| 亚洲激情另类| 欧美不卡三区| 亚洲精选在线观看| 亚洲夜间福利| 国产精品一区二区你懂的| 亚洲一区精品视频| 久久精品三级| 在线电影一区| 欧美精品一卡| 亚洲一区二区三区影院| 欧美一区二区三区免费在线看 | 亚洲人成在线观看一区二区| 久久五月婷婷丁香社区| 欧美黄免费看| 在线视频亚洲欧美| 国产精品每日更新在线播放网址| 亚洲午夜未删减在线观看| 久久九九精品| 亚洲欧洲另类国产综合| 欧美人交a欧美精品| 国产一区二区高清视频| 99日韩精品| 久久久久久久网| 亚洲美女区一区| 国产精品一区二区三区成人| 欧美在线亚洲| 亚洲黄网站在线观看| 亚洲中字在线| 亚洲国产导航| 国产精品一区二区在线观看| 久久亚洲精品欧美| 亚洲午夜精品久久| 牛牛精品成人免费视频| 妖精成人www高清在线观看| 国产亚洲精品aa| 久热精品视频在线免费观看| 一本久道久久久| 美女脱光内衣内裤视频久久影院| 亚洲精品一区在线| 国产一区二区丝袜高跟鞋图片| 欧美gay视频| 亚洲欧美日韩久久精品| 亚洲日韩中文字幕在线播放| 国产亚洲欧美激情| 欧美午夜欧美| 欧美精品一级| 久色成人在线| 久久精品国产免费看久久精品| 99re热这里只有精品视频| 欧美成人r级一区二区三区| 久久精品亚洲| 久久综合免费视频影院| 欧美一级黄色录像| 亚洲午夜精品久久久久久浪潮|