导航:首页 > 万维百科 > 网站界面的设计标准

网站界面的设计标准

发布时间:2021-01-20 13:20:31

1、网页设计合适的页面尺寸是多少

网页设计选用的分辨率是72像素,使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计,一般采用全屏展示和两侧留白的方式。
全屏展示,是整个网站看起来大气一些,但是布局要合理安排,不然看起来有些傻大的感觉。
两侧留白是为了适配不同电脑屏幕的尺寸,能够确保网站只是电脑站的时候一些笔记本电脑也能显示全面网站的内容区域,内容限时区域在好控制在1000px-1200px。

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

网页的背景多大要看对网页的要求的,
网页设计标准尺寸:
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

3、网站界面设计规范有哪些?

易用性规范

2.001 常用按钮要支持快捷方式。

2.002 完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。

2.003 界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。

2.004 界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。

2.005 分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab

2.006 默认按钮要支持Enter和选操作,即按Enter后自动执行默认按钮对应操作。

2.007 可写控件检测到非法输入后应给出说明并能自动获得焦点。

2.008 Tab键的顺序与控件排列顺序要一致,目前流行总体从上到下,同时行间从左到右的方式。

2.009 复选框和选项框,按选择几率的高底而先后排列。

2.010 复选框和选项框要有默认选项,并支持Tab选择。

2.011 界面空间较小时使用下拉框而不用选项框。

2.012 选项数较少时使用选项框,相反使用下拉列表框。

2.013 根据用户不同采用相应的词语语气语调,如专用软件,可以出现很多专业词汇;用户为儿童:这可以语气亲切和蔼;老年用户则应该成熟稳重。

2.014 鼠标为不可点击状态时显示箭头,可点击状态显示手型;系统忙时显示沙漏形状
规范性规范

2.015 菜单前的图标能直观的代表要完成的操作。

2.016 工具栏要求可以根据用户的要求自己选择定制。

2.017 系统常用的工具栏设置默认放置位置。

2.018 工具箱要具有可增减性,由用户自己根据需求定制。

2.019 状态条要能显示用户切实需要的信息,常用的有、目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。

2.020 滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。

2.021 状态条的高度以放置五号字为宜,滚动条的宽度比状态条的略窄。

2.022 菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。

2.023 工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。

帮助规范

2.024 帮助文档中的性能介绍与说明要与系统性能配套一致。

2.025 打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。

2.026 在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。

2.027 用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。

2.028 如果没有提供书面的帮助文档的话,最好有打印帮助的功能。

2.029 在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式。

合理性规范

2.030 与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示,没法使用该按钮)。

2.031 对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。

2.032 非法的输入或操作应有足够的提示说明。

2.033 对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待。

2.034 提示、警告、或错误说明应该清楚、明了、恰当。

2.035 提交失败后必须保存用户已经输入的内容,以便修改后再次提交。

美观与协调规范

2.036 长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。

2.037 布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。

2.038 按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置。

2.039 按钮的大小要与界面的大小和空间要协调。

2.040 避免空旷的界面上放置很大的按钮。

2.041 放置完控件后界面不应有很大的空缺位置。

2.042 字体的大小要与界面的大小比例协调。

2.043 前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等。如:安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等。

2.044 如果使用其他颜色,主色要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色。

2.045 界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方。

2.046 如果能给用户提供自定义界面风格则更好,由用户自己选择颜色、字体等。

2.047 色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符。

2.048 颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试。

2.049 使用统一的语言描述,例如一个关闭功能按钮,可以描述为退出、返回、关闭,则应该统一规定。

菜单设计规范

2.050 菜单通常采用"常用--主要--次要--工具--帮助"的位置排列,符合流行的Windows风格。

2.051 常用的有"文件"、"编辑","查看"等,几乎每个系统都有这些选项,当然要根据不同的系统有所取舍。

2.052 下拉菜单要根据菜单选项的含义进行分组,并按照一定的规则进行排列,用横线隔开。

2.053 一组菜单的使用有先后要求或有向导作用时,应该按先后次序排列。

2.054 没有顺序要求的菜单项按使用频率和重要性排列,常用的放在开头,不常用的靠后放置;重要的放在开头,次要的放在后边。

2.055 如果菜单选项较多,应该采用加长菜单的长度而减少深度的原则排列。

2.056 菜单深度一般要求最多控制在三层以内。

2.057 对与进行的操作无关的菜单要用屏蔽的方式加以处理,如果采用动态加载方式——即只有需要的菜单才显示——最好。

2.058 菜单前的图标不宜太大,与字高保持一直最好。

2.059 主菜单的宽度要接近,字数不应多于四个,每个菜单的字数能相同最好。

2.060 主菜单数目不应太多,最好为单排布置。

独特性规范

2.061 安装界面上应有单位介绍或产品介绍,并有自己的图标。

2.062 主界面,最好是大多数界面上要有公司图标。

2.063 登录界面上要有本产品的标志,同时包含公司图标。

2.064 帮助菜单的"关于"中应有版权和产品信息。

2.065 公司的系列产品要保持一直的界面风格,如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。

安全性规范

2.066 应当注意尽可能避免用户无意录入无效的数据。

2.067 采用相关控件限制用户输入值的种类。

2.068 当用户作出选择的可能性只有两个时,可以采用单选框。

2.069 当选择的可能再多一些时,可以采用复选框,每一种选择都是有效的,用户不可能输入任何一种无效的选择。

2.070 当选项特别多时,可以采用列表框,下拉式列表框。

2.071 在一个应用系统中,开发者应当避免用户作出未经授权或没有意义的操作。

2.072 对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。

2.073 对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。

2.074 对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。

2.075 对错误操作最好支持可逆性处理,如取消系列操作。

2.076 在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。

2.077 对可能造成等待时间较长的操作应该提供取消功能。

2.078 特殊字符常有;;'"><,`'、"["{、\|}]+=)-(_*&&^%$ #@!~,.。?/还有空格。

2. 079 与系统采用的保留字符冲突的要加以限制。

2.080 读入用户所输入的信息时,根据需要选择是否去掉前后空格。

2.081 有些读入数据库的字段不支持中间有空格,但用户切实需要输入中间空格,这时要在程序中加以处理。

输入项规范

2.082 必输项中不可为空,不可输入空格

2.083 必输项给出必输项标识(*)。

2.084 非必输项字段,Null插入数据库时不会出错,在数据库中设置默认值

2.085 日期显示格式一致;或提供固定格式的选择。

2.086 输入区域输入特殊字符,插入数据库时不出错或提示不允许输入特殊字符。

2.087 英文输入不区分大小写,不可输入汉字、数字及特殊字符

2.088 数值字段只能输入+ ,— ,0~9及功能键(BackSpace 光标) 。数值不能为负数。

2.089 单行文本框/多行文本框;长度合适,可以容纳相应文字,但不能超过数据库该字段长度,最好将可以输入的最大字符数标在旁边。建议单行文本框中当输入的字符超过一定长度时再输入无效;对于多行文本框给出最大字符数标识

2.090 附件;可正常添加符合格式的附件; 附件可正常打开和保存,附件名较长时可正常操作;直接输入错误的附件地址,保存时应给出提示信息;附件打开和保存到本地时,文件名要显示原文件的文件名。

2.091 密码输入;在需求中定义密码是否允许为空或空格;密码是否允许特殊字符;是否区分大小写,密码的可输入长度;程序中应给出文字说明密码的可输入长度。

4、网站设计中页面布局的规范要求有哪些

看看copy这篇文章吧;希望对你有帮助
https://wenku.baidu.com/view/879ea4a0102de2bd960588fd.html

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

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

6、web界面设计规范有哪些

一、网页尺寸
制作网页时,我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px。
但是并不代表我们可以在整个画布上作图。
网页的布局主要有两种,左右型布局和居中型布局。布局的不一致,使得可设计的空间也不相同。
二、网页字体
字体设计的总原则是:可辨识性和易读性。
网页的文字设计是系统默认的字体:宋体、微软黑体、苹果系统黑体,英文则建议使用arial无衬线字体
常用的字号大小有以下几种:
12px是应用于网页的最小字体,适用于非突出性的日期,版权等注释性内容。
14px 则适用于非突出性的普通正文内容。
16px、18px或者20px 适用于突出性的标题内容。

7、UI界面设计规范有哪些?

用户界面设计包含为机器和软件创建的所有界面设计,例如网站和移动应用程序的外观,以及它们的方向和易用性。GUI设计在用户与应用程序或网站的交互方式中起着至关重要的作用,这意味着唯一良好的UI设计是实现简化和无缝体验的设计。

用户界面设计要遵循哪些原则?
1、明确。
对任何界面而言,“明确”是首要的也是最重要的一点。设计师们在设计的时候,要去关心人们为何会使用这个应用,去了解什么样的界面是能帮助他们与之互动的,去预测人们在使用时的行为并能够成功地反馈给他们。

2、交互。
界面的存在是为了让人和我们的世界产生互动。它的功用和效果是可以被测量的。但是它们不是功利性的。优秀的界面不但能够让我们做事有效率,还能够激发、唤起和加强我们与这个世界的联系。

3、直观操作。
要抓住直观操作这个最初的目标,界面设计要尽可能的简洁,更多的可识别的惯用自然手势。理想情况下,界面会变得非常细微,用户在会有直观操作的感觉。

4、让用户掌控一切。
人们会在自己能掌控的环境中感觉最舒心、最放松。通过定期的梳理系统状态,描述因果关系,并且在每一步操作都给出提示,让用户感觉每一步操作都在他的掌控中。

5、遵循用户行为。
人总是对符合期望的行为最感舒适。因此,设计出来的元素,看起来应该像它们本身特征一样。在具体操作中,这意味着用户只要看到这个界面元素,就应该能猜测出这个元素是做什么的。

6、前后一致。
为了保持一致性,新手设计师通常在会把相同的视觉处理(重用代码)方式用在,应该用不同的视觉处理方式的元素上。

7、视觉层次。
强烈的视觉层次会让画面有清晰的浏览次序。如果要在画面中添加一个视觉强烈的元素时,设计者应该要重新调整页面上所有元素的重量分配,来达到强烈视觉层次的效果。
了解用户界面设计原则是你做出优秀作品的必要条件,而掌握UI设计师必备的技能才是你决胜高薪的关键。

8、请问做后台界面设计用多大的设计尺寸合适?

尽量大些,前端可以按需求自适应 你可以做个大到1920尺寸宽的设计图

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

网站建设基本流程规范
企业网站建设(升级改版)包含下列基本流程:
(1)制定网站规划方案:包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容;
(2)网站技术开发、网页设计;
(3)网站测试;
(4)网站内容发布;
(5)网站维护及管理。
3、网站域名及网站技术规范
(1)采用基于XHTML的国际WEB标准(CSS+DIV);
(2)网站首页为顶级域名而不是多级层次 ;
(3)网站首页及各栏目和内容页面均不采用网址跳转方式,不采用过渡页/桥页等网址重定向;
(4)合理应用静态网页与动态网页,网站栏目首页和其他重要页面采用静态网页;
(5)网页内容页面层次不宜过多,不超过四个层次;
(6)采用主流域名:.cn、.com.cn、.com等;
(7)一个网站对应一个主域名,现有多个域名需统一;
(8)网站链接错误率在一定范围之内,首页等重要页面无死链接;
(9)网站设计对不同浏览器具有兼容性。
4、企业网站的基本功能和内容
(1) 与企业办公网实现无缝链接;
(2)具有信息发布、产品发布和管理功能;
(3)产品推荐/广告管理功能;
(4)详细的公司介绍;
(5)详细的联系方式;
(6)合理的产品分类/汇总/列表;
(7)详细的产品介绍内容;
(8)销售及售后服务相关的联系和服务信息;
(9)在线服务信息;
(10)持续更新的企业动态/产品信息;
(11)相关网站链接管理功能;
(12)规范的网站地图;
(13)网站访问统计功能。
5、网站优化
网站优化包括三个方面:对用户获取信息优化、搜索引擎优化、网站维护优化。
(1)网站栏目结构合理,栏目设置不要过于复杂;
(2)网站导航清晰且全站统一,通过任何一个网页可以逐级返回上一级栏目直到首页;
(3)网页布局设计合理,网站设计符合用户浏览习惯;
(4)重要文字信息尽可能出现在网页靠前位置;
(5)字体清晰,CSS风格协调一致;
(6)最多3次点击可到达产品详细内容页面;
(7)通过网站任何一个网页不超过3次点击可达到站内其他任何一个网页;
(8)遵照搜索引擎为管理员提供的网站优化指南,通过网站结构和内容等基本要素的优化为搜索引擎检索信息提供方便,不采用任何被搜索引擎视为垃圾信息的方法和欺骗搜索引擎的方式(如堆积关键词、用户不可见文本、页面跳转、复制网页等等);
(9)网站首页、栏目首页及产品内容页面均有一定的文字信息量;
(10)每个网页有独立的、可概括说明该网页核心内容的网页标题(而不是全站或者一个栏目共用一个网页标题);
(11)每个网页有独立的、与该网页内容相关的META标签设计(包括description和keywords);
(12)每个网页有独立的URL;
(13)产品内容页面URL尽可能简短且体现出产品属性;
(14)产品/企业新闻详细内容页面是独立网页不是弹出窗口;
(15)对于产品品种多的企业网站,要有合理的产品分页方式;
(16)网站内容保持适当的更新周期。
6、网页模版设计
(1)重要信息尽可能出现在用户最关注的位置;
(2)网页宽度定位适应当前主流屏幕分辨率模式;
(3)保持整站CSS风格一致;
(4)超级链接有下划线或颜色的明显指示;
(5)整个网站中在新窗口打开或原窗口打开网页的规则一致;
(6)网站首页字节数不宜过大;
(7)多语言版本网站内容之间的切换方式设计合理。
7、企业网站可信度
(1)网站具有必须的法定证书;
(2)对企业基本状况的介绍真实可信;
(3)公布顾客服务/售后服务承诺;
(4)有必要的个人信息保护声明;
(5)网站公布的联系方式有效,尤其是地址、固定电话和Email地址;
(6)网站公布的Email地址与企业网站域名后缀一致而不是免费邮箱;
(7)网站主域名与企业名称/品牌/核心产品一致或相关;
(8)网站提供的信息及时有效;
(9)网站有自己独立的风格;
(10)网站各项功能和服务方便易用。
8、网站运营维护
(1)建立网站内容发布审核机制,始终保持网站内容的合法性;
(2)保持网站服务器正常工作,对网站访问速度等进行日常跟踪管理;
(3)保持合理的网站内容更新频率;
(4)网站内容制作符合网站优化所必须具备的规范;
(5)重要信息(如数据库等、访问日志等)的备份机制;
(6)保持网站重要网页的持续可访问性,不受网站改版等原因的影响;
(7)对网站访问统计信息定期进行跟踪分析。
其他要求:
由于网络营销环境和用户行为在不断发展变化,企业网站需要增强适应性,可通过改版、重建等方式进行网站升级。 在网站建设技术标准方面,遵照国际WEB标准,不再使用过时的HLML4.01;在网站运营支持方面,融入目前居于领先地位的网站优化思想和方法,使得遵照规范建设的企业网站全面符合主流搜索引擎的优化指南,具有明显的搜索引擎优化优势。
网站规划:
•整体规划合理,主辅菜单不清晰;
•网站建设导向明确,重点突出;
•栏目适应;
•各栏目统一规划,整个网站比较清晰;
•网站的促销功能得到明显体现。

与网站界面的设计标准相关的知识