時間：2023-10-01 05:18:02 | 來源：網(wǎng)站運營
時間：2023-10-01 05:18:02 來源：網(wǎng)站運營
游戲網(wǎng)頁設(shè)計小技巧匯總 03：啪啪啪，先打一發(fā)臉?。。∴?，上次已經(jīng)說這個系列不再更新的我又回來了。那又如何呢？那誰不是說過，設(shè)計師臉皮一定要厚么！廢話少說，開擼?。。?/blockquote>01 適當(dāng)?shù)臐u變是讓文字變得有層次的更快方法
這種漸變未必是線性的從上到下或由左及右，也可以是在靠近光源的一側(cè)直接用柔性畫筆去涂抹。（這種的優(yōu)點在于變化沒有那么規(guī)律呆板，可調(diào)控性較強）02 Camera Raw濾鏡 — 圖片降噪去毛邊首選合作伙伴
因為沒有找到合適的素材，所以上圖我是銳化了3次后的效果，其實主要想表達(dá)的是我們在找素材的過程中有時會遇到的一種情況（gif圖尤其多），對于這種質(zhì)量較低、噪點較多且有毛邊的素材，利用PS自帶濾鏡Camera Raw中的減少雜色可以使素材質(zhì)量得到適當(dāng)?shù)母纳啤?br>
上圖中的數(shù)值并非最終數(shù)值，大家可以去嘗試改動并觀察圖片變化。建議將圖片轉(zhuǎn)為智能對象，這樣可以結(jié)合蒙版對于圖片中使用濾鏡后處理過曝的局部進(jìn)行擦除。03 字母和數(shù)字盡量使用獨立的英文字體
左圖為微軟雅黑字體，右圖中文為微軟雅黑，字母和英文為Product Sans Bold（字母和數(shù)字在使用英文字體后，要注意調(diào)整字符中的基線偏移，以保證和中文水平方向居中）04 Camera Raw濾鏡 — 打造電影海報級的顆粒效果
顆粒效果我們經(jīng)常可以在電影海報中見到，搭配合適的畫面會增加整體的質(zhì)感。利用PS自帶濾鏡Camera Raw中的顆粒就可以使畫面達(dá)到這一效果。
上圖中的數(shù)值并非最終數(shù)值，大家可以去嘗試改動并觀察圖片變化，這個功能比ps中的添加雜色感覺要更直觀和容易把控一些。05 繪制與游戲風(fēng)格統(tǒng)一的圖標(biāo)讓你的頁面獨一無二
圖為《陰陽師》官網(wǎng)截圖，左圖“新手”前面的圖標(biāo)為常見圖標(biāo)，雖能基本表達(dá)含義，但是無論從創(chuàng)新度和與游戲風(fēng)格的匹配程度而言，都要次于右圖的表達(dá)。圖標(biāo)雖做為整個頁面占用面積極小的一個點，但卻是以小見大的一個體現(xiàn)。06 字可為字，亦可為形
上圖是我個人非常喜歡的一組作品，區(qū)別于傳統(tǒng)的游戲網(wǎng)頁，削弱了游戲角色在畫面中的占比，將書法文字作為獨立的圖形元素，以較大篇幅去展示。下圖也為類似的技法展示：
這種形式在海報中經(jīng)?？梢钥吹剑窃谟螒蝽撁嬷胁欢?，所以大家遇到合適的機會可以嘗試一下。07 在一些修飾性的邊框上可以多花些心思
上圖為《天諭》世界觀和資料片中的部分截圖，看完后可能會有種感覺，原來就用咱們最常見不過的基本圖形，可以構(gòu)建出這么多豐富而統(tǒng)一的圖案。不得不承認(rèn)，這一點上，《天諭》的設(shè)計團(tuán)隊可以算的上業(yè)內(nèi)標(biāo)桿了。08 時刻保持對同一素材不同應(yīng)用的敏銳性
這是一個很常見的爆炸素材，是不是只有戰(zhàn)爭類的畫面才有機會用到呢？當(dāng)然不是，適當(dāng)模糊去掉火星之后，就可以模擬一個很不錯的暖光效果。這里我找了一個偏武俠風(fēng)的例子，如下圖：
模糊，縮放，調(diào)整合適的角度，最后將圖層模式改為“濾色”，就可以得到下圖的效果，本來整個畫面偏冷，加上暖光之后，畫面感覺鮮活了許多。09 特定的環(huán)境下在主標(biāo)題中疊入一張圖也是一個不錯的選擇
當(dāng)然，不管你插入的是什么圖片，疊入后的效果要能保證文字在背景下的識別度，這個是首要的。選擇的圖片最好跟畫面中的配色進(jìn)行一下匹配。10 電影海報 — 做游戲的童鞋不可錯過的靈感庫
先放一張圖鎮(zhèn)樓。這里我想提到的，不止是電影海報帶給我們的精湛的畫面處理上的直觀感受，我更多想提到的是它給我們帶來的一些設(shè)計方向上的啟發(fā)。
（下面的例子都是為了闡述觀點臨時找的圖，如果侵犯了您的利益，請聯(lián)系我刪除，謝謝）
關(guān)鍵詞：技巧,匯總,設(shè)計,游戲
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
在線咨詢