神魂顛倒論壇logo

icon
首頁Mobile行動手機與平板Android安卓交流Android技巧與技術交流區 → [Android 開發]Material Design設計檔案的4條訓示

雷射溶脂 | 瘦小腹 | 植髮 | 眼袋 | 玻尿酸 | 電波拉皮 | Flash | 購物車 | Flash Player 11.2 | 豐胸 |

下一主題 上一主題


[Android 開發]Material Design設計檔案的4條訓示


[Android 開發]Material Design設計檔案的4條訓示 簡版






[Android 開發]Material Design設計檔案的4條訓示

類型:
Android 開發

Material Design是Google打造的一套新的視覺語言,用來統一它的多種產品。Google發表material design的概念時,同時發表了一些檔案,滿足人們對於他們視覺指南的好奇心。Material Design檔案是一套關於如何進行設計的優質資源。

在新視窗檢視

Google

的檔案,尤其適合那些想要向行業引領者學習創建視覺美學的設計新手。同時也讓經驗豐富的設計師了解Google的思想。這是一份編排精良、經過深思熟慮的

檔案,為我們帶來了Google的設計師們的領悟。這份檔案包含了大量的訓示。我已經通讀一遍,在此想向你分享一些其中的乾貨。

通過動效來建立有意義的關聯Material



Design大量強調設計中的動效和動畫。重要原因之一,是它可以讓使用者清楚看到自己的作業如何對界面產生影響。Google舉了個向相簿新增圖片的例

子。如果你看看下面的這個例子就會注意到,上方覆蓋的層有淡入淡出效果。出於兩個目的:清晰與愉悅。首先,它建立了一種視覺層級,使用者認為它在界面的上

方。儘管這是技術上實作,並非真實的,因為界面並不分層;但它使使用者以一種更簡單的方法理解界面。這就是清晰。

將它與第二個無轉場、界面突然出現的效果相比。它顯得很突兀——這就是建議使用淡入淡出的第二個原因——它也沒有建立任何視覺上的認知。新的界面突然出現,使用者的作業和界面的視覺變化有何關聯,它沒有給出任何解釋。錯失了一個愉悅使用者的機會。

With transition

Without transition

「避免生硬的切換。生硬的切換很突兀,讓使用者花大量精力理解其中的轉場。」視覺的連貫性

密切關注字型Material



Design指南有大篇幅的字型章節。很明顯,其中精髓是要我們注意字型運用,儘可能提供最佳的閱讀體驗。這可以提升整體的體驗。如此眾多的設計關注按鈕

這樣的UI細節,但是有多少真正兼顧了字型的?這可是我們很少提及的東西。這字型的這個章節中,你可以看到Google的設計師為其付出了多少努力。

在新視窗檢視

「與背景色彩相同的純文字難以閱讀,這點很好很理解。不太明顯的一點是,反差太大的字型使人眼花繚亂,不易閱讀。這點在深色背景上尤為顯著。」標準樣式

像行高和顏色這類是需要特別定義的,為了儘可能給使用者帶來最佳體驗。Roboto字型甚至也被重新定義了,來跨平台提升它的易讀性。而且,一段純文字呈現的方式至關重大,因為缺口和隔斷使得閱讀更困難。注意去除這些隔斷純文字,這大有幫助。

在新視窗檢視

運用色彩多

數人對Material

Design的第一印象,是它大膽明亮的配色方案。看看色彩章節,你會發現有這麼多種顏色。這一點非常棒,有以下幾點原因。首先,大膽的用色可以給

Google的界面賦予個人化。創建一套非常妙的配色方案沒什麼不妥。這是一次很好的改變,因為iOS7問世時,它的主色是淺灰色系。而且,Google

建立這套色彩指南的方式非常清晰,是使用顏色的極佳參考。

面對現實,當有太多色調可供選擇時,顏色的確可以很嚇人。雖然Google提供了廣闊的顏色選擇範圍,它也提供了如何使用的指南。Google開篇顯而易見地陳述了:限制你的顏色選擇,有需要時使用多種深淺變化,並且明智地使用輔助色。

在新視窗檢視

「我們非常鼓勵在界面中大面積、大膽地運用色彩。界面中不同元素承擔配色的不同部分。工具欄和更大的色塊會使用主色。這是APP的主要顏色。狀態列使用更深色調的主色。」?UI配色應用

全部都歸結為易用性Material Design檔案的最後章節似乎有?至高的重要性。易用性與可用性章節提及了大量問題,設計師在設計APP或界面時需要全面考慮。這章的作用在於,提醒你設計無論如何都要易用。

「當所有人——不論殘疾與否——都能夠瀏覽、理解和使用一個產品來完成他們的目標時,這個產品就是可用的。真正成功的產品,對於儘可能廣的使用者群體都是可用的。」可用性

這份檔案向你提出了幾個嚴肅的問題,你的產品沒有聲音、色彩或是螢幕幕時,如何做到可用。一個殘疾使用者能輕鬆使用你的產品嗎?



檔的這一章探討了瀏覽、易讀性、使用者和回饋的一些細節,讓你清楚了解你的產品的關注點應該在哪裡。如果你通讀一遍,你會發現剛才指出的那些問題顯而易見,

例如確保最小螢幕幕元素點選欄位是48×48像素,不至於太小,使一般的人類手指可以對它進行作業。有一些則更具體,比如確保鏈結都有恰當且有意義的標題。

讓鏈結有意義。每個鏈結的指向是否清晰?類似「點選這裡」這樣的常見鏈結純文字,並不能解釋鏈結指向何處。把目的地放入鏈結自身當中。對於「點選這裡」有個更好的解決辦法,是使用具體的鏈結,比如「裝置選項」。有些無障礙樣式讓使用者只看到鏈結,忽略其它內容,為了使瀏覽更加有效。」

隨?科技產品使用者人數的激增,關注易用性至關重要。看到material design檔案貢獻了一整章來探討易用性和可用性,真是大快人心,它提醒我們,產品——不論是什麼——對所有類型的使用者都要是可用的。

結論我支援你深入研究Material Design檔案,這是免費的線上檔案。其中有非常棒的建議和乾貨。對於設計新手和有興趣學習界面設計的人來說,它是一件學習工具。對於經驗豐富的、想要先睹為快行業引領者設計思維的設計師而言,它也在刷新?他們的理解。

想在手機查閱更多Android 開發資訊?免費下載【香港矽谷】Android App

在新視窗檢視







原文站台: 譯言網





自體脂肪隆乳 | 回到頂部
下一主題 上一主題