導航:首頁 > 萬維百科 > 網站設計切圖尺寸

網站設計切圖尺寸

發布時間:2020-11-28 08:00:40

1、1366*768的解析度,設計網頁尺寸是多大?

無論電腦解析度或多或少,做網頁應該按照這個標准,只需要考慮web頁面的寬度,高度依賴於內容的布局。

現在大多數電腦方便的1280年,1366年,1440年,1660年,1920年,所以web頁面通常設計成一個新的帆布1920px寬,與核心內容控制在1280年,以確保大多數電腦打開網站,可以顯示所有的內容的網站。

(1)網站設計切圖尺寸擴展資料:

1366:768解析度:18.5英寸16:9顯示

其他不同大小的普通屏幕的最佳解析度(最佳解析度可能因顯示器的大小而異)

監視器:1440x900(16:10)

20寸顯示器:1600x900(16:9)1600x1200(4:3)

21.5」顯示器:1920x1080(16:9)

22英寸顯示:1680x1050(16:10)1920x1080(16:9)1920x1200(16:10)

23「顯示器:1920x1080(16:9)1920x1200(16:10)」

23.6「顯示器:1920x1080(16:9)」

24英寸顯示:1920x1200(16:10)1920x1080(16:9)

2、要做一個公司網站的首頁網頁在PS里尺寸多大啊??

PS設計網站頁面時都新建多大的尺寸?
A,一般顯示解析度 800*600 1024*768 1280*768 1440*900
設計中主要考慮寬度,因為盡量不要在瀏覽器中出現橫向的滾動條,當然你要是專門為了做一個橫向寬的版面那另當別論,所以除去瀏覽器邊欄的寬度,還有滾動條的寬度,剩下多少你自己要知道是多少,頁面經常還有兩側浮動廣告,還要留出位置,素以最終的大小,你自己在設計之前,現在紙上上畫一下,計算一下,然後再動工,具體數值,你上百度搜索一下瀏覽器的具體寬度參數。
B,一般製作畫布的尺寸1002px*768或1003px*768
現在電腦顯示器幾乎都是寬屏,在不同解析度的效果都要考慮到
C,如果我要做一個寬度占滿電腦屏幕的頁面,那設計時的尺寸用稍小於1440可以嗎.
第一次設計頁面,以前都負責製作的.而且都是寬度960居中的.

3、關於網頁製作的,什麼是切圖,切圖要達到什麼目的,用什麼工具來切

製作網頁,很多的時候,首先要用圖片處理軟體製作出網頁的效果圖。效果圖做好是一幅完整的圖片,不可能把這一整張的圖片都用在網頁里。把效果圖中有用的部分剪切下來作為網頁製作時的素材,這個過程就是切圖。(當然是用剪切、選擇工具也可以,但是用切片工具處理更精確。)

切圖的目的就是更加精確的進行網頁布局。

photoshop、fireworks等軟體都帶有切片工具。

4、UI設計中關於設計規范,切圖和尺寸的幾點疑

切圖嚴格來說並不是Ui設計師的工作
而是前端工程師的工作
指的是將設計師的設計轉化為網頁
是一種將設計師的「理想」轉化為「現實」的工作
將psd進行切片重組 利用div+css js等等前端開發代碼來生成網頁的一種技術

5、手機端網頁設計尺寸多少

iPhone手機網頁的設計尺寸

iPhone5尺寸是640x1136px解析度是326PPI
iPhone4和iPhone4S尺寸是640x960px解析度是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px解析度是163PPI

安卓網頁的設計尺寸

320dp:一個普通的手機屏幕(240X320,320×480,480X800)
480dp:一個中間平板電腦像(480×800)
600dp:7寸平板電腦(600×1024)
720dp:10寸平板電腦(720×1280,800×1280)

ipad網頁的設計尺寸

iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI

6、sketch設計網站切圖尺寸會按原尺寸導出就行是嗎

開發時需要的切圖尺寸很多,為了避免需要做很多切圖的麻煩,建議用藍湖一鍵切圖吧,效率高,而且開發可以選擇需要格式的切圖進行下載使用。

7、UI 中網頁設計切圖怎麼切

PxCook,目前我還沒用上Mac,所以也不知道傳說中的Sketch到底多神奇。PxCook在Windows上標注還比較順手,雖然它還附帶切圖功能,但是比較雞肋,不推薦用它切圖。
切圖工具:
Cutterman 一款PS的插件,切圖非常方便,但不支持綠色免安裝版本PS,而且對PS版本要求比較高,針對CS 6的已經不維護更新了。推薦安裝官方完整版PS cc,然後自行破解。官網上有安裝使用教程,自己研究下吧,因為我也是最近才開始接觸這款插件。
Part 2 Photoshop
現在常用的幾種設計尺寸
1. 640*960 4時代的尺寸,剛接觸APP設計用的是這個尺寸,擬物盛行的時代(現在用這個尺寸設計的應該比較少了吧);
2. 640*1136 5/5S/5C,IPhone更新,咱們設計也得跟著與時俱進(應該還有人用這個設計尺寸),進入扁平的時代了;
3. 750*1334 6 目前我做設計稿的設計尺寸,IPhone6的尺寸,向下可以適配4,5,向上可以適配6 plus;我記得IP6推出後,我問總監應該用什麼尺寸設計,他說用IP6的吧,好適配,切出來就是@2x了,改一改上下都能照顧到。

8、網頁設計中頁面的尺寸怎麼定?用PS設計的時候有哪些注意事項?才能在切圖的時候符合網頁布局?

寬度大概在960~1000px; 但是有的時候你需要考慮網頁中1000以外的東西怎麼延伸和擴展問題。因為目前為止,最小的解析度是1024的,所以符合最小解析度的就可以。

9、網頁設計怎麼切圖

你用什麼軟體設計的就用什麼軟體來裁切圖,我用的是photoshop進行設計,也是用這個來進行的切圖;
切圖保存格式最好、最常用的是gif和jpg。色彩要求不多的情況下,比如說小圖標,就用gif。如果色彩比較豐富,gif就不夠用了,就要保存成jpg。至於png,一般情況下不要用,一個是佔用空間大,再是在不同的瀏覽器下瀏覽,會出現灰色背景,祝你好運!

與網站設計切圖尺寸相關的知識