导航:首页 > 万维百科 > 网站设计切图尺寸

网站设计切图尺寸

发布时间: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,一般情况下不要用,一个是占用空间大,再是在不同的浏览器下浏览,会出现灰色背景,祝你好运!

与网站设计切图尺寸相关的知识