<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          游戲ui設計風格的統一(快速搭建指定美術風格的ui)

          2025-3-10    資深UI設計者 設計管理與成長

          游戲ui設計風格的統一(快速搭建指定美術風格的ui)

           
          • 在游戲設計的過程中,美術團隊首先做的是根據游戲的類型和世界觀,討論和制定合適的美術風格。當確定好大致的方向后,如何保證在游戲設計過程中,將整個項目的風格都統一在一個框架內,是在游戲制作過程中常遇到的難題。這次主要探討的是游戲UI設計過程中,如何把握美術風格統一的問題。如何統一UI界面風格。統一風格,最行之有效的就是 制定設計規范。設定好設計規范,并且嚴格按照規范執行,就能讓UI界面風格統一。
           
           UI視覺規包括
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          •  
            在游戲界面的設計過程中,一般會將色彩控制在3到4個,如果超過3個顏色,則盡量在現有色彩中加入黑白灰創造同色系色彩
          •  
            顏色的分配一般為60%的主色調,30%的輔助色,10%的強調色(如果需要引入第四種色彩
          最好從輔助色當中分出一-部分來)
          •  
            所以在前期設定中,可以固定一個色版,把色相、純度、明度都確定下來。
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          •  
            在規定界面排版的時候,一般用偶數單位,如4或者8的倍數,能適應大部分的手機屏幕分辨率,便于適配。
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          •  
            很多人可能會覺得游戲中畫面最重要,字體則是信息傳遞的輔助,這就錯了,其實
            內容的可讀性永遠是排在首位的
            比如我們在看圖標的時候,會發現很多圖標的辨識度并不高,但是一旦添加了文字,立馬就能很好的理解功能。
          •  
            文字還承載著
            傳遞信息
            的功能,如任務提示、角色名稱、技能描述等。(好的字體設計,形狀和大小都會直接影響到玩家接收信息的速度,所以我們可以通過合理使用不同字色,字號和字重以及不同透明度來強調界面中的重要信息層級。
          1.  
            界面中文字占比在屏幕中最大,選擇合適的字體對信息的可讀和易讀有很大的提升(并且也影響視覺風格傾向)。
          2.  
            因為游戲中的字體不僅是文字的呈現,更是游戲畫面和氛圍的重要組成部分,所以在選擇游戲字體時也要考慮風格傾向、用戶畫像等。
          在實際游戲設計過程中,需要設定好字體的色號,(常規色,輔助色,突出色),和字體的大?。哟郑患哟?,一般使用4px為單位調節)
          游戲內的字體除了有字色和字體的區分,在功能上通常有
          •  
            游戲內嵌字體
            (指被嵌入到電子游戲中的字體,用于顯示游戲內的文本信息,如對話、提示、菜單等,是塑造游戲世界和提升游戲體驗的重要組成部分。游戲名稱、技能名稱、菜單欄等標題字,通常選用美術字,更注重藝術樣式。而對于正文字來說,其需要傳達的信息更多,無需過于強烈的藝術表現,因此常使用一些經典常規字體,優先保證頁面的辨識度。
          •  
            游戲宣傳字體
              游戲宣傳字體(通常被用于游戲的標題、標語、海報、廣告等各種宣傳材料上)
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          •  
            游戲中主的圖標可以根據風格分為擬物化圖標和扁平化圖標,在功能上可以分為功能性圖標(系統入口圖標),道具圖標(裝備圖標,物品圖標,貨幣圖標),技能圖標等
          •  
            在設計過程中,為了確保同一套圖標的整體完整性,需要規定統一的用色規范,圓角角度,朝向,形狀,線條粗細,和整體視覺大小等。
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
           
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          •  
            游戲中的控件一般包括
            按鈕,頁簽,列表,篩選框,進度條,品質框
            等。
          對于游戲UI而言,好不好用(交互)以及好不好看(視覺)都是需要考慮周全的一件事情,游戲界面有別于一般的UI界面,整個畫面比較絢麗,而在這些絢麗的畫面上還要讓用戶在第一時間能夠找到操作按鈕,其實也是一件很值得研究及學習的事情。
          總結來說,
          •  
            1、當界面背景比較絢麗復雜時,我們可以通過將按鈕做的有別于背景(但得保證視覺協調),來突出按鈕;
          •  
            2、將功能類似的按鈕放在一起,便于用戶查找和使用,同時增加強提醒來提示用戶操作;
          •  
            3、界面占比小的按鈕,就通過對比色或者純度比較好的按鈕來突出,給界面增加亮點的同時,提高用戶識別。
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          •  
            計切圖輸出的目的是跟下游的程序協同工作,在工作中對于圖標的命名規范有良好習慣非常重要的,規范的命名方式可以提高設計與開發人員的的效率,既方便美術人員,又方便開發人員。
          •  
            其次切圖輸出應該盡可能的降低程序的工作量,避免因切圖輸出而導致的不必要的工作量。
          •  
            最后輸出的切圖應當盡可能的壓縮大小,以降低游戲的總大小,提升玩家使用時的加載速度。
          •  
            所以切圖輸出應當做到切圖精準、便與協同和壓縮大小。
           
          切圖命名規范一般使用英文,下劃線,數字,每個單詞首寫字母為大寫(禁止使用空格,
          中文,括號等其他命名,且不能重復),命名方式一般分兩類, 一種是公用資源,另外一
          種是系統模塊獨有的資源。
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          游戲ui設計風格的統一(快速搭建指定美術風格的ui)
           
           
          最后,推動規范落地,才是制作規范的目的。在推行過程中,需要先和團隊內進行好溝通,維護好規范的落地,后期也需要不斷對規范進行迭代和完善。制定規范的主要還是為了產品更加統一,提高開發效率,更好地為游戲服務。
           

           

          作者:布加蔥
          鏈接:https://www.zcool.com.cn/article/ZMTYxMzIxNg==.html
          來源:站酷
          著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

           

           

           

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合