整體化設(shè)計(jì)在移動端中的運(yùn)用

最近在做界面的時(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ì),不斷更新,我們就不會被別人牽著往前走。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末盗棵,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子屯曹,更是在濱河造成了極大的恐慌,老刑警劉巖惊畏,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件恶耽,死亡現(xiàn)場離奇詭異,居然都是意外死亡颜启,警方通過查閱死者的電腦和手機(jī)偷俭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缰盏,“玉大人社搅,你說我怎么就攤上這事∪楣妫” “怎么了形葬?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長暮的。 經(jīng)常有香客問我笙以,道長,這世上最難降的妖魔是什么冻辩? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任猖腕,我火速辦了婚禮,結(jié)果婚禮上恨闪,老公的妹妹穿的比我還像新娘倘感。我一直安慰自己,他們只是感情好咙咽,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布老玛。 她就那樣靜靜地躺著,像睡著了一般钧敞。 火紅的嫁衣襯著肌膚如雪蜡豹。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天溉苛,我揣著相機(jī)與錄音镜廉,去河邊找鬼。 笑死愚战,一個(gè)胖子當(dāng)著我的面吹牛娇唯,可吹牛的內(nèi)容都是我干的齐遵。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼塔插,長吁一口氣:“原來是場噩夢啊……” “哼梗摇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起佑淀,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤留美,失蹤者是張志新(化名)和其女友劉穎彰檬,沒想到半個(gè)月后伸刃,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡逢倍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年捧颅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片较雕。...
    茶點(diǎn)故事閱讀 40,137評論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡碉哑,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出亮蒋,到底是詐尸還是另有隱情扣典,我是刑警寧澤,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布慎玖,位于F島的核電站贮尖,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏趁怔。R本人自食惡果不足惜湿硝,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望润努。 院中可真熱鬧关斜,春花似錦、人聲如沸铺浇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鳍侣。三九已至裁着,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間拱她,已是汗流浹背二驰。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留秉沼,地道東北人桶雀。 一個(gè)月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓矿酵,卻偏偏與公主長得像,于是被迫代替她去往敵國和親矗积。 傳聞我的和親對象是個(gè)殘疾皇子全肮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評論 2 355

推薦閱讀更多精彩內(nèi)容