關于在iOS當中實踐Material Design
關于在iOS當中實踐Material Design-移動閱讀二維碼

你產出了很多不錯的Material Design,尤其是iOS版本的Google Keep探索。你平時都使用哪些工具?設計這些app界面通常需要多少時間?

和大家一樣,我在多數項目里都會用到Photoshop和Illustrator,不過最近特別鐘情于Sketch。我從來無法滿足于靜態的mockup,所以涉及到動效設計時,我通常會使用After Effects。

在設計iOS版本的Google Keep時也不例外,這些工具基本都有用到,特別是最后需要將所有的界面和轉場方案都整合到After Effects當中?;ㄙM的時間大約在一周的樣子。

對我而言,動效設計可以傳達出很多靜態界面及傳統轉場流程難以表現出的特質,其中也包括一些情感化的元素。但同時我也必須強調一點,無論是單一元素還是界面轉場,其中的動效都必須服務于某種目的,而不只是出于美觀炫酷,更不能干擾或拖延人機互動流程。

當我與界面上的元素進行互動時,我下意識的希望了解這些元素從何而來,又會去到哪里。界面上的多數交互元素不能只是憑空的出現或消失 – 交互行為與觸發的結果之間沒有視覺上的關聯,用戶很快會迷失方向。

交互元素自身的行為特質對于我們理解和記憶界面的交互方式非常重要。譬如我給你一個界面,上面有一個返回按鈕。當你點擊這個按鈕的時候,自然會期望有事情發生。然而,如果當前界面只是憑空消失,同時新的界面突然呈現在眼前,你便無法感知到前后狀態變化之間的關聯,進而需要回憶之前的界面狀態,回憶自己的操作行為,并根據回憶來推測當前界面與之前的內容及操作之間的關系。雖然在實際當中這一過程非常短暫,但足以給用戶造成很大的認知負荷。所以,更合理的做法是使當前界面平滑的過渡到下一個界面,或是使特定的交互元素通過某種運動方式過渡到下一個狀態,通過這種有跡可循的過渡方式輔助用戶轉移注意力,讓他們更直觀的理解交互行為與狀態變化之間的關聯。

01-material-design-ios-app.gif

在iOS版本的Google Keep當中,我通過動效全程輔助著用戶的每一個交互行為。例如,當用戶選擇創建一條新備忘,文本輸入框會自動展開,然后更多相關的信息和選項會通過動效呈現在輸入框底部。在這個環節當中,隨著狀態的切換,信息和功能由主到次通過動效依次展示在界面當中,用戶的注意力得以平滑的過渡到新的狀態當中,無需刻意回憶和判斷前后狀態的區別。

此外,在為這條備忘選擇主題背景色時,與當前任務不相關的功能和信息會淡出消失,同時色彩選項依次移入。點擊某個色彩按鈕之后,主題背景色的動態切換方式也會使用戶感到這些是在自己的操作行為觸發下完成的,控制感很強。
02-material-design-ios-app.png

03-material-design-ios-app.png

你為什么決定在iOS平臺上嘗試通過Material Design打造Google Keep?

無論對于Android,還是iOS、Mac甚至是PC,我都很有熱情,所以慢慢開始習慣于在各個平臺的設計生態之間取長補短。我對Google Keep非常有愛,不過可惜的是,Google并沒有在iOS App Store上架官方的版本,所以我決定自己上手,在iOS上嘗試使用Material Design設計語言來打造一系列非官方版本的Keep界面。

如今,我越來越聚焦于對UI動效在人機互動當中的溝通作用進行探索和實踐。平時,我會試著在其他一些知名的iOS app當中通過Material Design的設計語言來提升交互和視覺體驗,另外也在設計一款自己的旅行社交app。這些對我來說都是絕佳的實踐機會。

使用Material Design設計的iOS app當中,你最喜歡哪一個?

這個問題蠻難回答的。Google官方最近在iOS上發布了很多優秀的app,譬如Google Search和Inbox,在我看來便是Google官方在iOS上嘗試Material Design語言的絕佳案例。

關于在iOS當中實踐Material Design04-material-design-ios-app.png

在所有這些app當中,我個人覺得Google Play Music算是集大成于一身,包括通過動效引導用戶與界面進行互動、通過簡潔的界面框架使內容本身得到最大化的呈現等一系列基本設計原則都得到了淋漓盡致的體現。

你是否認為Material Design將來會對iOS app的設計方式帶來越來越深的影響?

絕對的。實際上,拋開特定的風格概念,將設計語言的本質抽象出來,你會發現Material Design的基礎理念可以被運用到所有的平臺與設備當中。當然這并不意味著所有平臺上的app都會有著相同的外在表現形式。

你是否建議其他設計師在iOS app當中嘗試Material Design的設計元素?

Material Design設計語言當中的諸多視覺要素與交互模式都可以很好的被運用在iOS平臺上。但是無論怎樣,與操作系統自身的特性保持和諧統一都是非常重要的。你不能為了融合風格而去融合風格。在沒有絕對必要的情況下,強迫用戶去學習和掌握全新的操作習慣,這種做法無論在可用性層面還是情感層面都會造成極大的負面效應。設計語言的基本原理是可以被靈活運用的,根本目標是最大化的提升體驗,不要制造出顛覆性的結果。

對于在iOS app當中嘗試Material Design這件事,我個人更加聚焦于它背后的設計原理,而非具體的界面及元素的視覺樣式;前者是根本,而后者很可能會隨著潮流而更迭。對我來說,站在交互層面,元素與界面的轉場過渡方式對人機互動體驗的影響作用才是最值得關注的。在如今的觸屏設備上,人機互動方式越來越復雜,但真實的控制感卻越來越低;怎樣融匯諸多設計語言當中的精華,更自然、更有效的提升人機互動體驗,這是最關鍵的。

Material Design會不會只是一種設計潮流?

對于任何一種設計風格,當我們審視它們背后的基本原理時,或多或少總會發現一些經得起時間考驗的要素。Material Design是一種純粹的數字化設計語言,隨著時間而發展演變,這是它與生俱來的能力。我們今天所看到和談論到的Material Design,在兩年之后很可能已經發展成另外一種形態。不妨將這類設計語言看做某種有機體,它能持續的調整和進化,以適應外在環境。

謝了,Jason!

本文來自:beforweb

本文鏈接:http://www.casaleticia.com/material-design-in-ios.html
本文標簽: , , ,