导航:首页 > 万维百科 > 1920网页设计尺寸规范

1920网页设计尺寸规范

发布时间:2020-10-17 04:11:05

1、有谁知道网页设计的有效范围最大是多少 我做的1920*1080 有效范围1200px

很多人都做全屏的1920或者1640px的banner高的话,最低600吧。。。一般可以860px

2、设计1920*1080大小的网页的内容应该限制多大的尺寸?

一般来说应该在1000px吧,最好先确定使用者的电脑大致分辨率的大小。因为很多用户用的是分辨率较低,如果用户都是大屏浏览器居多,那么就可以宽一点,比如你的客户是跟网站、设计类有关的,那么他们电脑的分辨率一般比较高,至少是1440px。

3、现在的网页设计默认的尺寸做多大的

网页设计合适尺寸,已经有了很大改变,不需要担心设备尺寸不同的问题,以目前主流形式来看,有以下:

1、pc端网页的设计稿尺寸是宽度1920px,高度最小是1080px , 主体内容在1200px内就行,比较规范。

2、移动端网页的设计尺寸可以考虑680px和720px

4、1366*768的分辨率,设计网页尺寸是多大?

无论电脑分辨率或多或少,做网页应该按照这个标准,只需要考虑web页面的宽度,高度依赖于内容的布局。

现在大多数电脑方便的1280年,1366年,1440年,1660年,1920年,所以web页面通常设计成一个新的帆布1920px宽,与核心内容控制在1280年,以确保大多数电脑打开网站,可以显示所有的内容的网站。

(4)1920网页设计尺寸规范扩展资料:

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)

5、720x1280与1080x1920设计尺寸各是多少

设计尺寸包括pixel(px),point(pt),pixel per inch(ppi),dot per inch(dpi),Density-independent pixel(px).

720 x 1280的设计尺寸分别为xhdpi,320,2.0,48dp,96px;

1080x1920的设计尺寸分别为xxhdpi,480,3.0,48dp,144px480。

APP设计尺寸单位各自的定义:

1、px:pixel——【 像素】  电子屏幕上组成一幅图画或照片的最基本单元;

2、pt: point——【 点】印刷行业常用单位,等于1/72英寸;

3、ppi: pixel per inch——【每英寸像素数】  该值越高,则屏幕越细腻;

4、dpi: dot per inch——【每英寸多少点】,该值越高,则图片越细腻;

5、dp: dip,Density-independent pixel——【安卓开发用的长度单位】。

(5)1920网页设计尺寸规范扩展资料:

IOS界面设计尺寸规范(以iPhone6为例):

一、界面尺寸规范

1、界面尺寸大小是:750x1334px。

2、状态栏(status bar):就是电量条,其高度为:40px;

3、导航栏(navigation):就是顶部条,其高度为:88px;

4、主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;

5、内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px

二、图标尺寸规范

1、导航栏和工具栏尺寸大小44x44px;

2、标签栏尺寸大小75x75px

3、导航栏的文字大小最大值是34-36px,标签栏的图标下方的文字大小为20px。

4、内容区域的文字大小是:20px 24px,26px,28px,30px,32px,34px。

6、网页设计的宽度是多少

整个宽度1920px,是为了防止大屏幕边缘全白的情况。中间的正文部分通常1000px,最多1200px

7、问问网页设计尺寸?

作为刚入行不久的设计师来说,很快就会网页设计的项目。那么,你知道网页设计的几个最基本标准吗?今天,我们就来简单的了解下,网页设计几个最基本的标准尺寸吧。





页面

布局


网页的布局主要有两种:左右型布局和居中型布局。布局的不一致,使可设计的空间也不相同。  

左右结构型

1、左右布局,灵活性强,UI的限制小;  

2、左边通栏为导航栏,宽度没有具体的限制,可以根据实际情况进行调整;  

3、右侧为内容板块范围,是网站内容展示区域。  

居中型  

4、居中布局,中间的黄色部分为有效的显示区域,用于网站内容的展示。  

5、换句话说,两边均为留白,没有实际用途,只是为了适配而存在。  

6、内容限制区域最好控制在1000px-1200px。  




尺寸

规范


01.

当前最流行的分辨率是1920*1080的,在该分辨率下,页面中心区域为1200px以内都可以,建议1000-1200。



其他分辨率情况下的尺寸如下:

800*600下,网页宽度保持在778以内;1024*768下,网页宽度保持在1002以内;



02.

(1920*1080分辨率下)顶部banner尺寸建议1920*500,最顶部信息栏与导航栏建议高度40、126。









字体

设计


网页中字体也是有使用规范的,合适的字体大小才能展现出最完美的效果,网页尺寸标准字体不标准也不行(1920*1080分辨率下)。

字体设计的总原则是:可辨识性和易读性。

中文建议使用微软雅黑字体,英文则建议使用arial 字体。常用的字体大小号有以下几种:  

1、12px是用于网页的最小字体,适用于突出性的日期,版权等注释性内容。  

2、14px则适用于非突出性的普通正文内容。  

3、16px或18px适用于突出性的标题内容。  

4、网站的字体大小并没有硬性规定具体的字号,根据实际情况可以酌情考虑,但是要有限制用偶数字号。  

5、字体规格也不需要太多,最好用三种混搭。如果需要更多  

6、层次的区别,可以改变字体颜色或加粗来体现。

8、网页设计的尺寸大小是多少,宽度应该是多少???

其实也没有硬性规定,但是为了兼容大多数浏览器一般是设置960px,随着现在浏览器分辨率的变化,已开始向着1000px,1200px宽度发展,例如淘宝(1000px)京东商城(1200px)。如果需要兼容不同浏览器尺寸,现在比较流行的做法是做成响应式的,即根据不同分辨率显示不同的尺寸,工作量也就随之增加了。貌似国内的大网站也没有使用。

9、关于网页设计尺寸和字号大小

html页面中的文字大小在用户浏览器下默认渲染是“16px",也没有强行规定一定要用多大的,这个要看设计图来定。

CSS上可以用"em"来替代“px”,em是一个相对的大小,我们可以这样来设置1em,0.5em,1.5em等,而且“em”还可以指定到小数点后三位,比如“1.365em”。

为什么要用em,而不用px的关键点:

1. IE无法调整那些使用px作为单位的字体大小;

2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。

(9)1920网页设计尺寸规范扩展资料:

网页构成

文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键,选择菜单中的 “查看源文件” ,就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。

它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。 

为什么在源文件看不到任何图片? 网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。

网页通常有以下元素:

文字资料图像档案Applet(在页面内执行的副程式)超链结网页的合成体为网站,一个网站的开始点为首页。

10、网页设计的宽度一般为多少?应该怎么把握?

百度统计流量研究院对于2017年上半年的分辨率使用情况统计得出。

排名第一的是360×640,这是竖屏,一般在医院、学校中才能见到,暂且不谈。

排名第二的是1920×1080,占比13.07%。

1366×768排第三,占比6.32%。这说明现在主流的电脑分辨率是1920×1080。

排名第七的分辨率,1024×768,是最小的电脑尺寸了,仅占3.13%,很少有人使用。在做pc端的网页设计时,不用考虑这个尺寸,而应在做pad端和手机端的适配时,将其纳入考虑。

而更高级的响应式网站应该是在严格的栅格规范下,适应于不同宽度,确保各宽度下的展示效果。但这样的成本也会相应增加,在开发网站时,需综合考虑实际需求和开发成本。time(《时代周刊》官网)是个很好的响应式网页案例。

(10)1920网页设计尺寸规范扩展资料

网页设计中的注意事项:

1、网页设计的尺寸标准:

面向1024-768显示器分辨率开发的网页尺寸,宽910px;

面向800-600显示器分辨率开发的网页尺寸,宽778px;

2、网页设计中的画布设定:

尤其注意分辨率为72 像素/英寸。

3、设计中的网页字体问题

中文字体:尤其注意“设置消除锯齿的方法”选项要选择“无”。

宋体是最常用的网页字体,12px 是中文操作系统可以表现的最小的字体,内容。

文字大小一-般用两种,12px 或14px(现在的新的vista据说能表现10px的中文字,但现在使用并不多)。

英文字体:其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体,比起arial字体更美观和均衡。

效果图:

网页效果图中的网页字体,虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素,一定要认真使用,因为你不单要设计文字与整体网页的关系,还要设计字体的样式表颜色。

与1920网页设计尺寸规范相关的知识