一小時(shí)速成！扁平化名片設(shè)計(jì)PS教程

只要您從事商業(yè)活動(dòng)，都必須要有一張名片。那么怎么才能擁有一張個(gè)性名片呢？要么請(qǐng)一位設(shè)計(jì)師幫你設(shè)計(jì)，要么下載一些免費(fèi)名片模版，修改出自己想要的效果。

今天的教程非常實(shí)用，將會(huì)教你利用PS打造簡(jiǎn)約、充滿現(xiàn)代感的名片。

推薦閱讀：
《30個(gè)高清免費(fèi)的商務(wù)名片PSD模版》
《化腐朽為神奇：簡(jiǎn)潔名片設(shè)計(jì)三步曲》
《推薦！名片設(shè)計(jì)的六要素》

步驟1——尺寸，出血，色彩模式以及分辨率

打開(kāi)PS,然后需要了解一點(diǎn)名片設(shè)計(jì)的知識(shí)，最重要的毫無(wú)疑問(wèn)是尺寸，可參考本國(guó)名片設(shè)計(jì)規(guī)則，確定名片尺寸，國(guó)內(nèi)一般是90mm*54mm（文中說(shuō)英美國(guó)家一般是3.5 * 2 英寸)。

色彩模式為CMYK，8位 16位 32位都可以，推薦使用16位，但是出于示范目的，本教程使用了8位，因?yàn)槲募笮∧苄∫稽c(diǎn)。分辨率300dpi。這樣就能使名片清晰可見(jiàn)，符合業(yè)內(nèi)標(biāo)準(zhǔn)。

“出血”科普：

出血也是一種印刷業(yè)的術(shù)語(yǔ)。紙質(zhì)印刷品所謂的“出血”是指，超出版心部分印刷。版心是在排版過(guò)程中統(tǒng)一確定的文圖所在的區(qū)域，上下左右都會(huì)留白（如word的四方頁(yè)邊距就是留白），但是在紙質(zhì)印刷品中，有時(shí)為了取得較好的視覺(jué)效果，會(huì)把文字或圖片（大部分是圖片）超出版心范圍，覆蓋到頁(yè)面邊緣，稱為“出血圖”。——百度百科

雖然名片的尺寸已經(jīng)討論過(guò)是3.5*2英寸，但是為了做一些出血延伸，需要多流出一些邊距。上下左右各0.125英寸，因此尺寸設(shè)置為3.75*2.25英寸。（國(guó)內(nèi)標(biāo)準(zhǔn)是上下左右各加2mm，因此也就是94*58mm)

現(xiàn)在需要加入?yún)⒖季€，以便規(guī)范布局。

為了簡(jiǎn)化設(shè)計(jì)，推薦下載這個(gè)帶有參考線的PSD模板

步驟2——設(shè)計(jì)

設(shè)計(jì)之前，心中對(duì)名片的模樣要有個(gè)大概。有些設(shè)計(jì)師使用草圖。不過(guò)在設(shè)計(jì)這款名片時(shí)，我理念已經(jīng)有了，因此略過(guò)草圖設(shè)計(jì)流程。

如果你在設(shè)計(jì)名片時(shí)毫無(wú)靈感，那么給你推薦一些名牌設(shè)計(jì)站點(diǎn)：?The Design Inspiration,?Card Nerd,?Card Gala,?Cardonizer,?Cards Observer,Creattica,?Cardview.不妨借鑒一下，有助于你快速開(kāi)始。

這次設(shè)計(jì)使用了扁平化風(fēng)格。這將讓名片看起來(lái)簡(jiǎn)約、富有現(xiàn)代感。

我將正面和反面單獨(dú)設(shè)計(jì)。正面只有一個(gè)Logo，反面整合了很多商業(yè)信息。

正面
扁平化設(shè)計(jì)是很極簡(jiǎn)的設(shè)計(jì)方法。沒(méi)有裝飾、沒(méi)有陰影、沒(méi)有漸變、沒(méi)有填充效果，只有簡(jiǎn)單的色彩。我在Flat UI Colors里進(jìn)行了選色。

我使用了鮮艷大膽的Emerald綠色，Hex 代碼#?#2ecc71

正面的下半部分使用了Emerald（#2ecc71)綠色矩形塊，大約有整體高度的1/3。上半部分使用和Emerald相近的色彩#27ae60?.兩種色彩搭配在一起效果極佳，用這種顏色填充剩余部分。

Logo我使用了我們自己的收集，請(qǐng)看We Sell Design.

Logo可用于AI以及EPS格式，因此你需要用AI稍微編輯一下，不過(guò)你也可以不用這個(gè)Logo，用自己想用的Logo即可。加入Logo后，正面的效果是這樣。

本步完成了：

簡(jiǎn)單的、符合整體風(fēng)格的Logo
簡(jiǎn)約的留白背景
記得云Logo要設(shè)置圖層樣式->描邊 大小10像素，顏色為#27ae60

創(chuàng)建新圖層，輸入文本Crazycloud，顏色和Logo一樣#ffffff.字體使用的是?Open Sans.開(kāi)源的Google Web Font，這里可以下載。

好了，這便是正面的設(shè)計(jì)，簡(jiǎn)約、優(yōu)雅、現(xiàn)代感十足。

現(xiàn)在開(kāi)始著手反面的設(shè)計(jì)。

反面
跟正面一樣，底部我們同樣使用了占整體1/3的Emerald綠色矩形塊，然后上面再加入一小塊(#27ae60)條紋。

效果如下圖。

為了增加一點(diǎn)標(biāo)識(shí)性，我們縮小正面的Logo，加入到右下角。Logo和crazycloud水平放置。

電郵、網(wǎng)站、地址的圖標(biāo)我使用了?outline icons from Vandelay Design.

下載后Icon是黑色的，記得轉(zhuǎn)換成條紋那種顏色(#27ae60)。

圖層樣式中色彩疊加即可。（對(duì)齊什么的不用我說(shuō)了吧？）

文本顏色可使用同樣的綠色，不過(guò)使用灰色比較好，對(duì)照感強(qiáng)一點(diǎn)。上圖中使用的灰色是(#868686).

最終成品圖如下

步驟3——打印

現(xiàn)在完成了設(shè)計(jì)，該去將設(shè)計(jì)“現(xiàn)實(shí)化”了，可以去打印了。如果你有合適的紙，你可以自己打印，對(duì)齊是個(gè)大問(wèn)題。因此最好找印刷商幫你打印。

好了，以上就是名片設(shè)計(jì)教程，你看，不難吧。一個(gè)小時(shí)差不多就搞定了。可以自己再摸索摸索，設(shè)計(jì)出自己的風(fēng)格。

這是我們的名片模板，都很不錯(cuò)，推薦一下 We Sell Design 名片模板

原文地址：crazyleafdesign
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量58萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：