最近任天堂上一款游戲特別火《廚師RPG》。在這款游戲中，角色在美麗的像素藝術(shù)世界中漫游。說(shuō)到像素風(fēng)格，不得不提到80后熟悉的，任天堂紅掌機(jī)，今天我們來(lái)學(xué)習(xí)下這個(gè)風(fēng)格的前世今生。

 01.  什么是像素風(fēng)格 

過(guò)去采用像素風(fēng)格是因?yàn)槭艿搅孙@示設(shè)備和游戲機(jī)內(nèi)存大小的限制。達(dá)斯(Adidas)、戈拉(Gola)和本田(Honda)等品牌合作，證明了像素藝術(shù)的受歡迎程度和吸引力。

像素畫(huà)如字面所示，是用“像素”為基本單位來(lái)制作的畫(huà)，好比鉛筆畫(huà)就是用鉛筆畫(huà)的畫(huà)。像素在英文中為pixel或者dot就是點(diǎn)的意思，所以像素畫(huà)又被稱(chēng)為點(diǎn)陣畫(huà)。這是對(duì)畫(huà)布上每個(gè)像素的控制，沒(méi)有一個(gè)像素是由計(jì)算機(jī)生成的。像素畫(huà)從電腦最原始的圖像表現(xiàn)方法，演變成了一種獨(dú)立的數(shù)字藝術(shù)創(chuàng)作風(fēng)格。

像素風(fēng)格起源于電子游戲，著名游戲“小精靈Pac-Man”、“太空侵略”、“超級(jí)馬里奧”等。

在計(jì)算機(jī)的早期，如果您想顯示圖形，像素圖是唯一的選擇。2000年開(kāi)始家用計(jì)算機(jī)進(jìn)入普通中國(guó)家庭，普遍安裝Windows98系統(tǒng)內(nèi)置的圖標(biāo)ICON就是像素畫(huà)。發(fā)展至今它仍然風(fēng)行一時(shí)，成為了一門(mén)藝術(shù)。

像素風(fēng)格視覺(jué)感受

說(shuō)到像素風(fēng)格，首先很容易就想到的可能是小小的顆粒感，以及可愛(ài)的卡通形象類(lèi)似的視覺(jué)感受。

“不清晰”的顆粒像素

像素風(fēng)格最明顯的特點(diǎn)就是顆粒、鋸齒邊緣，不用混疊方法來(lái)繪制光滑的線(xiàn)條，這些本身就與像素風(fēng)格以“像素”為基本單位的制作方式有直接關(guān)系。

可愛(ài)的卡通形象

像素風(fēng)格給人留下最深印象的印象莫過(guò)于游戲機(jī)里各種造型的卡通形象，常常采用gif格式，得到很多朋友的喜愛(ài)。

 02.  像素風(fēng)格特點(diǎn) 

那么像素風(fēng)格有哪些特點(diǎn)呢？我一共總結(jié)了3條，分別是：

1.復(fù)古又潮流

2.獨(dú)特辨識(shí)度

3.像素畫(huà)的局限

我們分別來(lái)看看實(shí)際案例如何運(yùn)用的？

復(fù)古又潮流

像素風(fēng)格源于游戲，游戲也是像素畫(huà)最大的舞臺(tái)。像素圖由于占空間小，顏色少，所以就被采用來(lái)作為制作游戲的標(biāo)準(zhǔn)圖片模式。比如80年代小霸王學(xué)習(xí)機(jī)上的游戲，90年代的BG和GBA。

復(fù)古是一場(chǎng)與時(shí)空美麗的邂逅，像素風(fēng)格跨越時(shí)間依舊經(jīng)典，用復(fù)古致敬經(jīng)典、在經(jīng)典中綻放新意。以提煉，重塑，進(jìn)而產(chǎn)生新的視覺(jué)。

這個(gè)插畫(huà)用的是像素風(fēng)格，但是其中很多元素都是偏向科技、潮流的，比如背景以及人物的對(duì)稱(chēng)又不規(guī)范、明亮的色彩交錯(cuò)、部分小細(xì)節(jié)的不同。

獨(dú)特辨識(shí)度

像素風(fēng)格由它自身的特點(diǎn)來(lái)決定的，畫(huà)像素畫(huà)，有點(diǎn)像拼圖，每一個(gè)像素方塊就是一個(gè)拼圖塊。而且特征非常明顯，像素顆粒有規(guī)律的組合并保留鋸齒邊緣的視覺(jué)效果，已經(jīng)變成了一種獨(dú)特的設(shè)計(jì)風(fēng)格。

像素風(fēng)格的畫(huà)雖然非常概括的視覺(jué)表達(dá)抽象，但是也有它獨(dú)特的美感，并且簡(jiǎn)單純粹的表達(dá)形式似乎反而成為了優(yōu)點(diǎn)，你必須忽略很多細(xì)節(jié)，而抓住主要特征來(lái)表現(xiàn)。這幅人物畫(huà)像的除了形狀，在顏色的利用和表達(dá)上，也做到極簡(jiǎn)。

像素畫(huà)的局限

前面提到的，像素風(fēng)格本身的特點(diǎn)，畫(huà)像素畫(huà)，有點(diǎn)像拼圖，每一個(gè)像素方塊就是一個(gè)拼圖塊。同時(shí)也更耗費(fèi)精力，不能像矢量圖形一樣可以隨意擴(kuò)展也是最大的痛處。

1、像素畫(huà)不論放大縮小還是旋轉(zhuǎn)，圖像插值請(qǐng)選擇鄰近。你可以在編輯>>首選項(xiàng)》設(shè)置。

2、也可以“Ctrl+T”自由變換的時(shí)候設(shè)置。

3、然后按100%的倍率就可以無(wú)損放大。

 03.  UI中運(yùn)用 

這套作品，淘寶12.12海報(bào)運(yùn)用的表現(xiàn)形式是像素風(fēng)格。各種各樣的插圖形式，用幽默有趣的插畫(huà)圖形表現(xiàn)故事。給人感覺(jué)整體畫(huà)面趣味性、新奇又好玩、并且造型豐富、又充滿(mǎn)設(shè)計(jì)系列感。

文案采用設(shè)問(wèn)的形式貫穿這套有趣的12.12揭幕海報(bào)，通過(guò)無(wú)厘頭的作出疑問(wèn)/回答式，告訴大家12.12的意義，讓我們發(fā)現(xiàn)淘寶的新鮮和有趣，感受到12.12狂歡的氛圍，增強(qiáng)代入感。

杜蕾斯首次進(jìn)軍游戲業(yè)這組海報(bào)，可謂是賺足了我們的眼球。從官方放出的兩張預(yù)熱海報(bào)中，能夠看到老一代街機(jī)、超級(jí)瑪麗經(jīng)典童年游戲元素。重現(xiàn)再創(chuàng)的不僅僅是那些一格徒手填的像素色塊，也是喚醒了屬于我們的回憶，更是將復(fù)古和潮流這一對(duì)看是矛盾的趨勢(shì)，完美融合在一起呈現(xiàn)出來(lái)。

 04.  網(wǎng)頁(yè)中運(yùn)用 

2010年，日本優(yōu)衣庫(kù)將官網(wǎng)打造成了像素風(fēng)格，還在其中融合日本的文化特色。一幅歡樂(lè)的場(chǎng)景，平添了無(wú)盡的趣味性。

2018年，優(yōu)衣庫(kù)和游戲鼻祖一一日本知名游戲公司NAMCO南夢(mèng)宮合作。將我們熟知的童年經(jīng)典游戲畫(huà)面和角色，都印在T恤上了。

這套作品出至于英國(guó)的設(shè)計(jì)師Mike Kus，他擁有一份世界范圍的客戶(hù)名冊(cè)，他的作品經(jīng)常出現(xiàn)在與設(shè)計(jì)相關(guān)的出版物中。Craftsmen是法國(guó)數(shù)字機(jī)構(gòu)，要求設(shè)計(jì)出符合他們身份的網(wǎng)站。設(shè)計(jì)師結(jié)合了這個(gè)8位圖形啟發(fā)的網(wǎng)站設(shè)計(jì)，溝通的本質(zhì)的“數(shù)字”這個(gè)詞。

 05.  插畫(huà)中運(yùn)用 

這一幅主題關(guān)于“瑞克和莫蒂”的動(dòng)畫(huà)作品，是設(shè)計(jì)師Paul Robertson的作品，他的作品很受觀(guān)眾喜歡。

這幅主題“BASEMENT”也是設(shè)計(jì)師Paul Robertson的作品。他的作品很多采用中心對(duì)稱(chēng)構(gòu)圖，但是又不完全對(duì)稱(chēng)。畫(huà)面色彩、造型、細(xì)節(jié)和表情都刻畫(huà)的很細(xì)膩傳神，將扁平的像素打造出一幅很有層次的像素畫(huà)。

這幅“大兔女巫”是Kiana Mosser的作品 。她畫(huà)的讓人看著很溫馨、令人愉快，色彩很明亮、五彩繽紛。

 06.  LOGO中運(yùn)用 

挪威輻射與安全局新LOGO抽象的符號(hào)受到用于測(cè)量輻射儀器的啟發(fā)，用不同深淺的色塊組合成一個(gè)圓形圖案。它更多的給人柔和和平靜的感覺(jué)。同時(shí)也傳達(dá)了DSA如何監(jiān)督國(guó)際和國(guó)家輻射形勢(shì)，是挪威人民可以信賴(lài)的專(zhuān)家機(jī)構(gòu)。

Pangea是一家數(shù)字營(yíng)銷(xiāo)機(jī)構(gòu)。在品牌理念吻合下，從像素開(kāi)始并以像素為基礎(chǔ)，這是數(shù)字領(lǐng)域的一個(gè)代表性元素，并建立了一個(gè)多元化的視覺(jué)特征。

 07.  在線(xiàn)繪制像素風(fēng)插畫(huà) 

像素風(fēng)這么好用，像素風(fēng)插畫(huà)怎么制作呢？怎么樣才能快速制作呢？沒(méi)有繪畫(huà)經(jīng)驗(yàn)的怎么辦呢？像素風(fēng)在PS和AI都可以制作，今天推薦個(gè)簡(jiǎn)單出效果的方法給大家。

Pixilart是一個(gè)好用又方便，還能夠在線(xiàn)自定義的繪制像素風(fēng)插畫(huà)的網(wǎng)站，打開(kāi)網(wǎng)站就可繪制，首頁(yè)默認(rèn)畫(huà)布100*100px；網(wǎng)站界面布局于PS類(lèi)似。

第一步：先選工具。畫(huà)布左邊是工具區(qū)域，點(diǎn)擊可以開(kāi)始繪制，顏色正上方圖標(biāo)里面也有現(xiàn)有的模板可以直接使用。

第二步：根據(jù)需求條對(duì)于的屬性。右邊屬性，看著內(nèi)容多，其實(shí)就四個(gè)板塊。preview是預(yù)覽；layer是圖層；options是選擇；tool是工具，主要是針對(duì)顏色的調(diào)色和鉛筆的粗細(xì)調(diào)整。

第三步：畫(huà)好后下載。左上方菜單欄，從左到右依次是新建畫(huà)布、設(shè)置、下載、撤銷(xiāo)、返回、全憑繪制。

如果一開(kāi)始建立的畫(huà)布太小怕使用圖片清晰度不夠，下載的可以將畫(huà)布放大，最大可以放大至10000*10000px，完全不擔(dān)心清晰度不夠。對(duì)像素風(fēng)感興趣的朋友，快來(lái)試試吧。

 08.  總結(jié) 

像素風(fēng)格經(jīng)過(guò)多年的發(fā)展，依然有很多設(shè)計(jì)師也大量創(chuàng)作了很多“像素風(fēng)”插畫(huà)作品，使像素逐漸成為一門(mén)獨(dú)立的藝術(shù)。像素風(fēng)格是由它自身的特點(diǎn)來(lái)決定的，畫(huà)質(zhì)有它獨(dú)特的美感和獨(dú)特的表現(xiàn)能力。

本文由培訓(xùn)無(wú)憂(yōu)網(wǎng)長(zhǎng)沙牛耳教育課程顧問(wèn)老師整理發(fā)布，希望能夠?qū)ο雲(yún)⒓娱L(zhǎng)沙UI設(shè)計(jì)培訓(xùn)的學(xué)生有所幫助。更多課程信息可關(guān)注培訓(xùn)無(wú)憂(yōu)網(wǎng)電腦IT培訓(xùn)或添加老師微信：15033336050

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.dedgn.cn/news-id-11336.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂(yōu)網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專(zhuān)業(yè)課程信息您可在線(xiàn)咨詢(xún)也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050