操作很簡單，大家看完記得練習哦。直接開始今天的教程吧，yeah…
● 相信大家小時候都玩過超級馬里奧、魂斗羅等游戲。
下圖是馬賽克像素風典型的代表游戲之一?；叵肫饋砟嵌际峭甑臍g樂時光啊~
● 下面用文字簡單的介紹了一些關于像素畫的知識
● 給大家整理的一些像素風格的海報（案例來源于互聯網，僅做參考）
● 除了像素畫海報之外還有與之對應的像素字體下圖來源于互聯網，僅做示意。
● 這里我們用到上圖03和06的技法思路，像素的趕腳類似PS的半調效果，或者是仿色擴散，以文字設計為基礎使用的仿色擴散的效果來呈現。
設計思路&步驟解析
01：先設計完字體部分(這里暫不講字體設計部分)，不會字體設計的同學，使用一款好看的字庫字體也是可以的。
02：合并所有筆畫，在AI中使用路徑偏移，參數設置如下，對象-路徑-偏移路徑。
03：取消編組，用2種顏色區分。
04：勾勒鋼筆連接每個邊，紅色圓圈標注部分為示意。
05：接著給字體填充黑白漸變，注意白與黑之間的明暗過度。
06：最終效果如下，將漸變后的字體在PS中選中，圖像-模式-灰度-拼合。
07：圖像-模式-位圖-擴散仿色。
大家不要局限于做像素風格就非得像我用這種方法去呈現，我們只要抓住海報的主體，呈現是由一個小的單元格組合拼接而成就可以了。AI同樣也可以做出矢量像素海報。。。
這是在AI做出的像素化效果，這里給大家拋磚引玉一下。
選中漸變完之后的字體，AI菜單欄-對象-柵格化，參數設置如下，最終位圖再轉矢量就可以啦。
08：最終并為其添加色彩與排版就完成了~
我們先看幾組網上的案例展示吧，大概認識下這類風格的一些表現形式，版面的構圖元素，以及顏色的一些使用等。
不難發現我們目前所看到的孟菲斯風格是非常潮的，強烈的色彩組合與碰撞，幾何形狀的構成，甚至一些海報當中也會出現潮流的插畫小元素，非常具有趣味性，以及強一些畫面視覺沖擊表現。
孟菲斯風格版面元素構成
孟菲斯平面設計特征可以歸納為：
1、高明度的色彩組合；線條、圖案的隨機排列搭配；幾何元素的大量運用和空間填充。
2、各式各樣的幾何圖案是“孟菲斯設計”經典元素之一，以正方形、圓形或三角形這類規則圖形為主。
3、與傳統設計強調有序不同，“孟菲斯”的設計背景喜用凌亂與自由的組合方式。
不管是細瘦的直線、粗體的波浪線，還是點狀圖案亦或3D結構圖形，你都能在孟菲斯作品里找到。
下圖舉例了孟菲斯在平面中的一些表現！
咱們分析完孟菲斯的一些構成元素表現形式之后就好開始下手了，下圖是以人物為主體的表現形式。
為了方便大家觀察我將版面中的元素進行了拆解，大致分為人物、文字對話框、一些線條元素和版面中的配色。
文字對話框&文字編排：
版面中的人物主體：
版面中的色彩搭配、字體&線條：
以上就是拆解完的樣式，這里我們為了增加版面的趣味性，我使用了手寫字體以及隨意裝飾的線條活躍版面氣氛，色彩的組合上使用了純色與漸變的組合碰撞，圖形構成上表現模擬了電腦頁面對話框的組合形式搭配上文字編排，以上都是為了盡可能的符合孟菲斯的一些風格表現而存在的。
這是我做的另外一張孟菲斯的海報，根據之前給大家總結的要素：
*幾何圖形構成
*強烈的色彩組合
*簡單圖形&插圖
*簡單圖形&插圖
圖形的制作比較簡單用 AI 3D工具就可以完成。
*幾何圖形構成
*幾何圖形構成
*靚麗/怪誕/潮流
當時找素材的時候找到這只鳥的時候，發現嘴非常的有意思，以及鳥本身的顏色也是符合孟菲斯的色彩要求的（一個巧合罷了），扣完圖之后給鳥加上一個外描邊增強趣味性。
*強烈的色彩組合
純色與漸變色（高飽和度&低飽和度）、（明與暗）以及色彩在版面中的一個過度關系。
最終組合版面中的主體與文字排版&構圖，以及配色孟菲斯風格的海報就完成了，只要掌握了他們的元素構成風格與表現就好做了，希望這2張海報可以給到大家一個啟發。
所以我們只要能模擬出撕紙的效果差不多就能做了。
下圖是案例展示部分。
我們來看下撕紙效果的一個具體制作方式，基本上都是在PS中完成的。
下圖是關于PS畫筆的預設：
常規畫筆、干介質畫筆、特殊效果畫筆、濕介質畫筆。
給人物添加一個蒙版，這里我使用的是干介質畫筆，分別給他們換上顏色即可。
選擇下圖第二種干介質畫筆，以及它們在不同模式下的樣式效果。
接著在人物的邊緣用干介質畫筆（溶解模式）涂抹邊緣，撕紙的效果就出現了，接著加入黑白相間的素材。
為了模擬撕紙的效果，我隨意設置了一些紋理，讓紋理保持一種不規則的狀態。咱們動手制作一些素材使用(特殊效果畫筆)，新建一個畫布，使用畫筆涂滿即可，導出圖片當做素材就OK了，涂抹的時候畫筆的大小折中就行，避免效果不理想（大家多嘗試就行）。
最終規劃版面的文字編排就完成了。
大家多多練起來吧，希望對你有所幫助。
作者：大熊
轉載請注明：學UI網》拿捏3種設計風格！
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司