品牌設計的原則這就須要通過動效的手段來顯示

來源:未知作者:admin 日期:2021-01-20 瀏覽:

  一個新的設計風格的確立一定會提出他特有的設計原則。而如今設計原則越來越多的關注到了動效的定義。甚至在Android L的Material Design中直接將動效寫入的設計原則中:Motion provides meaning (動畫表達含義)。這里我們就通過一些業界成熟案例來簡單說明下動效是怎么在設計原則的基礎上定義出來的。

  首先,我們看下iOS7上的案例。眾所周知,iOS7相對于6設計更加的扁平,去掉了很多質感,保留一些微弱的質感,避免對內容的干擾。這一點遵循了iOS7最新的設計理念,內容優先(Defer to Content),透氣(Provide Clarity)?;趦热輧炏群屯笟獾脑瓌t,對之前繁復的UI進行減負,剔除多余元素,有主次的保留,并統一界面里的質感。

  iOS的6到7,外界都評價為設計由擬物到扁平,其實并不準確。iOS7還在延續擬物的設計,從界面到動效上有主次的保留了擬物的元素。

  時間設置控件可以很清楚的說明這個問題,新舊兩版都是模擬波輪這個物體。只是新版為了更加突出內容,放棄了多余的質感,內容的呈現依然用波輪的方式表現。甚至在你波動波輪時會發現,已選狀態上依然保留了玻璃的特性,在邊緣會有一個折射效果。由此可以看出,iOS7的簡潔還是保留了相當多的擬物細節的。

  另一個細節是在開關控件的設計上,新版同樣放棄了原有的光澤的材質,而使用了更加柔和的材質,讓界面更加的主次分明。如果說之前的材質是金屬或者硬塑料的話,那新的材質更加柔和,類似純色的橡膠,更軟,有韌性,可延展。由于材質發生了根本的變化,那么所顯現的動態效果也將是不同的。

  以上這些都是基于內容優先和透氣來做的。iOS7還有一個設計原則是:有層次的表達(Use Depth to Communicate)。在ui界面上表現為前后層次的區分,通過縱深感表達內容之間的關系。

  在動效方面,動畫轉場是對內容層次關系最好的詮釋。通過模擬的縱深效果,讓用戶清晰的知道頁面之間的從屬關系。

  雖然iOS6也有類似功能的動畫效果,通過抽屜打開的形式表現層級不關系。但很顯然,新版的效果與確定的設計原則更吻合。

  關于材質的隱喻,簡單一點說就是將物理界中不同的材質特性提煉,再按需要結合在一起使用的方法。單從視覺上看,材質的隱喻更多落在卡片式設計上。但材質的特性更多需要通過行為上的互動才能體現出來。通過對象給出不同的反饋,可以了解到它的材質特性。這就需要通過動效的手法來體現。

  這里我們舉三個點擊反饋的案例,來說明Android是怎么詮釋材質的隱喻這一設計原則的。

  這三個效果都是點擊觸發的,彼此之間有共同點,但又都不完全相同。我們可以將反饋動畫分解,能更好的說明問題。

  這時,我們可以發現,反饋動效都用到了漣漪效果,同時它又是以手指的觸碰位置確定起始位置的。結合起來,很容易就可以想到,這是引用了水的特質:手指觸碰平靜水面,產生圈狀漣漪。

  同樣都是點擊,為什么要賦予內容不同的材質特性呢?這我們就要看下使用場景了。

  所以,結論就是,點擊手勢賦予內容水的材質;而根據不同場景又分別賦予了內容按鈕、懸浮、閃光燈的材質。這就很好的詮釋了材質的隱喻這一概念,根據不同需要將不同的材質特性賦予一個對象。

  ok,關于動效與設計原則之間的關系,我們先說到這里,下次我們將會結合自己的案例詳細說下怎么基于設計原則打造適合自己產品的動效。

  聽到很多言論說在中國程序員是吃青春飯的,那么產品經理呢,也吃青春飯嗎?

  人人都是產品經理()是以產品經理、運營為核心的學習、交流、分享平臺,集媒體、培訓、社群為一體,全方位服務產品人和運營人,成立9年舉辦在線+期,線+場,產品經理大會、運營大會20+場,覆蓋北上廣深杭成都等15個城市,在行業有較高的影響力和知名度。平臺聚集了眾多BAT美團京東滴滴360小米網易等知名互聯網公司產品總監和運營總監,他們在這里與你一起成長。

0
無法在這個位置找到: foot.htm 校园舂色另类小说经典色|亚洲欧美日韩综合第一区|国产国产网曝门亚洲|日本一本二本三区费视频不卡|日本强奷片护士|亚洲欧美中文日韩天堂AV-色先锋影音先锋aⅴ资源站