<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          2022最新設(shè)計(jì)風(fēng)格!

          共 2506字,需瀏覽 6分鐘

           ·

          2022-06-11 03:00

          加微信  “UIchongneng”進(jìn)設(shè)計(jì)交流群  



          文章來源:設(shè)計(jì)師深海



          在“新擬物風(fēng)格”和“玻璃擬物風(fēng)格”之后,“新粗野風(fēng)格”正在慢慢襲來,雖然目前還是小范圍流行,但是在一眾現(xiàn)代簡約風(fēng)格當(dāng)中,還是讓人耳目一新的!“新粗野主義風(fēng)格”融合了混亂的視覺效果和更加現(xiàn)代巧妙的排版方式,同時(shí)加入了插圖和動(dòng)畫的元素。

          “粗野主義”這個(gè)詞來源于1950年代的建筑趨勢,當(dāng)時(shí)的這種建筑風(fēng)格放棄了精致的裝飾,探索出由混凝土、水泥灰為主基調(diào)的粗獷風(fēng)格。這與“新粗野風(fēng)格”在UI領(lǐng)域的嘗試相似。

          “新粗野主義"將傳統(tǒng)的UI布局概念和超高的對比度、純色、沖撞色結(jié)合,有時(shí)還搭配一些簡單又帶點(diǎn)古怪的排版方式。

          01

          對比
          黑色
          在我們現(xiàn)在主流的設(shè)計(jì)規(guī)則當(dāng)中,不要使用純黑色這句話,已經(jīng)深深印在設(shè)計(jì)師腦海當(dāng)中。我們常常會在黑色當(dāng)中加入一點(diǎn)色彩傾向使它和周圍頁面更加協(xié)調(diào),或者使用深灰色,以此來避免用戶眼睛疲勞。
          但是在“新粗野主義風(fēng)格”當(dāng)中,毫不懼怕使用純黑色,還樂于用它來增加畫面的對比度,以此來增添畫面的戲劇性。

          陰影
          而相對于現(xiàn)在主流的柔和陰影,“新粗野主義”則是在卡片和按鈕上面直接使用邊緣清晰、毫無過渡的黑色,同樣達(dá)到強(qiáng)對比的效果。同時(shí)為了營造出偽立體效果,陰影的會向下方45°角投射。


          02

          顏色

          這種風(fēng)格在顏色使用方面會經(jīng)常使用更具有沖突性的顏色搭配,例如藍(lán)橙紫、紅綠藍(lán)等等混合使用,但注意總體的飽和度還是要降低到一個(gè)合適的范圍,一般飽和度不會超過80%。雖然顏色搭配會對比強(qiáng)烈,但是在飽和度上會被降低到一個(gè)讓人舒適的程度,并且要制定一個(gè)主色,其他都為次要顏色。

          03

          粗野感
          為了營造“粗野感”,這種風(fēng)格常??梢允褂媚J(rèn)組件庫,而不是精心設(shè)計(jì)一套統(tǒng)一的圖標(biāo),甚至還會刻意選擇不同的樣式在同一個(gè)頁面。有時(shí)還會刻意讓按鈕錯(cuò)位,以此來營造一種隨意、不一致的感覺。這種做法可以為設(shè)計(jì)帶來一種親切感和趣味感,甚至營造出“我上我也行”的錯(cuò)覺!




          04

          嚴(yán)謹(jǐn)
          看完剛才那些特點(diǎn)你可能會想,這也可以?別急,最關(guān)鍵的一步來了!
          完成上面那些看似隨意的步驟之后,嚴(yán)謹(jǐn)?shù)牟糠謥砹?。在字體選擇和排版方式上面“新粗野主義”則會開始保守起來。字體要盡量選擇簡約、可識別性高的字體,最大限度地保持文本的可讀性。同時(shí)會保持頁面有足夠的留白,字體會相對較粗來匹配整體的風(fēng)格。




          05

          插圖和動(dòng)畫
          在這種高對比度、高沖撞感的顏色搭配當(dāng)中,插圖就顯得不那么顯眼了。這種時(shí)候可以采用描邊線條和裝飾小元素來強(qiáng)調(diào)插圖的存在感,也使畫面更加和諧有趣。同時(shí)設(shè)計(jì)師還會為周圍的小元素加一些動(dòng)畫效果,來增加頁面的吸引力。






          06

          總結(jié)
          這是一種非常規(guī)、非主流的創(chuàng)新設(shè)計(jì)風(fēng)格,但是具有很大的潛力。這種風(fēng)格打破了現(xiàn)在千篇一律的設(shè)計(jì)風(fēng)格,會讓人忍不住想多看一眼。雖然它將來也不會占據(jù)主流市場,但是卻很適合一些具有創(chuàng)新精神、有態(tài)度的品牌。



          ---------------------- END ----------------------


             回復(fù)關(guān)鍵詞獲取資源   

          小程序控件 | 包圖小白體 | 面試技巧 | 圖標(biāo)規(guī)范

          UI設(shè)計(jì)規(guī)范 | UI教程 | AE教程

          字體設(shè)計(jì) | 作品集 | 點(diǎn)這里獲取更多資源



          設(shè)計(jì)交流  |  加設(shè)計(jì)群  |  商務(wù)合作
          添加微信:UIchongneng (需備注)
          公眾號      |      微信群
          關(guān)注我 設(shè)計(jì)之路和 3w+ 位設(shè)計(jì)師攜手前行!
          ??????

          點(diǎn)擊“閱讀原文”,加入免費(fèi)星球一起聊設(shè)計(jì)~
           
          瀏覽 75
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評論
          圖片
          表情
          推薦
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  激情小说五月天 | a 视频在线观看 | AV中文在线观看 | 福利一区在线观看 | 豆花在线视频观看 |