能讓UI設(shè)計(jì)顯得更簡(jiǎn)約的小技巧

能讓UI設(shè)計(jì)顯得更簡(jiǎn)約的小技巧By龍?zhí)酆诵奶崾荆莼ヂ?lián)網(wǎng)界一直在有提倡簡(jiǎn)約設(shè)計(jì)的聲音，可簡(jiǎn)約設(shè)計(jì)有什么小技巧？談簡(jiǎn)約設(shè)計(jì)的書(shū)籍有很多，互聯(lián)網(wǎng)界也一直在有提倡簡(jiǎn)約設(shè)計(jì)的聲音。有人說(shuō)，看國(guó)內(nèi)的各大門(mén)戶(hù)的設(shè)計(jì)，通通都是文字和功能的粗暴堆砌，難道中國(guó)人真的不擅長(zhǎng)設(shè)計(jì)簡(jiǎn)約嗎。產(chǎn)品長(zhǎng)什么樣是跟產(chǎn)品的受眾有關(guān)的。我們看國(guó)內(nèi)電視購(gòu)物，從來(lái)都是以“有多少功能”的方向來(lái)推銷(xiāo)產(chǎn)品的。或許我們的目標(biāo)受眾就是喜歡大而全的東西，并不是設(shè)計(jì)師和產(chǎn)品經(jīng)理的錯(cuò)。為了迎合大環(huán)境的產(chǎn)品需求，我們不得不用各種可有可無(wú)的功能點(diǎn)來(lái)吸引用戶(hù)。伏夠重里個(gè)用尸細(xì)fiiH%d王用%"m司t陋:曲啊晰KAImi?MItff?I1占mKAMM-HBIMqlMIIIM.WIRH圍宙聲■鼻￡-"-「.，lhHi"iriH■:■■ng4<|fi1VHjUNM*LJUSHWA'ff*KU.CDmjE■皿MBUU瞄IMB■*融度姓Sj|Mm武mx?■*心手一口哼芥m號(hào)質(zhì)+gf工「補(bǔ)王、一右4=Wi=碩旬*：士祝w心#腰?，俏^OEXlLEiiitii

"-W非1於型?

?I2心「，%&-?EEWSIHy：Cl*8i下再I(mǎi)B麻嫌牌■*“4r■■j?**￥*H-P-M紙牌屋統(tǒng)■［工IIkM^■虬■啟=以“史百行：歸砒野開(kāi)舊.：.出了耳“|申量苻,m■三■■□盅!：&〔耳景*三N喜.通即ACT滴學(xué)加日罡軍畢谷％T廣川H■■站不童掉,*!2maMftiHIMH*：UE?|l|ltti434k另可I■ItFBMM/ij予■:疽r_aBiE—E~T<廣州1響M.g*■聲4日m匹emmH,.gii?**VP■.g-r.^m1汀5叫TILk.JC.1IIS!EzLL■l&HH礎(chǔ)顯.f蔑至明X!!-F-1。它㈤如+?七一l當(dāng)leu!?曜皿虬由若囪ml皿an蛔楓sif;--tKianq-耳史h與底u(yù)ug=崖ifiiSSilKL六敲器社5用也.k9>EH-；n.-LLhK-g歪由中*陪figfe回蟄羊了和H用ZllttJTrpn■他OhirfffililhiTi551FttaI】，-RiaiP映mm幣長(zhǎng)=5陡iShiiN工■fl?R=El；EZt^T1i￡i7il#舊海湖ta^t?IPjftl￡￡lB&kLEkULUullTnETIJUUhHAIUJdWMUUiJUii5!Ib、fl1.；童qiarit-o^gBut±￡IwijAW~Rtt拿臃腫易煩膩，簡(jiǎn)陋生欲望W」，河lutajJLfJi.KWttfAtrantBbt?4■二JB二凸由此*?缺君■It占■!■IP-#7：￡Hn,l"Zwaaa.M:幻財(cái)mmfaMiCTZ材it.皿■?[*!??「*孔EWfc±：W攵廿俺?乂埋的芯勵(lì)每「鼻*FTtiWIt1?■芟U產(chǎn)品功能多并不是好事，臃腫的功能會(huì)讓產(chǎn)品本身的定位和識(shí)別度變得稀疏，同時(shí)帶來(lái)的是在視覺(jué)和心理上的壓力。也會(huì)讓產(chǎn)品顯得沒(méi)有深度，感覺(jué)像是一下子就略過(guò)了前戲進(jìn)入高潮了。初期的版本，只要保證那些能讓產(chǎn)品的概念成立的關(guān)鍵功能點(diǎn)和特性就行了。不過(guò)，如果產(chǎn)品太過(guò)簡(jiǎn)陋，僅僅局限于有限的使用場(chǎng)景的話，用戶(hù)的使用頻度就會(huì)很低，很容易被遺忘。這也是大多數(shù)旅行網(wǎng)站和App的痛處。每次在斟酌功能點(diǎn)時(shí)，大概都會(huì)有這樣的困擾。能讓產(chǎn)品“看起來(lái)簡(jiǎn)約”的簡(jiǎn)單技巧我并不認(rèn)為國(guó)外的App在功能上會(huì)比國(guó)內(nèi)的要少。在實(shí)現(xiàn)同樣的功能的情況下，國(guó)內(nèi)的App設(shè)計(jì)并沒(méi)有有意識(shí)地讓界面看起來(lái)更簡(jiǎn)約。產(chǎn)品設(shè)計(jì)的簡(jiǎn)約，最直觀的感受就是UI設(shè)計(jì)了。在這里分享一些我認(rèn)為可以讓App“看起來(lái)”更簡(jiǎn)約的幾個(gè)重要的技巧抑揚(yáng)

美團(tuán)網(wǎng)-抑揚(yáng)抑揚(yáng)，就是對(duì)內(nèi)容進(jìn)行有抑有揚(yáng)的對(duì)比處理，通過(guò)對(duì)比的手法能夠讓信息量在視覺(jué)上“顯得”比實(shí)際上少。錯(cuò)落有致、有強(qiáng)有弱的信息布局，讓用戶(hù)更容易地第一眼就把握了整體結(jié)構(gòu)，從而快速找到自己想要的信息。就如同報(bào)紙的頭條、各種大小標(biāo)題一樣。這些變化讓人們的閱讀更順暢。想象一下如果報(bào)紙的內(nèi)容全是大小一樣的字體，恐怕沒(méi)人會(huì)有閱讀的欲望吧。從運(yùn)營(yíng)的角度來(lái)看，通過(guò)對(duì)內(nèi)容的強(qiáng)弱處理，還可以達(dá)到對(duì)用戶(hù)的焦點(diǎn)進(jìn)行引導(dǎo)的作用。比如有些網(wǎng)站故意把分享的按鈕做的比其他按鈕要大，位置更顯眼，就是有意識(shí)地想讓用戶(hù)多進(jìn)行分享，讓內(nèi)容更好地被傳播。抑揚(yáng)可以是界面元素的大小、顏色、字體等等，能起到以下作用:讓界面看起來(lái)更簡(jiǎn)約；對(duì)用戶(hù)行為進(jìn)行引導(dǎo)；幫助用戶(hù)快速發(fā)現(xiàn)對(duì)他最重要的信息;強(qiáng)弱對(duì)比，減少閱讀的壓力感。留白口眄就甘等騷.11:50亞馬咂知日，蠢女知日溢女蘇的〔平裝）.護(hù)：V3&.00價(jià)格：￥23.303件新品和二手商品，kV23.SU±E客戶(hù)評(píng)論六仆六六會(huì)（11）星星星星星5客戶(hù)評(píng)論六仆六六會(huì)（11）星星星星星54321UI設(shè)計(jì)中重要的要素之一就是留白的運(yùn)用。文字、按鈕等元素周?chē)牧舭自酱螅侥芴嵘嬖诟?。（這其實(shí)也是上面說(shuō)的“對(duì)比”的一種變形）留白不意味著頁(yè)面的信息容量降低。智能手機(jī)上下滾動(dòng)是很舒適的，并沒(méi)有必要為了讓所有內(nèi)容在一個(gè)頁(yè)面內(nèi)全展現(xiàn)出來(lái)而讓字號(hào)變小。這樣做反而會(huì)讓信息更加難以閱讀。用戶(hù)的視覺(jué)需要得到“喘息”。信息容量大的界面，對(duì)用戶(hù)來(lái)說(shuō)是一種閱讀負(fù)擔(dān)。在設(shè)計(jì)這些交互界面時(shí)，要注意留白的運(yùn)用。留白能讓界面富有層次感，讓用戶(hù)的視覺(jué)得到“喘息”。icon也要盡量簡(jiǎn)單簡(jiǎn)單的icon設(shè)計(jì)師通常都是在大屏幕下設(shè)計(jì)，而實(shí)際上有些細(xì)節(jié)在大屏幕上的表現(xiàn)和實(shí)際在手機(jī)上的表現(xiàn)會(huì)有意想不到的差異。有些icon放大來(lái)看是很精美的，但放到手機(jī)上看時(shí)總會(huì)覺(jué)得哪里有些不妥，感覺(jué)細(xì)節(jié)多了擠成一坨，適得其反。這時(shí)候可以試試把icon進(jìn)行極端的簡(jiǎn)化，再和原來(lái)的設(shè)計(jì)作對(duì)比，并進(jìn)行細(xì)微的調(diào)整，會(huì)有意想不到的效果。每個(gè)人對(duì)簡(jiǎn)單的理解可能會(huì)不一樣，但這樣幾次來(lái)回對(duì)icon反復(fù)打磨，對(duì)簡(jiǎn)單化的努力就可以看出效果來(lái)了。更多《寫(xiě)給大家看的設(shè)計(jì)書(shū)》中提到的四個(gè)設(shè)計(jì)的原則：1對(duì)比2對(duì)齊3重復(fù)4親密性這幾個(gè)原則可以用來(lái)作為任何一個(gè)平面設(shè)計(jì)的評(píng)判。在UI設(shè)計(jì)中