导航:首页 > 万维百科 > 网页设计标注

网页设计标注

发布时间:2020-08-11 15:45:44

1、网页设计稿提交的时候需要标注吗

需要的设计好稿件或者效果图都是需要标注一些大小和一些颜色等相关信息的方便开发人员 进行开发

2、网页设计中,最小的字号应该是多少

网页设计中的字体一般设置成12px,如果网页的东西相对比较少,也可以设置成14px,关于导航和其他的一般是用ps处理出好的效果,如果是文本一般为14以上并且带加粗。

字体没有特别规定但是有常规的用法:

常规文字 12px;标题,页头 14px、16px;大标题,横幅等 18px。

(2)网页设计标注扩展资料:

网页设计,是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。

网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主,常见的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代码工具,其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

3、UI设计网页设计字体规范应该要注意什么

可以参考常规字体的使用规范:

1、在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。

2、不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配,等。

(3)网页设计标注扩展资料:

网页设计

1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,从而建立起营销模型。

2、以业务目标为中心进行功能策划,制作出栏目结构关系图。

3、以满足用户体验设计为目标,使用axure rp或同类软件进行页面策划,制作出交互用例。

4、以页面精美化设计为目标,使用PS、AI等软件,调整,使用更合理的颜色、字体、图片、样式进行页面设计美化。

5、根据用户反馈,进行页面设计调整,以达到最优效果。

4、网页设计中banner设计尺寸是多少

不同的环境下设置的尺寸都不一样

1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内决定。

3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右。

4、1024*768 下网页的尺寸:width=955,height=600                                             

800*600 下网页的尺寸:width=760,height=420。

5、一般分辨率在800*600的情况下,页面的显示尺寸为:780*428px,

分辨率在640*480的情况下,页面的显示尺寸为:620*311px,

分辨率在1024*768的情况下,页面的显示尺寸为:1007*600px。


(4)网页设计标注扩展资料:

banner设计标准尺寸大全

Internet Advertising Bureau
(IAB,国际广告局)的"标准和管理委员会"联合Coalition for Advertising Supported Informatiln
and
Entertainment(CASIE,广告支持信息和娱乐联合会)联合推出了一系列网络广告宣传物的标准尺寸。

这些尺寸作为建议,提供给广告生产省和消费者,使大家都能接受。现在网站上的广告几乎都遵循IAC/CASIE标准。

1997年第一次标准公布

Num Size(pix) Name

1、468×60 全尺寸banner

2、392×72 全尺寸带导航条banner

3、234×60 半尺寸banner

4、125×125 方形按钮

5、120×90 按钮#1或小图标

6、120×60 按钮#2或小图标

7、88×31 小按钮或banner

8、120×240 垂直banner

2001年第二次标准公布

Num Size(pix) Name

1、120×600 "摩天大楼"形

2、160×600 宽"摩天大楼"形

3、180×150 长方形

4、300×250 中级长方形

6、240×400 竖长方形

7、250×250 "正方形弹出式"广告

IAB 将不再支持1997年第一次公布标准中的392×72形。

从banner自身的设计大小看

1、全尺寸banner横幅设计为468*60px,半尺寸banner为234*60px,小banner为88*31px,另外120*90,120*60也是小图标的标准尺寸。

2、页面长度原则上不超过3屏,宽度不超过1屏。

3、每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K。

4、每个标准页面为A4幅面大小,即8.5*11英寸。


参考资料来源:网络-网页设计标准

5、PC端网页设计基本规范有哪些

一 固定的内容:

 1.PS中设计分辨率为:72像素/英尺(图片质量的像素点) 

2. 颜色模式RGB 8位(显示器的三原色红,绿,蓝为RGB)


不固定的内容:

 1.背景 a.纯色背景平铺(自适应浏览器) 

b.渐变色或底纹平铺背景(自适应浏览器) 目前网页设计中都会做通栏大图,以方便吸引客户,增加网站整体美观

 c.通栏大图


二.屏幕分辨率 

标准分辨率:1920px*1080px

主体设计内容宽度:1000px(常用宽度:960px,1170px,980px,1100px,1200px) 首屏高度大约在700px

常用分辨率:1280px*768px 主体设计内容宽度:1200px(常用宽度:1190px,1170px,1100px,1200px) 首屏高约:750px

三.设计文档大小 1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图,展示背景效果,左右宽度最少200px) 2.设计到通栏大图片新建文档的宽度:1920px,所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)

6、网页设计有阴影的图怎么标注给前端

首先我是一名前端开发工程师,也做过设计:

你在切图标的时候连阴影都切好

在你切完图以后,你的在网页上标注一下,专门给他发一个你标注过的网页图片,他会看的

7、web网页界面如何给前端标注,切图

公司团队现在用的是摹客idoc,我们把设计稿上传到摹客后,可以自动生成标注,前端可以直接查看,针对大多数工具存在的标注误差的情况,摹客也支持手动进行修改;设计规范等信息,摹客也支持手动标注在设计稿上面。
切图的话,我们是用摹客的PS插件先在设计稿里面标记切图然后上传到idoc,前端小姐姐就可以去直接下载,同时还支持切图压缩和自定义切图尺寸,还是比较方便的推荐使用。

8、一般做网页设计背景尺寸定多大?

网页的背景多大要看对网页的要求的,
网页设计标准尺寸:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右
4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.
页面标准按800*600分辨率制作,实际尺寸为778*434px
页面长度原则上不超过3屏,宽度不超过1屏
每个标准页面为A4幅面大小,即8.5X11英寸
全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px
另外120*90,120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

9、网页UI设计稿里的标注是用什么软件标注的

在国外做项目的时候,同事都在用zeplin,使用体验也是非常顺畅的。国内的开发设计流程环境不同,zeplin反而水土不服,现在团队主要在用摹客iDoc,除了基础的标注切图功能以外还有交互原型和需求文档功能,能够很好地应对目前的产品开发环境,整体使用体验比不上国外已经成熟zeplin,但是还是算易用

与网页设计标注相关的知识