雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

視覺上的ui設(shè)計風(fēng)格有哪些,如何確定ui設(shè)計風(fēng)格

Time: 2021-01-12

為什么你能清楚區(qū)別不同的款式,品牌,這是因為他們各自有著強烈的個人特色,簡單的說就是有自己的風(fēng)格。ui設(shè)計也是如此,不同的ui設(shè)計者也有著自己的風(fēng)格。今天就讓小編為大家介紹ui設(shè)計風(fēng)格。

  視覺上的ui設(shè)計風(fēng)格有哪些

  其實UI設(shè)計的視覺風(fēng)格是比較豐富的,但是我們常見的無非就是扁平化風(fēng)格、擬物化風(fēng)格以及原質(zhì)化風(fēng)格。在設(shè)計工作過程中,我們需要把握每種風(fēng)格的特點,從而提升設(shè)計的視覺效果。

  1、扁平化設(shè)計風(fēng)格

  相信接觸過UI設(shè)計相關(guān)工作的小伙伴對于扁平化設(shè)計并不陌生,其實扁平化的設(shè)計風(fēng)格是指在設(shè)計過程中使用較為簡單的特效,或者根本無須使用視覺特效,以簡單的形體去完成整個設(shè)計。這種設(shè)計風(fēng)格會給人一種輕便、整潔、親切的感覺,同時可以更好地實現(xiàn)用戶的需求。

  2、擬物化設(shè)計風(fēng)格

  顧名思義,擬物化設(shè)計風(fēng)格也就是指設(shè)計師借助生活中存在的實體進行設(shè)計,并且將實物真實的觸感和質(zhì)感真實地反映出來,然后在設(shè)計中加入一些更具情感化的元素,這種真實的實物感會帶給用戶更多的親切感和依賴感,便于用戶更快更好地掌握產(chǎn)品的操作和使用方法。

ui設(shè)計風(fēng)格

ui設(shè)計風(fēng)格(圖片來自網(wǎng)絡(luò))


  3、原質(zhì)化設(shè)計風(fēng)格

  原質(zhì)化的設(shè)計風(fēng)格具有與物理世界相近的觸感,是指在扁平化的設(shè)計風(fēng)格上加以真實的物理世界的觸感,是介于擬物化設(shè)計與扁平化設(shè)計風(fēng)格之間的一種設(shè)計風(fēng)格。目前,原質(zhì)化的設(shè)計風(fēng)格還處于發(fā)展初期,在未來的發(fā)展過程中這種設(shè)計風(fēng)格會成為一種熱門的UI設(shè)計視覺語言風(fēng)格。

  如何確定UI設(shè)計風(fēng)格

  1、半扁平化的設(shè)計

  在過去的兩年左右,扁平化無疑是討論最多、最火的設(shè)計趨勢。但設(shè)計趨勢往往受到媒體,技術(shù),和實用性的影響,一般都以緩慢漸進的方式滲透在我們的設(shè)計中,周期在1-2年之間。

  其實就是結(jié)合了materialdesign和flatdesign兩種風(fēng)格的處理手法。使簡潔的設(shè)計上多一些空間感,包括懸浮的按鈕和卡片的設(shè)計。按照Wired的話來說,那就是讓像素具備海拔高度,這樣子的話,系統(tǒng)的不同層面的元素,都是有原則、可預(yù)測的,不讓用戶感到無所適從。

  2、更多三維呈現(xiàn)

  在以前,UI或運營設(shè)計中常見的都是二維的處理手法。元素以平面的方式展示給我們,但是今年會慢慢趨于更多3D的效果,使內(nèi)容更加有縱深感從而也提升了設(shè)計的趣味性,尤其是運用在運營設(shè)計上會讓畫面顯得更加豐富。

ui設(shè)計風(fēng)格

ui設(shè)計風(fēng)格(圖片來自網(wǎng)絡(luò))


  3、幾何圖形的點綴

  從2016年年底就有一些設(shè)計作品或者設(shè)計包裝采用不同顏色的幾何圖形進行點綴。它不是作為設(shè)計內(nèi)容的主角,而是起到渲染畫面氛圍的作用。用色一般鮮亮大膽,會給人視覺上的沖擊,多用于運營設(shè)計。

  4、漸變色的運用

  漸變色的運用范圍很廣,它可以當(dāng)作背景使用,也可以在logo或者按鈕上使用。今年的漸變不再是像擬物化時代為了還原物體本身的空間所做的處理。這里的漸變多為大撞色的使用,為了營造氛圍和產(chǎn)品氣質(zhì)使用。

  5、大標(biāo)題,大間距的處理

  預(yù)測今年將會有越來越多優(yōu)秀的產(chǎn)品跳脫出系統(tǒng)本身規(guī)范的束縛,開始更大膽的設(shè)計。不在局限于本身規(guī)范里最大字號不能超過多少px,間距最好在稍稍px之內(nèi)等等…而是針對不同場景,不同用戶群體,不同的內(nèi)容去特殊處理。 所以出現(xiàn)了目前更多大標(biāo)題大間距大量留白的設(shè)計作品。其實像這種處理手法有點類似幾年前微軟的MetroDesign,只是現(xiàn)在很多優(yōu)秀設(shè)計師都能把不同的設(shè)計語言靈活的去運用,而不僅限于某個系統(tǒng)平臺。

  以上就是小編為大家介紹的關(guān)于ui設(shè)計風(fēng)格的相關(guān)內(nèi)容。ui設(shè)計固然很強調(diào)功能,但是設(shè)計風(fēng)格也同樣重要,關(guān)系到用戶的使用體驗和操作的習(xí)慣性,因此也是需要ui設(shè)計者重視的。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開