如今是一個(gè)看臉的時(shí)代，長(zhǎng)得不好看真的不想繼續(xù)溝通。我們做頁(yè)面也是這個(gè)道理，視覺(jué)給人的第一印象非常重要，但客觀(guān)來(lái)講人們喜好不同、審美不一，很難達(dá)到統(tǒng)一標(biāo)準(zhǔn)。所以APP在視覺(jué)上也有很多風(fēng)格，這些風(fēng)格或因技術(shù)革新，或因?qū)徝榔谝苍诓煌５母淖�。今天我們�?lái)漲姿勢(shì)，看看移動(dòng)端UI設(shè)計(jì)的顏值風(fēng)格進(jìn)化。
談到風(fēng)格不得不說(shuō)的就是“擬物”和“扁平”，“擬物”和“扁平”之爭(zhēng)在設(shè)計(jì)界也是經(jīng)久不衰的話(huà)題，有人說(shuō)“科技引領(lǐng)設(shè)計(jì)”、還有人說(shuō)“風(fēng)水輪流轉(zhuǎn)””，而站在產(chǎn)品的角度來(lái)看這個(gè)問(wèn)題的話(huà)，擬物降低人們的學(xué)習(xí)成本，而扁平是擬物的一種形態(tài)，從擬物到扁平是一種不可逆的進(jìn)化過(guò)程
錘子和諾基亞是典型風(fēng)格的代表
擬物培養(yǎng)了人們對(duì)于圖形的識(shí)別和使用習(xí)慣，掃清了認(rèn)知障礙之后扁平化才能發(fā)揮他概括圖形的能力，不但如此，扁平化最重要的特征就是隨著移動(dòng)端應(yīng)用的爆發(fā)式增長(zhǎng)，在品牌延展性和跨平臺(tái)的適應(yīng)性上發(fā)揮了無(wú)可替代的作用。
Instagram logo
我們先看到這里，今天的話(huà)題并不是討論“擬物”和“扁平”孰輕孰重，在這兩種風(fēng)格較勁的時(shí)候悄悄的衍生出了一波介于兩者之間的風(fēng)格。其中MaterialDesign最被設(shè)計(jì)師廣泛認(rèn)可,在細(xì)節(jié)上MaterialDesign并沒(méi)有反對(duì)高光、陰影、紋理，換言之它并不反對(duì)立體感，不過(guò)，它也不能歸類(lèi)為擬物化設(shè)計(jì)，畢竟它用的圖案、形狀并不是對(duì)現(xiàn)實(shí)實(shí)體的模擬，而是按照自己的理解，以色彩、圖案、形狀進(jìn)行視覺(jué)信息上的劃分。更重要的是這種質(zhì)感設(shè)計(jì)與之匹配的動(dòng)畫(huà)效果受到廣大用戶(hù)的喜愛(ài)。
Material Design
谷歌的MaterialDesign雖然很適合移動(dòng)端，但因?yàn)閴Φ拇嬖谙拗屏藝?guó)內(nèi)的發(fā)展，而iOS的大而簡(jiǎn)風(fēng)格開(kāi)始越來(lái)越被人們接受。
iOS10
“大而簡(jiǎn)、簡(jiǎn)而精”可以說(shuō)是iOS現(xiàn)在的定位，但其實(shí)這種設(shè)計(jì)已在各大設(shè)計(jì)網(wǎng)站盛行多時(shí)，早期我們稱(chēng)作“內(nèi)容為王”，其實(shí)這樣的定位也與移動(dòng)界面的發(fā)展密切相關(guān)，隨著移動(dòng)端爆發(fā)式增長(zhǎng)，UI設(shè)計(jì)師與日俱增，界面與產(chǎn)品的概念也隨著逐漸提升，設(shè)計(jì)師從一開(kāi)始專(zhuān)注圖形到越來(lái)越重視以用戶(hù)為中心的UCD
用戶(hù)體驗(yàn)最終決定了界面形式直接呈現(xiàn)內(nèi)容，減去不必要的色彩與分割，加大標(biāo)題的集差關(guān)系，這種設(shè)計(jì)在雖然乍一看有點(diǎn)突兀，甚至有點(diǎn)像老年機(jī)，但我們可以從這種進(jìn)化看到設(shè)計(jì)師越來(lái)越關(guān)注用戶(hù)體驗(yàn)，但是關(guān)于體驗(yàn)沒(méi)有標(biāo)準(zhǔn)答案，用戶(hù)的標(biāo)準(zhǔn)也在不斷提升，做為設(shè)計(jì)師唯一不變的就是改變，只有不斷創(chuàng)新嘗試更多可能才能走在用戶(hù)之前引導(dǎo)用戶(hù)，得到最佳的體驗(yàn)。
UI設(shè)計(jì)：http://www.ukong.cn/ |
