分類菜單
UI設(shè)計(jì)師
培訓(xùn)首頁 > UI設(shè)計(jì)師培訓(xùn)頭條 > 使ui設(shè)計(jì)更簡約的方法

學(xué)校人氣

課程數(shù)量

老師人數(shù)
立即預(yù)約 確認(rèn)報(bào)名
姓名:
電話:
城市:
想學(xué)
什么:

使ui設(shè)計(jì)更簡約的方法

/ 發(fā)表時(shí)間:2017-08-02 1993人瀏覽 培訓(xùn) 培訓(xùn)

  談簡約設(shè)計(jì)的書籍有很多,互聯(lián)網(wǎng)界也一直在有提倡簡約設(shè)計(jì)的聲音。有人說,看國內(nèi)的各大門戶的設(shè)計(jì),通通都是文字和功能的粗暴堆砌,難道中國人真的不擅長設(shè)計(jì)簡約嗎。

  產(chǎn)品長什么樣是跟產(chǎn)品的受眾有關(guān)的。我們看國內(nèi)電視購物,從來都是以“有多少功能”的方向來推銷產(chǎn)品的。或許我們的目標(biāo)受眾就是喜歡大而全的東西,并不是設(shè)計(jì)師和產(chǎn)品經(jīng)理的錯(cuò)。為了迎合大環(huán)境的產(chǎn)品需求,我們不得不用各種可有可無的功能點(diǎn)來吸引用戶。

  臃腫易煩膩,簡陋生欲望

  產(chǎn)品功能多并不是好事,臃腫的功能會(huì)讓產(chǎn)品本身的定位和識別度變得稀疏,同時(shí)帶來的是在視覺和心理上的壓力。也會(huì)讓產(chǎn)品顯得沒有深度,感覺像是一下子就略過了前戲進(jìn)入高潮了。初期的版本,只要保 證那些能讓產(chǎn)品的概念成立的關(guān)鍵功能點(diǎn)和特性就行了。

  不過,如果產(chǎn)品太過簡陋,僅僅局限于有限的使用場景的話,用戶的使用頻度就會(huì)很低,很容易被遺忘。這也是大多數(shù)旅行網(wǎng)站和 app 的痛處。

  每次在斟酌功能點(diǎn)時(shí),大概都會(huì)有這樣的困擾。

  能讓產(chǎn)品“看起來簡約”的簡單技巧

  我并不認(rèn)為國外的 app 在功能上會(huì)比國內(nèi)的要少。在實(shí)現(xiàn)同樣的功能的情況下,國內(nèi)的 app 設(shè)計(jì)并沒有有意識地讓界面看起來更簡約。

  產(chǎn)品設(shè)計(jì)的簡約,直觀的感受就是 ui 設(shè)計(jì)了。在這里分享一些我認(rèn)為可以讓 app “看起來”更簡約的幾個(gè)重要的技巧

  抑揚(yáng)

  抑揚(yáng),就是對內(nèi)容進(jìn)行有抑有揚(yáng)的對比處理,通過對比的手法能夠讓信息量在視覺上“顯得”比實(shí)際上少。

  錯(cuò)落有致、有強(qiáng)有弱的信息布局,讓用戶更容易地第 一眼就把握了整體結(jié)構(gòu),從而找到自己想要的信息。就如同報(bào)紙的頭條、各種大小標(biāo)題一樣。這些變化讓人們的閱讀更順暢。想象一下如果報(bào)紙的內(nèi)容全是大小一樣的字體,恐怕沒人會(huì)有閱讀的欲望吧。

  從運(yùn)營的角度來看,通過對內(nèi)容的強(qiáng)弱處理,還可以達(dá)到對用戶的焦點(diǎn)進(jìn)行引導(dǎo)的作用。比如有些網(wǎng)站故意把分享的按鈕做的比其他按鈕要大,位置更顯眼,就是有意識地想讓用戶多進(jìn)行分享,讓內(nèi)容更好地被傳播。

  抑揚(yáng)可以是界面元素的大小、顏色、字體等等,能起到以下作用:

  讓界面看起來更簡約;

  對用戶行為進(jìn)行引導(dǎo);

  幫助用戶發(fā)現(xiàn)對他重要的信息;

  強(qiáng)弱對比,減少閱讀的壓力感。

  留白

  ui 設(shè)計(jì)中重要的要素之一就是留白的運(yùn)用。文字、按鈕等元素周圍的留白越大,越能提升存在感。(這其實(shí)也是上面說的“對比”的一種變形)

  留白不意味著頁面的信息容量降低。

  智能手機(jī)上下滾動(dòng)是很舒適的,并沒有必要為了讓所有內(nèi)容在一個(gè)頁面內(nèi)全展現(xiàn)出來而讓字號變小。這樣做反而會(huì)讓信息更加難以閱讀。

  用戶的視覺需要得到“喘息”。

  信息容量大的界面,對用戶來說是一種閱讀負(fù)擔(dān)。在設(shè)計(jì)這些交互界面時(shí),要注意留白的運(yùn)用。留白能讓界面富有層次感,讓用戶的視覺得到“喘息”。

  icon 也要盡量簡單

  設(shè)計(jì)師通常都是在大屏幕下設(shè)計(jì),而實(shí)際上有些細(xì)節(jié)在大屏幕上的表現(xiàn)和實(shí)際在手機(jī)上的表現(xiàn)會(huì)有意想不到的差異。

  有些 icon 放大來看是很精美的,但放到手機(jī)上看時(shí)總會(huì)覺得哪里有些不妥,感覺細(xì)節(jié)多了擠成一坨,適得其反。這時(shí)候可以試試把icon進(jìn)行極端的簡化,再和原來的設(shè)計(jì)作對比,并進(jìn)行細(xì)微的調(diào)整,會(huì)有意想不到的效果。

  每個(gè)人對簡單的理解可能會(huì)不一樣,但這樣幾次來回對 icon 反復(fù)打磨,對簡單化的努力就可以看出效果來了。




文中圖片素材來源網(wǎng)絡(luò),如有侵權(quán)請聯(lián)系刪除
相關(guān)課程

暫無簡介
課程級別 培訓(xùn)周期
培訓(xùn)時(shí)間
咨詢電話
課程說明
課程級別
培訓(xùn)周期
上課時(shí)間
上課地址
課程內(nèi)容以實(shí)際授課為準(zhǔn)

溫馨提示

個(gè)性定制課程


溫馨提示