關(guān)于ui設(shè)計(jì)中采用圓角設(shè)計(jì)的思考

我們曾在前面的文章和素材都分享過一系列采用圓角設(shè)計(jì)的方案,比如這套模板:圓潤可愛風(fēng)格的社交app ui kit套件模板 ,這個(gè)圖標(biāo):圓潤可愛的線性圖標(biāo)素材,以及一些設(shè)計(jì)趨勢的預(yù)測。在發(fā)表對圓角設(shè)計(jì)的一些思考前,我們還是先來看一系列從dribbble上轉(zhuǎn)過來的一些設(shè)計(jì)案例。它們設(shè)計(jì)得非常精致而且很有美感。


25xt-Rounded design-6.jpg


25xt-Rounded design-4.jpg

25xt-Rounded design-3.jpg

25xt-Rounded design-2.jpg

25xt-Rounded design-1.jpg


那么我們?yōu)槭裁磿吹竭@么多圓角的設(shè)計(jì)方案呢?

這個(gè)我暫時(shí)也回答不了,我們自己也會不自覺的使用一些圓角的設(shè)計(jì),比如改版后的25學(xué)堂,使用了很多圓角,雖然沒有上圖有些案例那么夸張。

不過可以從以下兩個(gè)趨勢來了解這一設(shè)計(jì)方向。


全面屏

做ui設(shè)計(jì)不得不關(guān)注屏幕,自從蘋果出了iPhoneX后,全面屏已經(jīng)成為一個(gè)趨勢,手機(jī)正面不再有按鍵,并且屏幕是圓角的,另外有些全面屏雖然不是圓角,但屏幕變成了曲面。所以,設(shè)計(jì)師希望設(shè)計(jì)的ui界面能夠匹配硬件外觀。

  

UI kit和互聯(lián)網(wǎng)

設(shè)計(jì)圈發(fā)生的最好的事情之一就是服務(wù)行業(yè)的激增,這使得我們不僅可以分享我們的設(shè)計(jì),而且還可以將我們的設(shè)計(jì)商業(yè)化,不僅僅是提供設(shè)計(jì)服務(wù),例如售賣模板,通過自媒體流量和粉絲變現(xiàn)。這些變現(xiàn)方式又促使設(shè)計(jì)師提升整體設(shè)計(jì)質(zhì)量。然而,弊端也非常明顯,同質(zhì)化的設(shè)計(jì)越來越多,套用模板很容易,而品牌和風(fēng)格變得沒那么重要。

這邊有一個(gè)很好的例子是Google Material Design。盡管在我看來這是一個(gè)令人驚嘆的設(shè)計(jì)系統(tǒng),但它在UI方面規(guī)范太多,沒有給予設(shè)計(jì)師多樣化的發(fā)揮空間。 

25xt-Rounded design-5.jpg



回頭再談圓角設(shè)計(jì),我們看到大量設(shè)計(jì)案例采用這樣的圓角設(shè)計(jì),看起來就像是由同一個(gè)設(shè)計(jì)師為同一產(chǎn)品/品牌創(chuàng)建的。所以,在我看來,這很糟糕,因?yàn)樗悬c(diǎn)削弱了設(shè)計(jì)師工作的重要性,通過一個(gè)簡單的對用戶友好的界面來體現(xiàn)品牌價(jià)值是不負(fù)責(zé)的。

如果您已經(jīng)使用了圓角設(shè)計(jì),沒有關(guān)系,但是在做下一個(gè)項(xiàng)目時(shí),請勿盲目跟隨設(shè)計(jì)趨勢,認(rèn)真思考品牌所要表現(xiàn)的價(jià)值。




翻譯自:abduzeedo

每天更新,
全站高品質(zhì)素材免費(fèi)下載!