「簡(jiǎn)叔和他的小伙伴們 」是簡(jiǎn)書最近發(fā)起的一項(xiàng)以技術(shù)分享為內(nèi)容的活動(dòng)。
11月28日,「簡(jiǎn)叔與他的小伙伴們」活動(dòng)迎來了第二回。這次請(qǐng)來的嘉賓,是四葉新媒體的首席設(shè)計(jì)師蕓里霧李。在粒子咖啡館溫馨的氛圍里,她與我們聊了聊關(guān)于扁平化的問題。
扁平化給我們帶來了神馬!
蕓里霧李從三個(gè)方面闡述了扁平化的設(shè)計(jì)帶來的影響。
什么是擬物化
擬物化是指模擬現(xiàn)實(shí)物品的造型和質(zhì)感,通過疊加高光、紋理、材質(zhì)、陰影等效果對(duì)實(shí)物進(jìn)行再現(xiàn),也可適當(dāng)程度變形和夸張,界面模擬真實(shí)物體,擬物設(shè)計(jì)會(huì)讓你第一眼就認(rèn)出這是個(gè)什么東西。交互方式也模擬現(xiàn)實(shí)生活的交互方式。從ios開始到現(xiàn)在,它為什么會(huì)越來越擬物化,其實(shí)也是UI的一個(gè)發(fā)展過程,擬物化會(huì)給人一種人情味,是一種更能個(gè)人一種人際交互的交互方式。
擬物化怎么說呢,如果做UI,我一開始做UI的時(shí)候就想把button做成一看到就特別想去點(diǎn)它的樣子。但是它其實(shí)有個(gè)缺點(diǎn),我們?cè)邳c(diǎn)擊它的時(shí)候有一種特別復(fù)雜的感覺。喬布斯說過一句話,這句話是引領(lǐng)ios6整體風(fēng)格的一句話。 對(duì)于每個(gè)產(chǎn)品設(shè)計(jì)師來說,如果你要做設(shè)計(jì),請(qǐng)把你自己的guideline做好,你要做什么風(fēng)格,在框框里放什么東西都要先想好。
扁平化是不是就是拍扁
扁平化是摒棄高光、陰影等能造成透視感的效果,通過抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來表現(xiàn)。界面上極簡(jiǎn)抽象、矩形色塊、大字體、光滑、現(xiàn)代感十足,讓你去意會(huì)這是個(gè)什么東西。其交互核心在于功能本身的使用,所以去掉了冗余的界面和交互。
扁平化的優(yōu)點(diǎn)是更直白,設(shè)計(jì)更容易。好的程序員也可以自己做app而不再需要設(shè)計(jì)師了。現(xiàn)在有個(gè)過于復(fù)雜的情況就是很多app會(huì)開始注重“炫技”的交互,你會(huì)發(fā)現(xiàn)很多app非常復(fù)雜的交互,比如說左滑。左滑是path先行有的一個(gè)功能。我其實(shí)覺得左滑其實(shí)并不是一個(gè)非常好的概念,它需要在左上角或者右上角做一個(gè)提示來提醒用戶。你點(diǎn)擊率高或者到達(dá)率高的話,必須要做一個(gè)提醒,畢竟用戶有的時(shí)候會(huì)很“傻”。我覺得簡(jiǎn)單的交互是一個(gè)壞事,有人在做app的時(shí)候考慮是不是要平一下,去迎合大家的需求。其實(shí)不一定,迎合一下不是錯(cuò),但是為了扁平而扁平就不好了。
都拍扁了我們的優(yōu)勢(shì)是什么?
Design is not just what itit looks like.Design is how it works.
——Jobs
在聊到這個(gè)問題的時(shí)候,云里霧里引用了喬布斯的這么一句話。那么設(shè)計(jì)的時(shí)候應(yīng)該注意哪些點(diǎn)呢?來看看蕓里霧李是怎么說的吧。
- 易用性:產(chǎn)品要便于理解便于操作
- 選擇“類扁平”設(shè)計(jì)
- 使用更加高效
- 情感的融入
- 緩解審美疲勞
- 簡(jiǎn)化繁雜的交互
在最后,蕓里霧李在總結(jié)扁平化給我們帶來什么的時(shí)候,她說道:
好的設(shè)計(jì)是那些看似簡(jiǎn)單的設(shè)計(jì),但看似簡(jiǎn)單不代表就是平。
感謝蕓里霧李姑娘給我們帶來的精彩分享有趣又有料的內(nèi)容是不是讓你期待下一期了呢 「簡(jiǎn)叔與簡(jiǎn)叔的小伙伴們」活動(dòng)進(jìn)行中~敬請(qǐng)關(guān)注!