最近在做界面的時(shí)候總有一個(gè)困擾,當(dāng)模塊分區(qū)多的時(shí)候砾莱,模塊與模塊間的隔斷就會變多,使得整個(gè)頁面被多次切割凄鼻,整體性看起來比較散亂腊瑟,一直苦于沒有合適的解決辦法而煩憂。就在前幾日我在使用日常的app的時(shí)候我注意到了一個(gè)細(xì)節(jié)块蚌,容易讓我眼前一亮的都是非常整體闰非,少有或者沒有隔斷的設(shè)計(jì)風(fēng)格。
慎用區(qū)域分割
例如我們出行最為常用的app:ofo
我們可以看到左邊我改成了常規(guī)的區(qū)域分割形式峭范,右側(cè)是原始的頁面财松。很明顯過多的分割使得區(qū)塊間的割裂感較強(qiáng),破壞了整體性纱控,一定程度上也降低了頁面的層次感辆毡。而右圖僅僅是采用了小小的投影就已經(jīng)很好的區(qū)分層次了,如果再添加多余的分割有種畫蛇添足的感覺甜害。
帶著疑問去做設(shè)計(jì)
接下來再舉幾個(gè)例子胚迫,我們可以看下每日優(yōu)鮮的app,福利社頁面唾那。左圖是我修改的常規(guī)區(qū)域分割設(shè)計(jì)访锻,右圖是原始頁面。左邊共添加了3個(gè)區(qū)域分割闹获,一個(gè)分割線期犬。而右邊一個(gè)都沒有。我們仔細(xì)觀察2者的區(qū)別避诽,實(shí)際上原始頁面已經(jīng)能很好的區(qū)分不同的區(qū)域了龟虎,那么我們?yōu)楹芜€要加不必要的區(qū)域分割和一些分割線呢?這是我們在以前設(shè)計(jì)的時(shí)候很少去思考的問題沙庐。
很多人會把這個(gè)歸結(jié)為新的去繁為簡的設(shè)計(jì)趨勢的流行鲤妥,我想這并不是什么深奧的趨勢,而是以往我們在進(jìn)行常規(guī)設(shè)計(jì)的時(shí)候拱雏,很少去思考為什么要這樣做棉安?常規(guī)和大家公認(rèn)的設(shè)計(jì)手法就一定是好的、合理的設(shè)計(jì)么铸抑?
永遠(yuǎn)不要被設(shè)計(jì)趨勢牽著鼻子走贡耽,而是在做每一個(gè)細(xì)節(jié)的時(shí)候多去思考,為什么大家都這么做?還有沒有其他的設(shè)計(jì)方法呢蒲赂?要多帶著疑問去做設(shè)計(jì)阱冶,根據(jù)頭腦中的疑問輸出不同的設(shè)計(jì)方案,反復(fù)斟酌修改最終確定其中最優(yōu)滥嘴。
簡潔即克制
自從app扁平化設(shè)計(jì)風(fēng)格顛覆了以往的寫實(shí)風(fēng)格之后木蹬,人們都在提倡簡潔化設(shè)計(jì)。那么什么是簡潔化設(shè)計(jì)呢若皱?我們或許只注意到了扁平化相較與寫實(shí)風(fēng)格已經(jīng)很簡潔了呀届囚,多數(shù)設(shè)計(jì)師在設(shè)計(jì)的時(shí)候卻不太清楚簡潔的真正含義。
簡潔就是盡可能少的設(shè)計(jì)是尖,每一個(gè)元素意系、每一個(gè)點(diǎn)的設(shè)計(jì)都有其意義。簡潔的設(shè)計(jì)是克制的饺汹,不允許一點(diǎn)點(diǎn)多余的元素存在蛔添。簡潔即克制。
那么我們來看一個(gè)反例兜辞,同樣是每日優(yōu)鮮的app的購物車頁面
左圖是原始設(shè)計(jì)稿迎瞧,右圖是修改后的設(shè)計(jì)稿。很明顯可以看到修改后的頁面去掉了多余的分割線和裝飾后逸吵,整體看起來更加透氣凶硅,更舒服簡潔。
整體化設(shè)計(jì)無處不在
如今越來越多的設(shè)計(jì)師注意到整體化設(shè)計(jì)的重要性扫皱,那么我這里整理了一下我看到的一些國內(nèi)的app足绅,例如:收趣、ENJOY精選美食電商韩脑、有道云筆記氢妈、還有剛才舉例的每日優(yōu)鮮和 ofo。當(dāng)然一定還有很多其他app也歡迎大家補(bǔ)充段多!
其實(shí)不光是app首量,連移動手機(jī)本身也開始注意到這一點(diǎn),就拿最近的蘋果發(fā)布會进苍,iPhoneX的問世加缘,屏幕變得越來越整體了觉啊,雖然還有功能硬件上不可避免的齊劉海。
但是相信未來一定會有更整體化的屏幕滤奈。雖然iPhoneX號稱來自未來绅你,但其實(shí)不管是設(shè)計(jì)規(guī)范的變化還是設(shè)計(jì)趨勢的變化,有頭腦勤思考的設(shè)計(jì)師都不足為懼偶垮。
只要把握了其中的規(guī)律葱峡,時(shí)刻帶著疑問去做設(shè)計(jì)蛛芥,敢于推翻之前的設(shè)計(jì),不斷更新,我們就不會被別人牽著往前走。