ps制作的網頁設計
提問問題
列表
-
Python 可以萃取出我需要的某些信息嗎
查看答案>>
-
淘寶美工 只會PS行不行
查看答案>>
-
平面設計主要需要學什么的?
查看答案>>
-
PC端UI設計尺寸規范?
查看答案>>
-
ps怎么做折頁
查看答案>>
-
用PS做的網頁設計如何做成動態網站效果
查看答案>>
-
用PS做的網頁設計如何做成動態網站效果
查看答案>>
-
用ps設計一個網站要設置多大的寬和高?分辨率是多少?
查看答案>>
Python 可以萃取出我需要的某些信息嗎
Python[1] (英國發音:/??pa??θ??n/ 美國發音:/??pa??θɑ??n/), 是一種面向對象的解釋型計算機程序設計語言,由荷蘭人Guido van Rossum于1989年發明,第一個公開發行版發行于1991年。Python是純粹的自由軟件, 源代碼和解釋器CPython遵循 GPL(GNU General Public License)協議。Python語法簡潔清晰,特色之一是強制用空白符(white space)作為語句縮進。Python具有豐富和強大的庫。它常被昵稱為膠水語言,能夠把用其他語言制作的各種模塊(尤其是C/C++)很輕松地聯結在一起。常見的一種應用情形是,使用Python快速生成程序的原型(有時甚至是程序的最終界面),然后對其中有特別要求的部分,用更合適的語言改寫,比如3D游戲中的圖形渲染模塊,性能要求特別高,就可以用C/C++重寫,而后封裝為Python可以調用的擴展類庫。需要注意的是在您使用擴展類庫時可能需要考慮平臺問題,某些可能不提供跨平臺的實現。7月20日,IEEE發布2017年編程語言排行榜:Python高居首位.優點簡單:Python是一種代表簡單主義思想的語言。閱讀一個良好的Python程序就感覺像是在讀英語一樣。它使你能夠專注于解決問題而不是去搞明白語言本身。易學:Python極其容易上手,因為Python有極其簡單的說明文檔[6] 。速度快:Python 的底層是用 C 語言寫的,很多標準庫和第三方庫也都是用 C 寫的,運行速度非常快。[4] 免費、開源:Python是FLOSS(自由/開放源碼軟件)之一。使用者可以自由地發布這個軟件的拷貝、閱讀它的源代碼、對它做改動、把它的一部分用于新的自由軟件中。FLOSS是基于一個團體分享知識的概念。高層語言:用Python語言編寫程序的時候無需考慮諸如如何管理你的程序使用的內存一類的底層細節。可移植性:由于它的開源本質,Python已經被移植在許多平臺上(經過改動使它能夠工作在不同平臺上)。這些平臺包括Linux、Windows、FreeBSD、Macintosh、Solaris、OS/2、Amiga、AROS、AS/400、BeOS、OS/390、z/OS、Palm OS、QNX、VMS、Psion、Acom RISC OS、VxWorks、PlayStation、Sharp Zaurus、Windows CE、PocketPC、Symbian以及Google基于linux開發的android平臺。解釋性:一個用編譯性語言比如C或C++寫的程序可以從源文件(即C或C++語言)轉換到一個你的計算機使用的語言(二進制代碼,即0和1)。這個過程通過編譯器和不同的標記、選項完成。運行程序的時候,連接/轉載器軟件把你的程序從硬盤復制到內存中并且運行。而Python語言寫的程序不需要編譯成二進制代碼。你可以直接從源代碼運行 程序。在計算機內部,Python解釋器把源代碼轉換成稱為字節碼的中間形式,然后再把它翻譯成計算機使用的機器語言并運行。這使得使用Python更加簡單。也使得Python程序更加易于移植。面向對象:Python既支持面向過程的編程也支持面向對象的編程。在“面向過程”的語言中,程序是由過程或僅僅是可重用代碼的函數構建起來的。在“面向對象”的語言中,程序是由數據和功能組合而成的對象構建起來的。可擴展性:如果需要一段關鍵代碼運行得更快或者希望某些算法不公開,可以部分程序用C或C++編寫,然后在Python程序中使用它們。可嵌入性:可以把Python嵌入C/C++程序,從而向程序用戶提供腳本功能。豐富的庫:Python標準庫確實很龐大。它可以幫助處理各種工作,包括正則表達式、文檔生成、單元測試、線程、數據庫、網頁瀏覽器、CGI、FTP、電子郵件、XML、XML-RPC、HTML、WAV文件、密碼系統、GUI(圖形用戶界面)、Tk和其他與系統有關的操作。這被稱作Python的“功能齊全”理念。除了標準庫以外,還有許多其他高質量的庫,如wxPython、Twisted和Python圖像庫等等。規范的代碼:Python采用強制縮進的方式使得代碼具有較好可讀性。而Python語言寫的程序不需要編譯成二進制代碼。缺點單行語句和命令行輸出問題:很多時候不能將程序連寫成一行,如import sys;for i in sys.path:print i。而perl和awk就無此限制,可以較為方便的在shell下完成簡單程序,不需要如Python一樣,必須將程序寫入一個.py文件。獨特的語法這也許不應該被稱為局限,但是它用縮進來區分語句關系的方式還是給很多初學者帶來了困惑。即便是很有經驗的Python程序員,也可能陷入陷阱當中。運行速度慢:這里是指與C和C++相比。應用領域:系統編程:提供API(Application Programming Interface應用程序編程接口),能方便進行系統維護和管理,Linux下標志性語言之一,是很多系統管理員理想的編程工具[7] 。圖形處理:有PIL、Tkinter等圖形庫支持,能方便進行圖形處理。數學處理:NumPy擴展提供大量與許多標準數學庫的接口。文本處理:python提供的re模塊能支持正則表達式,還提供SGML,XML分析模塊,許多程序員利用python進行XML程序的開發。數據庫編程:程序員可通過遵循Python DB-API(數據庫應用程序編程接口)規范的模塊與Microsoft SQL Server,Oracle,Sybase,DB2,MySQL、SQLite等數據庫通信。python自帶有一個Gadfly模塊,提供了一個完整的SQL環境。網絡編程:提供豐富的模塊支持sockets編程,能方便快速地開發分布式應用程序。很多大規模軟件開發計劃例如Zope,Mnet 及BitTorrent. Google都在廣泛地使用它。Web編程:應用的開發語言,支持最新的XML技術。多媒體應用:Python的PyOpenGL模塊封裝了“OpenGL應用程序編程接口”,能進行二維和三維圖像處理。PyGame模塊可用于編寫游戲軟件。pymo引擎:PYMO全稱為python memories off,是一款運行于Symbian S60V3,Symbian3,S60V5, Symbian3, Android系統上的AVG游戲引擎。因其基于python2.0平臺開發,并且適用于創建秋之回憶(memories off)風格的AVG游戲,故命名為PYMO。黑客編程:python有一個hack的庫,內置了你熟悉的或不熟悉的函數,但是缺少成就感。123456789用Python寫簡單爬蟲首先,要通過urllib2這個Module獲得對應的HTML源碼。(PS:在python3.3之后urllib2已經不能再用,代之以urllib)import urllib2 #調用urllib2 url='http://www.baidu.com/s?wd=cloga' #把等號右邊的網址賦值給urlhtml=urllib2.urlopen(url).read() #html隨意取名 等號后面的動作是打開源代碼頁面,并閱讀print html #打印通過上面這三句就可以將URL的源碼存在content變量中,其類型為字符型。接下來是要從這堆HTML源碼中提取我們需要的內容。用Chrome查看一下對應的內容的代碼(也可以用Firefox的Firebug)。可以看到url的信息存儲在span標簽中,要獲取其中的信息可以用正則式。
淘寶美工 只會PS行不行
一般的店鋪會PS已經足夠了,常用的方法涉及到的如鋼筆工具(路徑)、加深工具、減淡工具、涂抹工具、調色方法(如色彩平衡、可選顏色、色階、色相/飽和度、陰影、高光)等一系列工具和功能,希望可以幫到你。
平面設計主要需要學什么的?
搜索為課網校可以免費聽課。第一部份 結構素描、光影素描、速寫、設計素描、戶外寫生色彩原理、色彩配色、設計色彩、色調小稿訓練、色彩長期作業第二部份 Photoshop CS2:Photoshop操作基礎、圖象優化處理、經典實例分析與制作Illustrator CS2:廣告招牌制作、燈箱廣告、服裝廣告設計、企業徽標設計、名片設計 IndesignCS2:專業的排版工具、印刷相關知識、書報高級排版技巧Acrobat7.0:專業的電子文檔工具、可以實現任何文檔之間的互轉,PDF文檔的生成與轉換Coreldraw13:包裝盒的設計、宣傳單、海報及名片的制作、產品及商業廣告設計、名片設計 第三部份 Photoshop高級:講解海報設計、包裝盒設計、CI設計、產品廣告設計、后期處理等方面的應用Illustrator高級:廣告插畫制作、矢量描圖、角色貼圖制作、廣告創意稿、印前制作技巧等第四部份 Dreamweaver8.0:網頁布局、制作;Html&Css簡介;網站管理與維護、上傳與下載;案例分析Flash8.0:美工設計、網頁配色;CI、LOGO、Banner的制作;常見網頁動畫制作、網頁布局Fireworks8.0:經典網頁動畫、廣告、片頭、賀卡設計與分析;MTV制作、交互式網站簡介 第五部份 平面構成、立體構成、色彩構成、色彩設計學、字體設計、版式設計、圖形創意、招貼設計 第六部份 廣告設計(CI策劃)、VI設計、印刷設計、包裝設計、書籍裝幀設計、視覺導向設計、電視廣告腳本設計,軟件綜合要搞平面設計,photoshop、Coreldraw、Illustraor這三個軟件都是應該熟練掌握的.這3個軟件可以自學,下教程,自己做實例來熟練掌握.基礎的平面設計就是Photoshop、Coreldraw,要考設計師就要學Photoshop、Illustrator、Indesign Acrobat四個軟件.廣告公司常用的Photoshop、Illustrator、PageMaker、Freehand、CorelDraw等設計軟件.1. 標志設計(logo設計,商標設計)2. CIS設計、VI設計(企業形象 識別系統設計)3. 廣告設計、廣告創意設計4. 海報設計、 DM 設計(宣傳單設計)5. 樣本設計、宣傳手冊設計、畫冊設計6. 樓書設計、年報設計7. 包裝設計8. 書籍插畫繪制、賀卡設計、請柬設計9. 報紙、雜志排版設計10. 各類印刷品設計等等.常用平面設計軟件平面設計軟件一直是應用的熱門領域,我們可以將其劃分為圖像繪制和圖像處理兩個部分,例如建模和繪圖軟件、渲染軟件、圖像處理軟件、印前組版軟件等.下面簡單介紹這方面一些常用軟件的情況:1、AutoCADAutoCAD是一款著名的圖形設計軟件,最早于1982年在Comdex大會上亮相,由于其卓越的性能,被譽為萬能計算機輔助設計軟件,被廣泛應用于建筑、電子、機械、廣告、裝飾、、服裝等諸多平面及立體設計領域,目前已成為工程制圖領域事實上的繪圖標準和占有率最高的CAD軟件,在國內市場也處處可見其身影.目前,AutoCAD可以在多個平臺上使用,例如DOS平臺的12.0版本、Windows平臺的14/2000/2002/2004/2005版本,還有供工作站運行的UNIX版本.AutoCAD具有極強的開放性和可擴展性,軟件提供了強大的二次開發手段,例如Visual lisp、C++、ARX、Microsoft Visual Basic for Application(VBA)等,這使得AutoCAD用戶可極大的擴展軟件的功能,并可極大應用其它第三方開發出新的功能.2、3D Studio Max制作三維動畫是一個涉及范圍很廣的話題,從某種角度來說,三維動畫的創作有點類似于雕刻、攝影、布景設計及舞臺燈光的使用,作為專業級的作品至少要經過三步:造型、動畫、和繪圖.在DOS操作系統占據天下的時代,三維動畫設計離普通用戶還很遙遠,3D Studio是為數不多能夠穩定運行在DOS下的一款3D軟件,Windows取代DOS成為桌面PC的主流操作系統后,Autodesk公司不失時機推出了3D Studio Max(一般簡稱為“3DS Max”),隨著計算機硬件的迅速發展,在個人PC上制作三維動畫已經不再只是夢想.3D Studio Max是目前PC平臺上使用最廣泛的三維建模、動畫、渲染軟件,被廣泛應用于廣告宣傳、游戲設計、影視后期制作等動畫領域,最新版本集成了很多過去只是在電影、游戲和3D設計中應用的專業工具或插件.3、CorelDrawCorelDraw是Corel公司推出的集矢量圖形設計、印刷排版、文字編輯處理和圖形高品質輸出于一體的平面設計軟件,深受廣大平面設計人員的喜愛,目前主要在廣告制作、圖書出版等方面得到廣泛的應用,功能與其類似的軟件有Illustrator、Freehand.最新版本的CorelDRAW Graphics Suite可以為用戶提供功能強大的工具,通過減少工作中的某些點擊、步驟的數量來節省時間,其中還集成了3個圖形程序、多個用途廣泛的工具及公用程序,新的套件包括為插圖、頁面布局和矢量制圖而設的CorelDRAW 12,為專業數字成像成而設的Corel PHOTO-PAINT 12以及為創建運動圖形而設的Corel R.A.V.E.3. 4、Adobe Photoshop這款美國Adobe公司的軟件一直是圖像處理領域的巨無霸在出版印刷、廣告設計、美術創意、圖像編輯等領域得到了極為廣泛的應用,最新版本突破了以往Photoshop系列產品更注重平面設計的局限性,對數碼暗房的支持功能有了極大的加強和突破,例如修復畫筆可以極為輕松地消除圖片中的塵埃、劃痕、斑點、褶皺,而且可以同時保留圖像中的陰影、光照、紋理等效果,創新功能可以讓用戶更快地進行設計、提高圖像質量,并且以專業的高效率管理文件.不過,為了防止盜版,Photoshop CS加入了倍受爭議的類似于Windows XP的激活技術,用戶必須聯網激活后才可以正常使用,否則的話只能使用兩天時間. 5、FreehandFreehand是一款全方便的、可適合不同應用層次用戶需要的矢量繪圖軟件,與Macromedia公司的Flash、FireworksPagemaker并列為“網頁制作三劍客”,可以在一個流程化的圖形創作環境中,提供從設計理念完美地過渡到實現設計、制作、發布所需要的一切工具,而且這些操作都在同一個操作平臺中完成,其最大的優點是可以充分發揮人的想象空間,始終以創意為先來指導整個繪圖,目前在印刷排版、多媒體、網頁制作等領域得到廣泛的應用.6、Adobe Illustrator CS Adobe Illustrator v11 是一套被設計用來作輸出及網頁制作雙方面用途、功能強大且完善的繪圖軟件包,這個專業的繪圖程序整合了功能強大的向量繪圖工具、完整的PostScript輸出,并和Photoshop或其它Adobe家族的軟件緊密地結合.該軟件以突破性、富于創意的選項和功能強大的工具為您有效率地在網上、印刷品或在任何地方發布藝術作品,界定了向量圖形的未來. 第10版增加了諸如Arc、矩型網格線(Rectangular Grid)以及坐標網格線(Polar Grid)工具等新的繪圖及自動化優點;增加編輯的靈活度以及標志(編輯主要的對象或圖像復制).你可以運用筆刷及其它如合并、數據驅動坐標等在工具列上的創造工具,幫助你建立聯結到數據庫的樣版. 新的Illustrator還提供的網絡生產功能,包括裁切圖像并支持可變動向量繪圖檔(SVG)增強. 7、 maya Maya是美國Autodesk公司出品的世界頂級的三維動畫軟件,應用對象是專業的影視廣告,角色動畫,電影特技等.Maya功能完善,工作靈活,易學易用,制作效率極高,渲染真實感極強,是電影級別的高端制作軟件.其售價高昂,聲名顯赫,是制作者夢寐以求的制作工具,掌握了Maya,會極大的提高制作效率和品質,調節出仿真的角色動畫,渲染出電影一般的真實效果,向世界頂級動畫師邁進.Maya 集成了Alias/Wavefront 最先進的動畫及數字效果技術.她不僅包括一般三維和視覺效果制作的功能,而且還與最先進的建模、數字化布料模擬、毛發渲染、運動匹配技術相結合.Maya 可在Windows NI 與 SGI IRIX 操作系統上運行.在目前市場上用來進行數字和三維制作的工具中,Maya 是首選解決方案. 8、非線性編輯軟件 Adobe Premiere 一款常用的視頻編輯軟件,由Adobe公司推出.現在常用的有6.5、Pro1.5、2.0等版本.是一款編輯畫面質量比較好的軟件,有較好的兼容性,且可以與adobe公司推出的其他軟件相互協作.目前這款軟件廣泛應用于廣告制作和電視節目制作中. 其最新版本為Adobe Premiere Pro CS4.. 9、pagemakerPageMaker是由創立桌面出版概念的公司之一Aldus于1985年推出,后來在升級至5.0版本時,被Adobe公司在1994年收購.PageMaker提供了一套完整的工具,用來產生專業、高品質的出版刊物.它的穩定性、高品質及多變化的功能特別受到使用者的贊賞.另外,在6.5版中添加的一些新功能,讓我們能夠以多樣化、高生產力的方式,通過印刷或是Internet來出版作品.還有,在6.5版中為與Adobe Photoshop 5.0配合使用提供了相當多的新功能,PageMaker在界面上及使用上就如同Adobe Photoshop,Adobe Illustrator及其他Adobe的產品一樣,讓我們可以更容易地運用Adobe的產品.最重要的一點,在PageMaker的出版物中,置入圖的方式可謂是最好的了.通過鏈接的方式置入圖,可以確保印刷時的清晰度,這一點在彩色印刷時尤其重要.最后說一句 平面設計最重要的是創意 軟件只是實現你想法的工具
PC端UI設計尺寸規范?
對于剛入行的UI設計師,最容易犯的錯就是在設計移動APP時,不懂什么尺寸或者用哪種屏幕的尺寸是最適當的?為了解決這個問題,今天我們就簡單的為大家整理做UI時最基礎的尺寸規范。現象首先說現象,大家都知道移動端設備屏幕尺寸非常多,碎片化嚴重。尤其是Android,你會聽到很多種分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了:640×960, 640×1136, 750×1334, 1242×2208。不要被這些尺寸嚇倒。實際上大部分的app UI設計和移動端網頁,在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法,而且有規律可循。像素密度要知道,屏幕是由很多像素點組成的。之前提到那么多種分辨率,都是手機屏幕的實際像素尺寸。比如480×800的屏幕,就是由800行、480列的像素點組成的。每個點發出不同顏色的光,構成我們所看到的畫面。而手機屏幕的物理尺寸,和像素尺寸是不成比例的。最典型的例子,iPhone 3gs的屏幕像素是320×480,iPhone 4s的屏幕像素是640×960。剛好兩倍,然而兩款手機都是3.5英寸的。所以,我們要引入最重要的一個概念:像素密度,也就是PPI(pixels per inch)。這項指標是連接數字世界與物理世界的橋梁。Pixels per inch,準確的說是每英寸的長度上排列的像素點數量。1英寸是一個固定長度,等于2.54厘米,大約是食指最末端那根指節的長度。像素密度越高,代表屏幕顯示效果越精細。Retina屏比普通屏清晰很多,就是因為它的像素密度翻了一倍。倍率與邏輯像素再用iPhone 3gs和4s來舉例。假設有個郵件列表界面,我們不妨按照PC端網頁設計的思維來想象。3gs上大概只能顯示4-5行,4s就能顯示9-10行,而且每行會變得特別寬。但兩款手機其實是一樣大的。如果照這種方式顯示,3gs上剛剛好的效果,在4s上就會小到根本看不清字。在現實中,這兩者效果卻是一樣的。這是因為Retina屏幕把2×2個像素當1個像素使用。比如原本44像素高的頂部導航欄,在Retina屏上用了88個像素的高度來顯示。導致界面元素都變成2倍大小,反而和3gs效果一樣了。畫質卻更清晰。在以前,iOS應用的資源圖片中,同一張圖通常有兩個尺寸。你會看到文件名有的帶@2x字樣,有的不帶。其中不帶@2x的用在普通屏上,帶@2x的用在Retina屏上。只要圖片準備好,iOS會自己判斷用哪張,Android道理也一樣。由此可以看出,蘋果以普通屏為基準,給Retina屏定義了一個2倍的倍率(iPhone 6plus除外,它達到了3倍)。實際像素除以倍率,就得到邏輯像素尺寸。只要兩個屏幕邏輯像素相同,它們的顯示效果就是相同的。Android的解決方法類似,但更復雜一些。因為Android屏幕尺寸實在太多,分辨率高低跨度非常大,不像蘋果只有那么幾款固定設備、固定尺寸。所以Android把各種設備的像素密度劃成了好幾個范圍區間,給不同范圍的設備定義了不同的倍率,來保證顯示效果相近。像素密度概念雖然重要,但用不著我們自己算,iOS與Android都幫我們算好了。如圖所示,像素密度在120左右的屏幕歸為ldpi,160左右的歸為mdpi,以此類推。這樣,所有的Android屏幕都找到了自己的位置,并賦予了相應的倍率:ldpi [0.75倍]mdpi [1倍]hdpi [1.5倍]xhdpi [2倍]xxhdpi [3倍]xxxhdpi [4倍]各型號iPhone的倍率比較簡單,我們后面會講到。那么Android手機那么多,具體怎么分?哪些手機是幾倍的倍率呢?我們先看一張表,這是友盟2014年10月到2015年03月的數據:就目前市場狀況而言,各種手機的分辨率可以這樣粗略判斷。雖然不全面,但至少在1年內都還有一定的參考意義:ldpi 如今已絕跡,不用考慮mdpi [320x480](市場份額不足5%,新手機不會有這種倍率,屏幕通常都特別小)hdpi [480x800、480x854、540x960](早年的低端機,屏幕在3.5英寸檔位;如今的低端機,屏幕在4.7-5.0英寸檔位)xhdpi [720x1280](早年的中端機,屏幕在4.7-5.0英寸檔位;如今的中低端機,屏幕在5.0-5.5英寸檔位)xxhdpi [1080x1920](早年的高端機,如今的中高端機,屏幕通常都在5.0英寸以上)xxxhdpi [1440x2560](極少數2K屏手機,比如Google Nexus 6)自然地,以1倍的mdpi作為基準。像素密度更高或者更低的設備,只需乘以相應的倍率,就能得到與基準倍率近似的顯示效果。不過需要注意的是,Android設備的邏輯像素尺寸并不統一。比如兩種常見的屏幕480×800和1080×1920,它們分別屬于hdpi和xxhdpi。除以各自倍率1.5倍和3倍,得到邏輯像素為320×533和360×640。很顯然,后者更寬更高,能顯示內容。所以,即使有倍率的存在,各種Android設備的顯示效果仍然無法做到完全一致。單位不難發現,真正決定顯示效果的,是邏輯像素尺寸。為此,iOS和Android平臺都定義了各自的邏輯像素單位。iOS的尺寸單位為pt,Android的尺寸單位為dp。說實話,兩者其實是一回事。單位之間的換算關系隨倍率變化: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)單位決定了我們的思考方式。在設計和開發過程中,應該盡量使用邏輯像素尺寸來思考界面。設計Android應用時,有的設計師喜歡把畫布設為1080×1920,有的喜歡設成720×1280。給出的界面元素尺寸就不統一了。Android的最小點擊區域尺寸是48x48dp,這就意味著在xhdpi的設備上,按鈕尺寸至少是96x96px。而在xxhdpi設備上,則是144x144px。無論畫布設成多大,我們設計的是基準倍率的界面樣式,而且開發人員需要的單位都是邏輯像素。所以為了保證準確高效的溝通,雙方都需要以邏輯像素尺寸來描述和理解界面,無論是在標注圖還是在日常溝通中。不要再說“底部標簽欄的高度是96像素,我是按照xhdpi做的”這樣的話了。Web怎么辦移動端頁面的絕對單位仍然是px,至少代碼里這么寫,但它的道理也和app一樣。由于像素密度是設備本身的固有屬性,它會影響到設備中的所有應用,包括瀏覽器。前端技術可以善加利用設備的像素密度,只需一行代碼,瀏覽器便會使用app的顯示方式來渲染頁面。根據像素密度,按相應倍率縮放。以iPhone 5s為例,屏幕的分辨率是640×1136,倍率是2。瀏覽器會認為屏幕的分辨率是320×568,仍然是基準倍率的尺寸。所以在制作頁面時,只需要按照基準倍率來就行了。無論什么樣的屏幕,倍率是多少,都按邏輯像素尺寸來設計和開發頁面。只不過在準備資源圖的時候,需要準備2倍大小的圖,通過代碼把它縮成1倍大小顯示,才能保證清晰。實際應用大家最關心的還是實際運用,畫布該怎么設置。我們就iOS、Android、Web三個平臺來分別梳理一下。不過在這之前,我要為使用PS進行設計的朋友介紹一個小技巧。之前我說過,我們要以邏輯像素尺寸來思考界面。體現到設計過程中,就是要把單位設置成邏輯像素。打開PS的首選項——單位與標尺界面,把尺寸和文字單位都改成點(Point)。這里的點也就是pt,無論設計iOS、Android還是Web應用,單位都用它。當然,各平臺單位名稱還是要記住的。這里我們用的只是它的原理,不用在意名稱。要調節倍率,則通過圖像大小里的DPI來控制。這個DPI,其實就是PPI,像素密度。有個常識大家都知道,屏幕上的設計DPI設成72,印刷品設計DPI設成300。為什么是這兩個數字?首先說300,這和人眼的分辨能力有關。由于1英寸是固定長度,每1英寸有多少個像素點決定了畫質清晰程度。之前說過,這就是像素密度,也就是DPI。DPI達到300以上,其細膩程度就會給人真實感,像真實世界中的物件。相反,DPI只有10的話,在你一個食指指節大小的長度內只有10個像素,這明顯就是馬賽克了。所以印刷品要設成300,才能保證清晰。再說72,這有一定的歷史原因。最早的圖形設計是在mac電腦上進行的,mac本身的顯示器分辨率就是72。PS中把圖像DPI也設成72,就能保證屏幕上顯示的尺寸和打印尺寸相同,便于設計。72的PC顯示器分辨率逐漸成為一種默認的行業標準,這套規則就這么沿用下來。現在回到正題,我們怎么通過DPI來調節倍率?既然屏幕本身的分辨率是72,DPI設成72剛好是1倍尺寸,那設成72的兩倍就是倍率為2的屏幕了,就這么簡單。下面來看看3個平臺各自的畫布設置:IPhoneiPhone的屏幕尺寸各不相同,我說的是邏輯像素尺寸,這確實是讓人很頭疼的事情。如果想用一套設計涵蓋所有iPhone,就要選擇邏輯像素折中的機型。從市場占有率數據來看,目前最多的是iPhone5/5s的屏幕。倍率為2,邏輯像素320×568。上升勢頭最猛,未來有望登上第一的是iPhone 6的屏幕。倍率為2,邏輯像素375×667。按照這兩種尺寸來設計,都是比較主流的做法。可以兼顧短一些的iPhone 4s,大一點的6 plus也不會過于空曠。不過在切圖的時候要注意,由于iPhone 6 plus的3倍圖是由2倍圖放大而來,所以位圖要注意保證清晰。Android都說Android碎片化嚴重,但它現在反而比iOS好處理。因為如今的Android屏幕邏輯像素已經趨于統一了:360×640,就看你設成幾倍了。想以xhdpi為準,就把DPI設成72×2=144。想以xxhdpi為準,就把DPI設成72×3=216。對于那些比較老的低端機,寬度是480px的那批,畫面確實會小一些,顯示內容會更少。稍微留意一下,重要內容盡量保持在界面中上部分。當然,這些機型不出一年就會被邊緣化,基本淘汰。現在能運轉的也是當作功能機在用,軟件多了必卡無疑,用戶體驗無從談起。不作考慮也是OK的。Web手機端網頁就沒有統一標準了,比較流行的做法是按照iPhone 5的尺寸來設計。倍率2,邏輯像素320×568。這樣的做法比較實在,倍率2的屏幕無論在iOS還是Android方面都是主流,而且又是2倍屏幕中邏輯像素最小的。所以圖片的尺寸可以保持在較小的水平,頁面加載速度快。當然,缺點就是在倍率3的設備上看,圖片不是特別清晰。如果追求圖片質量,愿意犧牲加載速度,那么可以按照最大的屏幕來設計。也就是iPhone 6 plus的尺寸,倍率3,邏輯像素414×736。總結移動端的尺寸比PC端復雜,關鍵就在倍率。但也正因為倍率的存在,把大大小小的屏幕拉回到同一水平線,得以保證一套設計適應各種屏幕。站在這條水平線的角度看,會發現它很好理解。
ps怎么做折頁
1、本教程采用photoshop CS5制作,其它版本通用,打開PS新建一個標準的16開大度橫版文檔,具體參數設置2、建立完空白文檔后,選擇菜單“視圖->新建參考線”進行三折頁的參考線設定 3、根據三折頁的劃分及出血尺寸,我們要在水平上新建兩條參考線(0.3厘米、21.3厘米),垂直上新建四條參考線(0.3厘米、9.8厘米、19.3厘米、28.8厘米),建立完后選擇菜單“視圖->鎖定參考線”進行參考線鎖定,如果參考線沒有顯示,可以選擇菜單“視圖->顯示->參考線”即可4、接下來我們進行背景布局,平面設計五花八門,沒有什么固定的模式,一般三折頁的正面三個版面從左到右為頁面4、封底和封面,反面的三個版面從左到右為頁面1、頁面2和頁面3,一般頁面1、2、3都是介紹宣傳內容,設計上相對簡單,而封面和封底以及頁面4可采用單頁面設計,也可采用封面和封底聯版設計,而本例將對頁面4、封底和封面三個版面采用聯版設計,這樣可以讓畫面顯得大氣一些,首先設計封面,打開原圖一,利用移動工具將其拖入到文檔中生成圖層1,按Ctrl+T鍵進行自由變換,適當調整大小及位置5、接著打開原圖二,一樣拖入文檔中生成圖層2,并適當調整大小及位置6、將圖層2復制生成一個“圖層2 副本”,選擇菜單“編輯->變換->水平翻轉”,然后按Ctrl+T進行自由變換,適當調整大小及位置7、單擊選擇畫筆工具,設置前景色為黑色,畫筆大小為400左右,硬度為0,不透明度為50%8、給“圖層2 副本”添加圖層蒙版,利用設置好的畫筆工具對其邊緣進行過渡處理9、給圖層2也添加圖層蒙版,同樣用畫筆對其邊緣進行過渡處理10、將原圖二再拖入文檔中生成圖層3,選擇菜單“編輯->變換->水平翻轉”,然后按Ctrl+T鍵進行自由變換,適當調整大小及位置11、給圖層3也添加圖層蒙版,將用不到的邊緣部分擦除掉,這樣背景的布局就基本完成。12、打開原圖三,同樣拖入文檔中生成圖層4,適當調整位置13、給圖層4添加圖層蒙版,用畫筆對邊緣部分進行過渡處理14、繼續打開原圖四,拖入文檔生成圖層5,按Ctrl+T鍵進行自由變換,適當將其壓扁,這樣能形成一種立體視覺效果15、將圖層5的圖層混合模式設置為“正片疊底”16、同樣打開原圖五拖入文檔生成圖層6,將圖層6置于圖層5的下方,設置其圖層混合模式為“變亮”,按Ctrl+T鍵適當調整大小及位置17、單擊“直排文字工具”,字體選擇“博洋行書3500”,字體大小為96點左右18、在文檔中單擊并輸入文字“武當”,然后選擇菜單“圖層->圖層樣式”,勾選“外發光”和“斜面和浮雕”,適當設置外發光,具體參數設置19、再適當設置字體及大小,在首頁右下角位置輸入“弘揚中華武術”和“彰顯國人精魂”字樣,并設置圖層樣式“外發光”20、到此封面基本設計完成,接下來進行封底設計,打開原圖六,拖入生成圖層7,設置其圖層混合模式為“正片疊底”,然后將其置于右上角21、適當設置字體(如葉根友毛筆行書2.0版)及大小,分別輸入“太”和“極”兩個字,并設置外發光圖層樣式22、接著在封底的左下角位置輸入“中國湖北武當山”字樣,設置外發光圖層樣式23、接下來處理頁面4,也即最左邊的版面,打開原圖七,拖入生成圖層8,適當調整大小及位置24、單擊選擇魔棒工具,設置容差為20左右,不要勾選“連續”25、在圖層8的灰白位置多處單擊(按Shift鍵可疊加選區),直到將除文字外的部分都選中26、按Ctrl+Shift+I鍵將選區反選,然后給圖層8添加圖層蒙版,這樣就得到大概的文字內容27、單擊選擇圖層8的圖層蒙版,利用黑色畫筆將一些邊緣雜色擦除干凈28、可以將圖層8復制生成“圖層8 副本”,將印章部分選中,反選后將其余部分刪除29、單擊選中圖層8,選擇菜單“圖層->圖層樣式->顏色疊加”,設置疊加顏色為黑色30、用黑色畫筆工具將一些雜色擦除干凈,然后同樣對“圖層8 副本”進行顏色疊加,設置疊加顏色為紅色,另外還可以加上外發光樣式,總之根據需要進行自由設計,到此本例的三折頁的正面基本制作完成,對于宣傳彩頁來說,文字內容不要太多,因為沒有幾個人會很用心的去看內容,所以要用盡可能簡單的畫面和文字將你想要表達的內容表達出來,這就是設計的重點!http://bbs.16xx8.com/thread-145809-1-1.html
用PS做的網頁設計如何做成動態網站效果
用PS做的是效果圖,需要前端開發人員編寫代碼才可以在網站上展示出來。 簡單來說,在PS里做好之后,需要切圖。把圖片切割成適合在網站上瀏覽。 切圖時需要把文字分離出圖片的要處理好。 切好圖片之后,需要用html結合JavaScript等知識編寫代碼。 這樣寫出的頁面還只是靜態的網站。 如果想要做成動態的效果,還需要搭建后臺,連接數據庫等。
用PS做的網頁設計如何做成動態網站效果
用PS做的是效果圖,需要前端開發人員編寫代碼才可以在網站上展示出來。 簡單來說,在PS里做好之后,需要切圖。把圖片切割成適合在網站上瀏覽。 切圖時需要把文字分離出圖片的要處理好。 切好圖片之后,需要用html結合JavaScript等知識編寫代碼。 這樣寫出的頁面還只是靜態的網站。 如果想要做成動態的效果,還需要搭建后臺,連接數據庫等。
用ps設計一個網站要設置多大的寬和高?分辨率是多少?
1、一般而言,設計網站的尺寸是1920px寬度(包含背景設計),當然內容顯示區是950px/980px/1000px而高度根據需求來定,分辨率為72就可以了,很多設計師為了追求細節,一般都是這個數值的2倍或者三倍 2、圖解:整個頁面設計內容顯示區:淘寶是950px,一般的企業網站是980px