1. <ins id="17xd7"><th id="17xd7"></th></ins>

      <tr id="17xd7"></tr>
    1. <tr id="17xd7"></tr>
    2. 當前位置:首頁 > 游戲UI教程 > [游戲UI教程]游戲UI設計設計要點

      [游戲UI教程] 游戲UI設計設計要點

      2021-12-28

        游戲UI設計設計要點


        玩游戲時,不知道各位有沒有和小編一樣想令自己沉迷的游戲究竟有什么奧秘呢?要知道一款好游戲,它不僅有精美的人物設計以及流暢的劇情,其漂亮的UI界面也十分關鍵,本期小編通過學生作品,和大家嘮一嘮游戲UI中的要點吧。


        要點一:文字要簡潔明了,方便觀眾


        在UI的設計中,文字信息是非常重要的,甚至可以說沒有之一,很多界面如果去掉了文字本身,可能會讓你不知所云,比如名動漫學生設計的界面,現在我們把文字去掉(渣PS請見諒哈)。



        給人的感覺只會是一個空洞而又抽象的石板,如果在游戲中我們看到的是后面的圖,估計很多同學的第一反應會是“出BUG了吧?”,現在我們還原文字,很明顯了,這是一個游戲的副本挑戰選擇。
       


        雖然字數不多,但是作為交待內容來說足夠了,當然,文字也不是越多越好的,比如這個網站設計界面就是UI設計中妥妥的反面教材。



        什么都想說,結果就是文字過密集,字體過于花哨



        要點二:整體配色要穩定,避免視覺疲勞


        說到配色,看過我們之前教程的同學應該都有印象,對了,就是“黃金比率”,主色調占60%,輔色占30%,點綴色占10%。但是具體到UI界面,黃金比率還不是最重要的,還有一個很關鍵的因素,即:偏亮偏純的顏色一般集中在面積較小的區域,偏灰偏暗的顏色才是畫面中最主要的,也就是“三分純七分灰”,比如名動漫學生設計的賽博朋克風的界面。



        整體是大面積的暗色,只有在視覺中心的部位才有一些偏純偏亮的色彩,這樣給我們的感覺就不會過于花,像是下面這種色彩搭配,雖然大體上也符合“黃金比率”,但由于純色占了畫面中最主要的區域,還是辣眼無比。




        要點三:視覺引導要合理,自然,清晰


        在界面設計中,我們需要讓關鍵位置有明暗和色彩的強烈對比,這樣才能讓觀眾第一時間就能看到,而不要把界面的設計當做“捉迷藏”。


       ?。?)比如這個學生的作品設計中



        界面整體的色彩是比較偏“灰”的,但得益于做出了明暗的強烈對比,我們在第一時間依然能看到周圍的物品/技能欄,這就是巧妙運用視覺引導的例子。


       ?。?)還有這個“簽到界面”



        已經完成簽到的就可以降低對比度,(領過的東西還會有人特地去看么?),玩家更關心的是當下自己所領到的東西,因此藍色+橙色的對比色,就很好地引導著玩家往“第三天簽到”去看,而模糊不清的界面設計,除了只會讓客戶不知所措,甚至遺漏重要信息以外,毫無意義。




        要點四:風格上保持一致,避免突兀


        你的界面風格是現代的,那么整體的元素選取,也是要以現代的科技或者元素。



        這樣風格高度一致界面才會避免“違和感”,所以也就不難理解,《和平精英》之前搞過的關二爺拿AK的設計,能有如此大的爭議了。



        好了,上面給大家講了講關于UI設計中的幾個要素,接下來看看本次UI班級的學生作品吧!和玩游戲相比,當然是全盤掌控開始自己畫更有境界,爆肝有成就!想玩啥風格都行!
       


        橙子-安琪





       
        寶-馬路-糖花花




       
        芋泥奶茶-五里-執筆





       
        RNJun7-長腿哥哥-冰糖



       
        下面還有學生的過程圖
       



        6




        7




        8




        9



        好啦,今天介紹游戲UI設計要點的資訊文章就到這里了,想了解更多繪畫相關知識, 請收藏名動漫網站/可以在線咨詢下方的課程顧問小姐姐,第一時間了解最新的課程優惠政策。




      91国内精品久久人妻无码大片,91人妻无码一区二区免费,丰满人妻精品一区二区三区,91无码人妻精品
      1. <ins id="17xd7"><th id="17xd7"></th></ins>

          <tr id="17xd7"></tr>
        1. <tr id="17xd7"></tr>