400-650-7353
您所在的位置:首頁 > IT干貨資料 > ui設(shè)計(jì) > 【UI設(shè)計(jì)基礎(chǔ)知識(shí)】UI設(shè)計(jì)都有哪些風(fēng)格分類

【UI設(shè)計(jì)基礎(chǔ)知識(shí)】UI設(shè)計(jì)都有哪些風(fēng)格分類

  • 發(fā)布: ui培訓(xùn)
  • 來源:UI干貨資料
  • 2019-12-27 16:57:43
  • 閱讀()
  • 分享
  • 手機(jī)端入口

我們接觸最早的互聯(lián)網(wǎng)產(chǎn)品是手機(jī),當(dāng)我們第一次接觸一個(gè)新鮮事物,想要看懂里面的內(nèi)容,里面的內(nèi)容就要跟我們?nèi)粘K佑|的東西相近,這就是最開始的UI設(shè)計(jì)風(fēng)格-擬物化寫實(shí)風(fēng)格。在人們開始接觸新事物的時(shí)候,這種擬物化的風(fēng)格可以幫助人們更加直觀的了解產(chǎn)品,但隨著產(chǎn)品更新迭代和產(chǎn)品種類增多,擬物化風(fēng)格的迭代速度受到限制,產(chǎn)品適配成本太大,這時(shí)候就需要出現(xiàn)符合可快速迭代和適配不同種類的設(shè)計(jì)風(fēng)格—扁平化設(shè)計(jì)風(fēng)格。

扁平化風(fēng)格的出現(xiàn),產(chǎn)品變得更加的簡潔,由純色或漸變色加上剪影圖標(biāo)、卡片、去掉裝飾的風(fēng)格符合快速迭代更新的要求,可以大大降低了同時(shí)兼容不同版本的的成本。并且人們已經(jīng)熟悉了擬物化的風(fēng)格之后,對產(chǎn)品已經(jīng)比較熟悉,去掉其中的裝飾,變得扁平,符合人們的認(rèn)知過程。擬物化風(fēng)格也相對顯得更加分散用戶注意力,扁平化的風(fēng)格也降低了對于圖形的關(guān)注,增加了產(chǎn)品的關(guān)注度。

擬物化寫實(shí)風(fēng)格、扁平化設(shè)計(jì)風(fēng)格是UI設(shè)計(jì)風(fēng)格的兩種風(fēng)格類型。在UI設(shè)計(jì)發(fā)展過程前期比較明顯的、也是大家比較公認(rèn)的。隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展,UI行業(yè)也越來越成熟,對UI行業(yè)的的要求也越來越高,UI的設(shè)計(jì)風(fēng)格也同時(shí)在扁平化的基礎(chǔ)之上調(diào)整、變化,有了新的設(shè)計(jì)形式。

三維效果:隨著電商行業(yè)的發(fā)展,電商行業(yè)的設(shè)計(jì)形式和風(fēng)格也越來越豐富,其中近兩年比較流行的就是視覺三維效果,區(qū)別于傳統(tǒng)的二維效果,三維效果的視覺更加真實(shí)和具有立體感。在二維的平面上呈現(xiàn)三維的視覺效果,增加了設(shè)計(jì)的趣味性,這種形式一般用于電商設(shè)計(jì)和運(yùn)營設(shè)計(jì)。使用的軟件一般為C4D,這也是三維設(shè)計(jì)軟件最近比較火的一個(gè)原因。

UI設(shè)計(jì)有哪些風(fēng)格?

半扁平化風(fēng)格:這種風(fēng)格更加趨向于規(guī)則性,結(jié)合了material design和flat design的設(shè)計(jì)風(fēng)格。Material Design是Google公司推出的設(shè)計(jì)規(guī)范,flat design是蘋果公司在IOS7之后推出的設(shè)計(jì)規(guī)范。結(jié)合著兩種設(shè)計(jì)規(guī)范內(nèi)容,使界面內(nèi)容更加規(guī)范。Material在此的衍生意義是卡片/紙片的意思,Material Design是非常重視信息層級(jí)及板塊內(nèi)容,并在其中加入了投影的運(yùn)用。flat design刪除了所有的樣式,追求圖標(biāo)的識(shí)別、色彩和字體的規(guī)范,一個(gè)頁面出現(xiàn)的信息層級(jí)比較少,一般不超過2個(gè)。在動(dòng)效上強(qiáng)調(diào)干凈利落,在顏色上強(qiáng)調(diào)柔和。這兩種風(fēng)格并不是絕對化的。

漸變色風(fēng)格:這種風(fēng)格比較容易分辨,在我們的手機(jī)應(yīng)用中,2017年以前,大部分的手機(jī)應(yīng)用都是純色的圖標(biāo),但2017年以后,手機(jī)的圖標(biāo)大部分已經(jīng)變成了漸變色,現(xiàn)在可以打開手機(jī),看看我們的淘寶應(yīng)用圖標(biāo)。不僅在圖標(biāo)上面比較明顯,在手機(jī)應(yīng)用界面內(nèi)部,很明顯發(fā)現(xiàn)我們的QQ手機(jī)界面大量的漸變色,在單色的扁平化的基礎(chǔ)上加入漸變的成分,讓頁面看起來更加的靈動(dòng)與豐富。

設(shè)計(jì)風(fēng)格與類型還可以產(chǎn)生很多的變化和改變,增加了產(chǎn)品的個(gè)性,更具產(chǎn)品之間的區(qū)分性。還有一些比較小眾的設(shè)計(jì)風(fēng)格形式,比如:幾何點(diǎn)綴,大標(biāo)題、大間距,半透明,卡片式等等可以根據(jù)不同的產(chǎn)品選擇不同的設(shè)計(jì)風(fēng)格,但要保證一個(gè)產(chǎn)品的設(shè)計(jì)風(fēng)格是一致的,不要隨意搭配。

文章“【UI設(shè)計(jì)基礎(chǔ)知識(shí)】UI設(shè)計(jì)都有哪些風(fēng)格分類”已幫助

>>本文地址:http://m.littlerockbway.com/zhuanye/2019/48234.html

THE END  

聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉(zhuǎn)載。

1 您的年齡

2 您的學(xué)歷

3 您更想做哪個(gè)方向的工作?

獲取測試結(jié)果
  • 大前端大前端
  • 大數(shù)據(jù)大數(shù)據(jù)
  • 互聯(lián)網(wǎng)營銷互聯(lián)網(wǎng)營銷
  • JavaJava
  • Linux云計(jì)算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網(wǎng)嵌入式
  • 全域電商運(yùn)營全域電商運(yùn)營
  • 軟件測試軟件測試
  • 室內(nèi)設(shè)計(jì)室內(nèi)設(shè)計(jì)
  • 平面設(shè)計(jì)平面設(shè)計(jì)
  • 電商設(shè)計(jì)電商設(shè)計(jì)
  • 網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)
  • 全鏈路UI/UE設(shè)計(jì)UI設(shè)計(jì)
  • VR/AR游戲開發(fā)VR/AR
  • 網(wǎng)絡(luò)安全網(wǎng)絡(luò)安全
  • 新媒體與短視頻運(yùn)營新媒體
  • 直播帶貨直播帶貨
  • 智能機(jī)器人軟件開發(fā)智能機(jī)器人
 

快速通道fast track

近期開班時(shí)間TIME