一般的店鋪會(huì)PS已經(jīng)足夠了，常用的方法涉及到的如鋼筆工具（路徑）、加深工具、減淡工具、涂抹工具、調(diào)色方法（如色彩平衡、可選顏色、色階、色相/飽和度、陰影、高光）等一系列工具和功能，希望可以幫到你。

搜索為課網(wǎng)?？梢悦赓M(fèi)聽課。第一部份 結(jié)構(gòu)素描、光影素描、速寫、設(shè)計(jì)素描、戶外寫生色彩原理、色彩配色、設(shè)計(jì)色彩、色調(diào)小稿訓(xùn)練、色彩長(zhǎng)期作業(yè)第二部份 Photoshop CS2：Photoshop操作基礎(chǔ)、圖象優(yōu)化處理、經(jīng)典實(shí)例分析與制作Illustrator CS2：廣告招牌制作、燈箱廣告、服裝廣告設(shè)計(jì)、企業(yè)徽標(biāo)設(shè)計(jì)、名片設(shè)計(jì) IndesignCS2：專業(yè)的排版工具、印刷相關(guān)知識(shí)、書報(bào)高級(jí)排版技巧Acrobat7.0：專業(yè)的電子文檔工具、可以實(shí)現(xiàn)任何文檔之間的互轉(zhuǎn),PDF文檔的生成與轉(zhuǎn)換Coreldraw13:包裝盒的設(shè)計(jì)、宣傳單、海報(bào)及名片的制作、產(chǎn)品及商業(yè)廣告設(shè)計(jì)、名片設(shè)計(jì) 第三部份 Photoshop高級(jí)：講解海報(bào)設(shè)計(jì)、包裝盒設(shè)計(jì)、CI設(shè)計(jì)、產(chǎn)品廣告設(shè)計(jì)、后期處理等方面的應(yīng)用Illustrator高級(jí)：廣告插畫制作、矢量描圖、角色貼圖制作、廣告創(chuàng)意稿、印前制作技巧等第四部份 Dreamweaver8.0：網(wǎng)頁(yè)布局、制作；Html&Css簡(jiǎn)介；網(wǎng)站管理與維護(hù)、上傳與下載；案例分析Flash8.0：美工設(shè)計(jì)、網(wǎng)頁(yè)配色；CI、LOGO、Banner的制作；常見網(wǎng)頁(yè)動(dòng)畫制作、網(wǎng)頁(yè)布局Fireworks8.0：經(jīng)典網(wǎng)頁(yè)動(dòng)畫、廣告、片頭、賀卡設(shè)計(jì)與分析；MTV制作、交互式網(wǎng)站簡(jiǎn)介 第五部份 平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成、色彩設(shè)計(jì)學(xué)、字體設(shè)計(jì)、版式設(shè)計(jì)、圖形創(chuàng)意、招貼設(shè)計(jì) 第六部份 廣告設(shè)計(jì)（CI策劃）、VI設(shè)計(jì)、印刷設(shè)計(jì)、包裝設(shè)計(jì)、書籍裝幀設(shè)計(jì)、視覺(jué)導(dǎo)向設(shè)計(jì)、電視廣告腳本設(shè)計(jì),軟件綜合要搞平面設(shè)計(jì),photoshop、Coreldraw、Illustraor這三個(gè)軟件都是應(yīng)該熟練掌握的.這3個(gè)軟件可以自學(xué),下教程,自己做實(shí)例來(lái)熟練掌握.基礎(chǔ)的平面設(shè)計(jì)就是Photoshop、Coreldraw,要考設(shè)計(jì)師就要學(xué)Photoshop、Illustrator、Indesign Acrobat四個(gè)軟件.廣告公司常用的Photoshop、Illustrator、PageMaker、Freehand、CorelDraw等設(shè)計(jì)軟件.1. 標(biāo)志設(shè)計(jì)(logo設(shè)計(jì),商標(biāo)設(shè)計(jì))2. CIS設(shè)計(jì)、VI設(shè)計(jì)（企業(yè)形象 識(shí)別系統(tǒng)設(shè)計(jì)）3. 廣告設(shè)計(jì)、廣告創(chuàng)意設(shè)計(jì)4. 海報(bào)設(shè)計(jì)、 DM 設(shè)計(jì)（宣傳單設(shè)計(jì)）5. 樣本設(shè)計(jì)、宣傳手冊(cè)設(shè)計(jì)、畫冊(cè)設(shè)計(jì)6. 樓書設(shè)計(jì)、年報(bào)設(shè)計(jì)7. 包裝設(shè)計(jì)8. 書籍插畫繪制、賀卡設(shè)計(jì)、請(qǐng)柬設(shè)計(jì)9. 報(bào)紙、雜志排版設(shè)計(jì)10. 各類印刷品設(shè)計(jì)等等.常用平面設(shè)計(jì)軟件平面設(shè)計(jì)軟件一直是應(yīng)用的熱門領(lǐng)域,我們可以將其劃分為圖像繪制和圖像處理兩個(gè)部分,例如建模和繪圖軟件、渲染軟件、圖像處理軟件、印前組版軟件等.下面簡(jiǎn)單介紹這方面一些常用軟件的情況：1、AutoCADAutoCAD是一款著名的圖形設(shè)計(jì)軟件,最早于1982年在Comdex大會(huì)上亮相,由于其卓越的性能,被譽(yù)為萬(wàn)能計(jì)算機(jī)輔助設(shè)計(jì)軟件,被廣泛應(yīng)用于建筑、電子、機(jī)械、廣告、裝飾、、服裝等諸多平面及立體設(shè)計(jì)領(lǐng)域,目前已成為工程制圖領(lǐng)域事實(shí)上的繪圖標(biāo)準(zhǔn)和占有率最高的CAD軟件,在國(guó)內(nèi)市場(chǎng)也處處可見其身影.目前,AutoCAD可以在多個(gè)平臺(tái)上使用,例如DOS平臺(tái)的12.0版本、Windows平臺(tái)的14/2000/2002/2004/2005版本,還有供工作站運(yùn)行的UNIX版本.AutoCAD具有極強(qiáng)的開放性和可擴(kuò)展性,軟件提供了強(qiáng)大的二次開發(fā)手段,例如Visual lisp、C++、ARX、Microsoft Visual Basic for Application(VBA)等,這使得AutoCAD用戶可極大的擴(kuò)展軟件的功能,并可極大應(yīng)用其它第三方開發(fā)出新的功能.2、3D Studio Max制作三維動(dòng)畫是一個(gè)涉及范圍很廣的話題,從某種角度來(lái)說(shuō),三維動(dòng)畫的創(chuàng)作有點(diǎn)類似于雕刻、攝影、布景設(shè)計(jì)及舞臺(tái)燈光的使用,作為專業(yè)級(jí)的作品至少要經(jīng)過(guò)三步：造型、動(dòng)畫、和繪圖.在DOS操作系統(tǒng)占據(jù)天下的時(shí)代,三維動(dòng)畫設(shè)計(jì)離普通用戶還很遙遠(yuǎn),3D Studio是為數(shù)不多能夠穩(wěn)定運(yùn)行在DOS下的一款3D軟件,Windows取代DOS成為桌面PC的主流操作系統(tǒng)后,Autodesk公司不失時(shí)機(jī)推出了3D Studio Max（一般簡(jiǎn)稱為“3DS Max”）,隨著計(jì)算機(jī)硬件的迅速發(fā)展,在個(gè)人PC上制作三維動(dòng)畫已經(jīng)不再只是夢(mèng)想.3D Studio Max是目前PC平臺(tái)上使用最廣泛的三維建模、動(dòng)畫、渲染軟件,被廣泛應(yīng)用于廣告宣傳、游戲設(shè)計(jì)、影視后期制作等動(dòng)畫領(lǐng)域,最新版本集成了很多過(guò)去只是在電影、游戲和3D設(shè)計(jì)中應(yīng)用的專業(yè)工具或插件.3、CorelDrawCorelDraw是Corel公司推出的集矢量圖形設(shè)計(jì)、印刷排版、文字編輯處理和圖形高品質(zhì)輸出于一體的平面設(shè)計(jì)軟件,深受廣大平面設(shè)計(jì)人員的喜愛(ài),目前主要在廣告制作、圖書出版等方面得到廣泛的應(yīng)用,功能與其類似的軟件有Illustrator、Freehand.最新版本的CorelDRAW Graphics Suite可以為用戶提供功能強(qiáng)大的工具,通過(guò)減少工作中的某些點(diǎn)擊、步驟的數(shù)量來(lái)節(jié)省時(shí)間,其中還集成了3個(gè)圖形程序、多個(gè)用途廣泛的工具及公用程序,新的套件包括為插圖、頁(yè)面布局和矢量制圖而設(shè)的CorelDRAW 12,為專業(yè)數(shù)字成像成而設(shè)的Corel PHOTO-PAINT 12以及為創(chuàng)建運(yùn)動(dòng)圖形而設(shè)的Corel R.A.V.E.3. 4、Adobe Photoshop這款美國(guó)Adobe公司的軟件一直是圖像處理領(lǐng)域的巨無(wú)霸在出版印刷、廣告設(shè)計(jì)、美術(shù)創(chuàng)意、圖像編輯等領(lǐng)域得到了極為廣泛的應(yīng)用,最新版本突破了以往Photoshop系列產(chǎn)品更注重平面設(shè)計(jì)的局限性,對(duì)數(shù)碼暗房的支持功能有了極大的加強(qiáng)和突破,例如修復(fù)畫筆可以極為輕松地消除圖片中的塵埃、劃痕、斑點(diǎn)、褶皺,而且可以同時(shí)保留圖像中的陰影、光照、紋理等效果,創(chuàng)新功能可以讓用戶更快地進(jìn)行設(shè)計(jì)、提高圖像質(zhì)量,并且以專業(yè)的高效率管理文件.不過(guò),為了防止盜版,Photoshop CS加入了倍受爭(zhēng)議的類似于Windows XP的激活技術(shù),用戶必須聯(lián)網(wǎng)激活后才可以正常使用,否則的話只能使用兩天時(shí)間. 5、FreehandFreehand是一款全方便的、可適合不同應(yīng)用層次用戶需要的矢量繪圖軟件,與Macromedia公司的Flash、FireworksPagemaker并列為“網(wǎng)頁(yè)制作三劍客”,可以在一個(gè)流程化的圖形創(chuàng)作環(huán)境中,提供從設(shè)計(jì)理念完美地過(guò)渡到實(shí)現(xiàn)設(shè)計(jì)、制作、發(fā)布所需要的一切工具,而且這些操作都在同一個(gè)操作平臺(tái)中完成,其最大的優(yōu)點(diǎn)是可以充分發(fā)揮人的想象空間,始終以創(chuàng)意為先來(lái)指導(dǎo)整個(gè)繪圖,目前在印刷排版、多媒體、網(wǎng)頁(yè)制作等領(lǐng)域得到廣泛的應(yīng)用.6、Adobe Illustrator CS Adobe Illustrator v11 是一套被設(shè)計(jì)用來(lái)作輸出及網(wǎng)頁(yè)制作雙方面用途、功能強(qiáng)大且完善的繪圖軟件包,這個(gè)專業(yè)的繪圖程序整合了功能強(qiáng)大的向量繪圖工具、完整的PostScript輸出,并和Photoshop或其它Adobe家族的軟件緊密地結(jié)合.該軟件以突破性、富于創(chuàng)意的選項(xiàng)和功能強(qiáng)大的工具為您有效率地在網(wǎng)上、印刷品或在任何地方發(fā)布藝術(shù)作品,界定了向量圖形的未來(lái). 第10版增加了諸如Arc、矩型網(wǎng)格線(Rectangular Grid)以及坐標(biāo)網(wǎng)格線(Polar Grid)工具等新的繪圖及自動(dòng)化優(yōu)點(diǎn)；增加編輯的靈活度以及標(biāo)志(編輯主要的對(duì)象或圖像復(fù)制).你可以運(yùn)用筆刷及其它如合并、數(shù)據(jù)驅(qū)動(dòng)坐標(biāo)等在工具列上的創(chuàng)造工具,幫助你建立聯(lián)結(jié)到數(shù)據(jù)庫(kù)的樣版. 新的Illustrator還提供的網(wǎng)絡(luò)生產(chǎn)功能,包括裁切圖像并支持可變動(dòng)向量繪圖檔(SVG)增強(qiáng). 7、 maya Maya是美國(guó)Autodesk公司出品的世界頂級(jí)的三維動(dòng)畫軟件,應(yīng)用對(duì)象是專業(yè)的影視廣告,角色動(dòng)畫,電影特技等.Maya功能完善,工作靈活,易學(xué)易用,制作效率極高,渲染真實(shí)感極強(qiáng),是電影級(jí)別的高端制作軟件.其售價(jià)高昂,聲名顯赫,是制作者夢(mèng)寐以求的制作工具,掌握了Maya,會(huì)極大的提高制作效率和品質(zhì),調(diào)節(jié)出仿真的角色動(dòng)畫,渲染出電影一般的真實(shí)效果,向世界頂級(jí)動(dòng)畫師邁進(jìn).Maya 集成了Alias/Wavefront 最先進(jìn)的動(dòng)畫及數(shù)字效果技術(shù).她不僅包括一般三維和視覺(jué)效果制作的功能,而且還與最先進(jìn)的建模、數(shù)字化布料模擬、毛發(fā)渲染、運(yùn)動(dòng)匹配技術(shù)相結(jié)合.Maya 可在Windows NI 與 SGI IRIX 操作系統(tǒng)上運(yùn)行.在目前市場(chǎng)上用來(lái)進(jìn)行數(shù)字和三維制作的工具中,Maya 是首選解決方案. 8、非線性編輯軟件 Adobe Premiere 一款常用的視頻編輯軟件,由Adobe公司推出.現(xiàn)在常用的有6.5、Pro1.5、2.0等版本.是一款編輯畫面質(zhì)量比較好的軟件,有較好的兼容性,且可以與adobe公司推出的其他軟件相互協(xié)作.目前這款軟件廣泛應(yīng)用于廣告制作和電視節(jié)目制作中. 其最新版本為Adobe Premiere Pro CS4.. 9、pagemakerPageMaker是由創(chuàng)立桌面出版概念的公司之一Aldus于1985年推出,后來(lái)在升級(jí)至5.0版本時(shí),被Adobe公司在1994年收購(gòu).PageMaker提供了一套完整的工具,用來(lái)產(chǎn)生專業(yè)、高品質(zhì)的出版刊物.它的穩(wěn)定性、高品質(zhì)及多變化的功能特別受到使用者的贊賞.另外,在6.5版中添加的一些新功能,讓我們能夠以多樣化、高生產(chǎn)力的方式,通過(guò)印刷或是Internet來(lái)出版作品.還有,在6.5版中為與Adobe Photoshop 5.0配合使用提供了相當(dāng)多的新功能,PageMaker在界面上及使用上就如同Adobe Photoshop,Adobe Illustrator及其他Adobe的產(chǎn)品一樣,讓我們可以更容易地運(yùn)用Adobe的產(chǎn)品.最重要的一點(diǎn),在PageMaker的出版物中,置入圖的方式可謂是最好的了.通過(guò)鏈接的方式置入圖,可以確保印刷時(shí)的清晰度,這一點(diǎn)在彩色印刷時(shí)尤其重要.最后說(shuō)一句 平面設(shè)計(jì)最重要的是創(chuàng)意 軟件只是實(shí)現(xiàn)你想法的工具

對(duì)于剛?cè)胄械腢I設(shè)計(jì)師，最容易犯的錯(cuò)就是在設(shè)計(jì)移動(dòng)APP時(shí)，不懂什么尺寸或者用哪種屏幕的尺寸是最適當(dāng)?shù)?？為了解決這個(gè)問(wèn)題，今天我們就簡(jiǎn)單的為大家整理做UI時(shí)最基礎(chǔ)的尺寸規(guī)范?，F(xiàn)象首先說(shuō)現(xiàn)象，大家都知道移動(dòng)端設(shè)備屏幕尺寸非常多，碎片化嚴(yán)重。尤其是Android，你會(huì)聽到很多種分辨率：480×800, 480×854, 540×960, 720×1280, 1080×1920，而且還有傳說(shuō)中的2K屏。近年來(lái)iPhone的碎片化也加劇了：640×960, 640×1136, 750×1334, 1242×2208。不要被這些尺寸嚇倒。實(shí)際上大部分的app UI設(shè)計(jì)和移動(dòng)端網(wǎng)頁(yè)，在各種尺寸的屏幕上都能正常顯示。說(shuō)明尺寸的問(wèn)題一定有解決方法，而且有規(guī)律可循。像素密度要知道，屏幕是由很多像素點(diǎn)組成的。之前提到那么多種分辨率，都是手機(jī)屏幕的實(shí)際像素尺寸。比如480×800的屏幕，就是由800行、480列的像素點(diǎn)組成的。每個(gè)點(diǎn)發(fā)出不同顏色的光，構(gòu)成我們所看到的畫面。而手機(jī)屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，iPhone 4s的屏幕像素是640×960。剛好兩倍，然而兩款手機(jī)都是3.5英寸的。所以，我們要引入最重要的一個(gè)概念：像素密度，也就是PPI（pixels per inch）。這項(xiàng)指標(biāo)是連接數(shù)字世界與物理世界的橋梁。Pixels per inch，準(zhǔn)確的說(shuō)是每英寸的長(zhǎng)度上排列的像素點(diǎn)數(shù)量。1英寸是一個(gè)固定長(zhǎng)度，等于2.54厘米，大約是食指最末端那根指節(jié)的長(zhǎng)度。像素密度越高，代表屏幕顯示效果越精細(xì)。Retina屏比普通屏清晰很多，就是因?yàn)樗南袼孛芏确艘槐?。倍率與邏輯像素再用iPhone 3gs和4s來(lái)舉例。假設(shè)有個(gè)郵件列表界面，我們不妨按照PC端網(wǎng)頁(yè)設(shè)計(jì)的思維來(lái)想象。3gs上大概只能顯示4-5行，4s就能顯示9-10行，而且每行會(huì)變得特別寬。但兩款手機(jī)其實(shí)是一樣大的。如果照這種方式顯示，3gs上剛剛好的效果，在4s上就會(huì)小到根本看不清字。在現(xiàn)實(shí)中，這兩者效果卻是一樣的。這是因?yàn)镽etina屏幕把2×2個(gè)像素當(dāng)1個(gè)像素使用。比如原本44像素高的頂部導(dǎo)航欄，在Retina屏上用了88個(gè)像素的高度來(lái)顯示。導(dǎo)致界面元素都變成2倍大小，反而和3gs效果一樣了。畫質(zhì)卻更清晰。在以前，iOS應(yīng)用的資源圖片中，同一張圖通常有兩個(gè)尺寸。你會(huì)看到文件名有的帶@2x字樣，有的不帶。其中不帶@2x的用在普通屏上，帶@2x的用在Retina屏上。只要圖片準(zhǔn)備好，iOS會(huì)自己判斷用哪張，Android道理也一樣。由此可以看出，蘋果以普通屏為基準(zhǔn)，給Retina屏定義了一個(gè)2倍的倍率（iPhone 6plus除外，它達(dá)到了3倍）。實(shí)際像素除以倍率，就得到邏輯像素尺寸。只要兩個(gè)屏幕邏輯像素相同，它們的顯示效果就是相同的。Android的解決方法類似，但更復(fù)雜一些。因?yàn)锳ndroid屏幕尺寸實(shí)在太多，分辨率高低跨度非常大，不像蘋果只有那么幾款固定設(shè)備、固定尺寸。所以Android把各種設(shè)備的像素密度劃成了好幾個(gè)范圍區(qū)間，給不同范圍的設(shè)備定義了不同的倍率，來(lái)保證顯示效果相近。像素密度概念雖然重要，但用不著我們自己算，iOS與Android都幫我們算好了。如圖所示，像素密度在120左右的屏幕歸為ldpi，160左右的歸為mdpi，以此類推。這樣，所有的Android屏幕都找到了自己的位置，并賦予了相應(yīng)的倍率：ldpi [0.75倍]mdpi [1倍]hdpi [1.5倍]xhdpi [2倍]xxhdpi [3倍]xxxhdpi [4倍]各型號(hào)iPhone的倍率比較簡(jiǎn)單，我們后面會(huì)講到。那么Android手機(jī)那么多，具體怎么分？哪些手機(jī)是幾倍的倍率呢？我們先看一張表，這是友盟2014年10月到2015年03月的數(shù)據(jù)：就目前市場(chǎng)狀況而言，各種手機(jī)的分辨率可以這樣粗略判斷。雖然不全面，但至少在1年內(nèi)都還有一定的參考意義：ldpi 如今已絕跡，不用考慮mdpi [320x480]（市場(chǎng)份額不足5%，新手機(jī)不會(huì)有這種倍率，屏幕通常都特別小）hdpi [480x800、480x854、540x960]（早年的低端機(jī)，屏幕在3.5英寸檔位；如今的低端機(jī)，屏幕在4.7-5.0英寸檔位）xhdpi [720x1280]（早年的中端機(jī)，屏幕在4.7-5.0英寸檔位；如今的中低端機(jī)，屏幕在5.0-5.5英寸檔位）xxhdpi [1080x1920]（早年的高端機(jī)，如今的中高端機(jī)，屏幕通常都在5.0英寸以上）xxxhdpi [1440x2560]（極少數(shù)2K屏手機(jī)，比如Google Nexus 6）自然地，以1倍的mdpi作為基準(zhǔn)。像素密度更高或者更低的設(shè)備，只需乘以相應(yīng)的倍率，就能得到與基準(zhǔn)倍率近似的顯示效果。不過(guò)需要注意的是，Android設(shè)備的邏輯像素尺寸并不統(tǒng)一。比如兩種常見的屏幕480×800和1080×1920，它們分別屬于hdpi和xxhdpi。除以各自倍率1.5倍和3倍，得到邏輯像素為320×533和360×640。很顯然，后者更寬更高，能顯示內(nèi)容。所以，即使有倍率的存在，各種Android設(shè)備的顯示效果仍然無(wú)法做到完全一致。單位不難發(fā)現(xiàn)，真正決定顯示效果的，是邏輯像素尺寸。為此，iOS和Android平臺(tái)都定義了各自的邏輯像素單位。iOS的尺寸單位為pt，Android的尺寸單位為dp。說(shuō)實(shí)話，兩者其實(shí)是一回事。單位之間的換算關(guān)系隨倍率變化：1倍：1pt=1dp=1px（mdpi、iPhone 3gs）1.5倍：1pt=1dp=1.5px（hdpi）2倍：1pt=1dp=2px（xhdpi、iPhone 4s/5/6）3倍：1pt=1dp=3px（xxhdpi、iPhone 6）4倍：1pt=1dp=4px（xxxhdpi）單位決定了我們的思考方式。在設(shè)計(jì)和開發(fā)過(guò)程中，應(yīng)該盡量使用邏輯像素尺寸來(lái)思考界面。設(shè)計(jì)Android應(yīng)用時(shí)，有的設(shè)計(jì)師喜歡把畫布設(shè)為1080×1920，有的喜歡設(shè)成720×1280。給出的界面元素尺寸就不統(tǒng)一了。Android的最小點(diǎn)擊區(qū)域尺寸是48x48dp，這就意味著在xhdpi的設(shè)備上，按鈕尺寸至少是96x96px。而在xxhdpi設(shè)備上，則是144x144px。無(wú)論畫布設(shè)成多大，我們?cè)O(shè)計(jì)的是基準(zhǔn)倍率的界面樣式，而且開發(fā)人員需要的單位都是邏輯像素。所以為了保證準(zhǔn)確高效的溝通，雙方都需要以邏輯像素尺寸來(lái)描述和理解界面，無(wú)論是在標(biāo)注圖還是在日常溝通中。不要再說(shuō)“底部標(biāo)簽欄的高度是96像素，我是按照xhdpi做的”這樣的話了。Web怎么辦移動(dòng)端頁(yè)面的絕對(duì)單位仍然是px，至少代碼里這么寫，但它的道理也和app一樣。由于像素密度是設(shè)備本身的固有屬性，它會(huì)影響到設(shè)備中的所有應(yīng)用，包括瀏覽器。前端技術(shù)可以善加利用設(shè)備的像素密度，只需一行代碼，瀏覽器便會(huì)使用app的顯示方式來(lái)渲染頁(yè)面。根據(jù)像素密度，按相應(yīng)倍率縮放。以iPhone 5s為例，屏幕的分辨率是640×1136，倍率是2。瀏覽器會(huì)認(rèn)為屏幕的分辨率是320×568，仍然是基準(zhǔn)倍率的尺寸。所以在制作頁(yè)面時(shí)，只需要按照基準(zhǔn)倍率來(lái)就行了。無(wú)論什么樣的屏幕，倍率是多少，都按邏輯像素尺寸來(lái)設(shè)計(jì)和開發(fā)頁(yè)面。只不過(guò)在準(zhǔn)備資源圖的時(shí)候，需要準(zhǔn)備2倍大小的圖，通過(guò)代碼把它縮成1倍大小顯示，才能保證清晰。實(shí)際應(yīng)用大家最關(guān)心的還是實(shí)際運(yùn)用，畫布該怎么設(shè)置。我們就iOS、Android、Web三個(gè)平臺(tái)來(lái)分別梳理一下。不過(guò)在這之前，我要為使用PS進(jìn)行設(shè)計(jì)的朋友介紹一個(gè)小技巧。之前我說(shuō)過(guò)，我們要以邏輯像素尺寸來(lái)思考界面。體現(xiàn)到設(shè)計(jì)過(guò)程中，就是要把單位設(shè)置成邏輯像素。打開PS的首選項(xiàng)——單位與標(biāo)尺界面，把尺寸和文字單位都改成點(diǎn)（Point）。這里的點(diǎn)也就是pt，無(wú)論設(shè)計(jì)iOS、Android還是Web應(yīng)用，單位都用它。當(dāng)然，各平臺(tái)單位名稱還是要記住的。這里我們用的只是它的原理，不用在意名稱。要調(diào)節(jié)倍率，則通過(guò)圖像大小里的DPI來(lái)控制。這個(gè)DPI，其實(shí)就是PPI，像素密度。有個(gè)常識(shí)大家都知道，屏幕上的設(shè)計(jì)DPI設(shè)成72，印刷品設(shè)計(jì)DPI設(shè)成300。為什么是這兩個(gè)數(shù)字？首先說(shuō)300，這和人眼的分辨能力有關(guān)。由于1英寸是固定長(zhǎng)度，每1英寸有多少個(gè)像素點(diǎn)決定了畫質(zhì)清晰程度。之前說(shuō)過(guò)，這就是像素密度，也就是DPI。DPI達(dá)到300以上，其細(xì)膩程度就會(huì)給人真實(shí)感，像真實(shí)世界中的物件。相反，DPI只有10的話，在你一個(gè)食指指節(jié)大小的長(zhǎng)度內(nèi)只有10個(gè)像素，這明顯就是馬賽克了。所以印刷品要設(shè)成300，才能保證清晰。再說(shuō)72，這有一定的歷史原因。最早的圖形設(shè)計(jì)是在mac電腦上進(jìn)行的，mac本身的顯示器分辨率就是72。PS中把圖像DPI也設(shè)成72，就能保證屏幕上顯示的尺寸和打印尺寸相同，便于設(shè)計(jì)。72的PC顯示器分辨率逐漸成為一種默認(rèn)的行業(yè)標(biāo)準(zhǔn)，這套規(guī)則就這么沿用下來(lái)?，F(xiàn)在回到正題，我們?cè)趺赐ㄟ^(guò)DPI來(lái)調(diào)節(jié)倍率？既然屏幕本身的分辨率是72，DPI設(shè)成72剛好是1倍尺寸，那設(shè)成72的兩倍就是倍率為2的屏幕了，就這么簡(jiǎn)單。下面來(lái)看看3個(gè)平臺(tái)各自的畫布設(shè)置：IPhoneiPhone的屏幕尺寸各不相同，我說(shuō)的是邏輯像素尺寸，這確實(shí)是讓人很頭疼的事情。如果想用一套設(shè)計(jì)涵蓋所有iPhone，就要選擇邏輯像素折中的機(jī)型。從市場(chǎng)占有率數(shù)據(jù)來(lái)看，目前最多的是iPhone5/5s的屏幕。倍率為2，邏輯像素320×568。上升勢(shì)頭最猛，未來(lái)有望登上第一的是iPhone 6的屏幕。倍率為2，邏輯像素375×667。按照這兩種尺寸來(lái)設(shè)計(jì)，都是比較主流的做法?？梢约骖櫠桃恍┑膇Phone 4s，大一點(diǎn)的6 plus也不會(huì)過(guò)于空曠。不過(guò)在切圖的時(shí)候要注意，由于iPhone 6 plus的3倍圖是由2倍圖放大而來(lái)，所以位圖要注意保證清晰。Android都說(shuō)Android碎片化嚴(yán)重，但它現(xiàn)在反而比iOS好處理。因?yàn)槿缃竦腁ndroid屏幕邏輯像素已經(jīng)趨于統(tǒng)一了：360×640，就看你設(shè)成幾倍了。想以xhdpi為準(zhǔn)，就把DPI設(shè)成72×2=144。想以xxhdpi為準(zhǔn)，就把DPI設(shè)成72×3=216。對(duì)于那些比較老的低端機(jī)，寬度是480px的那批，畫面確實(shí)會(huì)小一些，顯示內(nèi)容會(huì)更少。稍微留意一下，重要內(nèi)容盡量保持在界面中上部分。當(dāng)然，這些機(jī)型不出一年就會(huì)被邊緣化，基本淘汰?，F(xiàn)在能運(yùn)轉(zhuǎn)的也是當(dāng)作功能機(jī)在用，軟件多了必卡無(wú)疑，用戶體驗(yàn)無(wú)從談起。不作考慮也是OK的。Web手機(jī)端網(wǎng)頁(yè)就沒(méi)有統(tǒng)一標(biāo)準(zhǔn)了，比較流行的做法是按照iPhone 5的尺寸來(lái)設(shè)計(jì)。倍率2，邏輯像素320×568。這樣的做法比較實(shí)在，倍率2的屏幕無(wú)論在iOS還是Android方面都是主流，而且又是2倍屏幕中邏輯像素最小的。所以圖片的尺寸可以保持在較小的水平，頁(yè)面加載速度快。當(dāng)然，缺點(diǎn)就是在倍率3的設(shè)備上看，圖片不是特別清晰。如果追求圖片質(zhì)量，愿意犧牲加載速度，那么可以按照最大的屏幕來(lái)設(shè)計(jì)。也就是iPhone 6 plus的尺寸，倍率3，邏輯像素414×736。總結(jié)移動(dòng)端的尺寸比PC端復(fù)雜，關(guān)鍵就在倍率。但也正因?yàn)楸堵实拇嬖冢汛蟠笮⌒〉钠聊焕氐酵凰骄€，得以保證一套設(shè)計(jì)適應(yīng)各種屏幕。站在這條水平線的角度看，會(huì)發(fā)現(xiàn)它很好理解。

1、本教程采用photoshop CS5制作，其它版本通用，打開PS新建一個(gè)標(biāo)準(zhǔn)的16開大度橫版文檔，具體參數(shù)設(shè)置2、建立完空白文檔后，選擇菜單“視圖->新建參考線”進(jìn)行三折頁(yè)的參考線設(shè)定 3、根據(jù)三折頁(yè)的劃分及出血尺寸，我們要在水平上新建兩條參考線（0.3厘米、21.3厘米），垂直上新建四條參考線（0.3厘米、9.8厘米、19.3厘米、28.8厘米），建立完后選擇菜單“視圖->鎖定參考線”進(jìn)行參考線鎖定，如果參考線沒(méi)有顯示，可以選擇菜單“視圖->顯示->參考線”即可4、接下來(lái)我們進(jìn)行背景布局，平面設(shè)計(jì)五花八門，沒(méi)有什么固定的模式，一般三折頁(yè)的正面三個(gè)版面從左到右為頁(yè)面4、封底和封面，反面的三個(gè)版面從左到右為頁(yè)面1、頁(yè)面2和頁(yè)面3，一般頁(yè)面1、2、3都是介紹宣傳內(nèi)容，設(shè)計(jì)上相對(duì)簡(jiǎn)單，而封面和封底以及頁(yè)面4可采用單頁(yè)面設(shè)計(jì)，也可采用封面和封底聯(lián)版設(shè)計(jì)，而本例將對(duì)頁(yè)面4、封底和封面三個(gè)版面采用聯(lián)版設(shè)計(jì)，這樣可以讓畫面顯得大氣一些，首先設(shè)計(jì)封面，打開原圖一，利用移動(dòng)工具將其拖入到文檔中生成圖層1，按Ctrl+T鍵進(jìn)行自由變換，適當(dāng)調(diào)整大小及位置5、接著打開原圖二，一樣拖入文檔中生成圖層2，并適當(dāng)調(diào)整大小及位置6、將圖層2復(fù)制生成一個(gè)“圖層2 副本”，選擇菜單“編輯->變換->水平翻轉(zhuǎn)”，然后按Ctrl+T進(jìn)行自由變換，適當(dāng)調(diào)整大小及位置7、單擊選擇畫筆工具，設(shè)置前景色為黑色，畫筆大小為400左右，硬度為0，不透明度為50%8、給“圖層2 副本”添加圖層蒙版，利用設(shè)置好的畫筆工具對(duì)其邊緣進(jìn)行過(guò)渡處理9、給圖層2也添加圖層蒙版，同樣用畫筆對(duì)其邊緣進(jìn)行過(guò)渡處理10、將原圖二再拖入文檔中生成圖層3，選擇菜單“編輯->變換->水平翻轉(zhuǎn)”，然后按Ctrl+T鍵進(jìn)行自由變換，適當(dāng)調(diào)整大小及位置11、給圖層3也添加圖層蒙版，將用不到的邊緣部分擦除掉，這樣背景的布局就基本完成。12、打開原圖三，同樣拖入文檔中生成圖層4，適當(dāng)調(diào)整位置13、給圖層4添加圖層蒙版，用畫筆對(duì)邊緣部分進(jìn)行過(guò)渡處理14、繼續(xù)打開原圖四，拖入文檔生成圖層5，按Ctrl+T鍵進(jìn)行自由變換，適當(dāng)將其壓扁，這樣能形成一種立體視覺(jué)效果15、將圖層5的圖層混合模式設(shè)置為“正片疊底”16、同樣打開原圖五拖入文檔生成圖層6，將圖層6置于圖層5的下方，設(shè)置其圖層混合模式為“變亮”，按Ctrl+T鍵適當(dāng)調(diào)整大小及位置17、單擊“直排文字工具”，字體選擇“博洋行書3500”，字體大小為96點(diǎn)左右18、在文檔中單擊并輸入文字“武當(dāng)”，然后選擇菜單“圖層->圖層樣式”，勾選“外發(fā)光”和“斜面和浮雕”，適當(dāng)設(shè)置外發(fā)光，具體參數(shù)設(shè)置19、再適當(dāng)設(shè)置字體及大小，在首頁(yè)右下角位置輸入“弘揚(yáng)中華武術(shù)”和“彰顯國(guó)人精魂”字樣，并設(shè)置圖層樣式“外發(fā)光”20、到此封面基本設(shè)計(jì)完成，接下來(lái)進(jìn)行封底設(shè)計(jì)，打開原圖六，拖入生成圖層7，設(shè)置其圖層混合模式為“正片疊底”，然后將其置于右上角21、適當(dāng)設(shè)置字體（如葉根友毛筆行書2.0版）及大小，分別輸入“太”和“極”兩個(gè)字，并設(shè)置外發(fā)光圖層樣式22、接著在封底的左下角位置輸入“中國(guó)湖北武當(dāng)山”字樣，設(shè)置外發(fā)光圖層樣式23、接下來(lái)處理頁(yè)面4，也即最左邊的版面，打開原圖七，拖入生成圖層8，適當(dāng)調(diào)整大小及位置24、單擊選擇魔棒工具，設(shè)置容差為20左右，不要勾選“連續(xù)”25、在圖層8的灰白位置多處單擊（按Shift鍵可疊加選區(qū)），直到將除文字外的部分都選中26、按Ctrl+Shift+I鍵將選區(qū)反選，然后給圖層8添加圖層蒙版，這樣就得到大概的文字內(nèi)容27、單擊選擇圖層8的圖層蒙版，利用黑色畫筆將一些邊緣雜色擦除干凈28、可以將圖層8復(fù)制生成“圖層8 副本”，將印章部分選中，反選后將其余部分刪除29、單擊選中圖層8，選擇菜單“圖層->圖層樣式->顏色疊加”，設(shè)置疊加顏色為黑色30、用黑色畫筆工具將一些雜色擦除干凈，然后同樣對(duì)“圖層8 副本”進(jìn)行顏色疊加，設(shè)置疊加顏色為紅色，另外還可以加上外發(fā)光樣式，總之根據(jù)需要進(jìn)行自由設(shè)計(jì)，到此本例的三折頁(yè)的正面基本制作完成，對(duì)于宣傳彩頁(yè)來(lái)說(shuō)，文字內(nèi)容不要太多，因?yàn)闆](méi)有幾個(gè)人會(huì)很用心的去看內(nèi)容，所以要用盡可能簡(jiǎn)單的畫面和文字將你想要表達(dá)的內(nèi)容表達(dá)出來(lái)，這就是設(shè)計(jì)的重點(diǎn)！http://bbs.16xx8.com/thread-145809-1-1.html

　　用PS做的是效果圖，需要前端開發(fā)人員編寫代碼才可以在網(wǎng)站上展示出來(lái)?！　『?jiǎn)單來(lái)說(shuō)，在PS里做好之后，需要切圖。把圖片切割成適合在網(wǎng)站上瀏覽?！　∏袌D時(shí)需要把文字分離出圖片的要處理好?！　∏泻脠D片之后，需要用html結(jié)合JavaScript等知識(shí)編寫代碼?！　∵@樣寫出的頁(yè)面還只是靜態(tài)的網(wǎng)站?！　∪绻胍龀蓜?dòng)態(tài)的效果，還需要搭建后臺(tái)，連接數(shù)據(jù)庫(kù)等。

　　用PS做的是效果圖，需要前端開發(fā)人員編寫代碼才可以在網(wǎng)站上展示出來(lái)?！　『?jiǎn)單來(lái)說(shuō)，在PS里做好之后，需要切圖。把圖片切割成適合在網(wǎng)站上瀏覽?！　∏袌D時(shí)需要把文字分離出圖片的要處理好?！　∏泻脠D片之后，需要用html結(jié)合JavaScript等知識(shí)編寫代碼?！　∵@樣寫出的頁(yè)面還只是靜態(tài)的網(wǎng)站?！　∪绻胍龀蓜?dòng)態(tài)的效果，還需要搭建后臺(tái)，連接數(shù)據(jù)庫(kù)等。

　　1、一般而言，設(shè)計(jì)網(wǎng)站的尺寸是1920px寬度(包含背景設(shè)計(jì)），當(dāng)然內(nèi)容顯示區(qū)是950px/980px/1000px而高度根據(jù)需求來(lái)定，分辨率為72就可以了，很多設(shè)計(jì)師為了追求細(xì)節(jié)，一般都是這個(gè)數(shù)值的2倍或者三倍　　2、圖解：整個(gè)頁(yè)面設(shè)計(jì)內(nèi)容顯示區(qū)：淘寶是950px，一般的企業(yè)網(wǎng)站是980px