一般笔记本后台界面尺寸规范.docx
《一般笔记本后台界面尺寸规范.docx》由会员分享,可在线阅读,更多相关《一般笔记本后台界面尺寸规范.docx(10页珍藏版)》请在冰豆网上搜索。
一般笔记本后台界面尺寸规范
竭诚为您提供优质文档/双击可除
一般笔记本后台界面尺寸规范
篇一:
设计规范
一、页面标准:
1、页面尺寸标准:
a、全动画网站主要内容在1024*768下,满屏的高度是612-615之间;
b、页面宽度:
960、980、1000、1200;
c、手机网站宽度在640px
d、app项目宽度以iphone6尺寸为准750px
e、正文一般般使用中文宋体、雅黑12px和14,黑体字或者宋体字加粗时,一般选用11pt和14.7px;行距建议用百分比来定义,常用的两个行距的值是line-height:
120%/150%.F、中文版中正文默认使用雅黑,宋体;
g、英文版本默认使用arial;
h、app项目字体中文使用冬青黑简体
2、内容标准
a、底部技术支持中文站统一写成“网站建设:
博采网络”,英文站统一为:
“poweredby:
boc”;
b、同一页面内不得重复使用同一张图片(新闻和产品);
c、新闻页面底部统一:
有上一条、下一条新闻连接,并且有返回列表按钮;
d、电话使用有限电话号码;
e、不能出现与该项目无关的信息(杜绝别公司信息)。
3、图片标准
a、产品图片比例,需要与客户提供产品图片比例相同,列表页及内页比例保持一致,产品图片不允许变形;
b、抠图必须清晰无杂边;
c、图片不允许使用有版权的图片(类似全景,华盖等图片库),除非是客户购买的;并且不允许使用人物图片。
4、字体标准
a、英文字体使用arial
b、非特殊情况禁止使用方正系列、造字工仿字体;
c、图片上字体禁止使用微软雅黑(特别是集团首页banner上);
d、首页效果图中不得出现3种以上的字体。
二、项目流程标准
1、项目会
a、下单后到oa下载工作单,先预览资料及工作单了解项目,在项目会前必须对项目有一个了解;
b、开会人员:
设计师、部门经理、ae
c、必须解决的6大基本问题:
a、项目行业背景分析(世界排名?
);
b、项目分类(功能型?
品牌型?
集团企业型等);
c、同行或客户中意的参考网站;
d、资料收集:
项目logo、功能型网站有功能Rp图等;
e、确定谁跟单(商务?
策划?
设计师?
ae);
f、给出完成首页的时间段;
d、项目会中与客户进行电话沟通
a、电话前先思考下,需要解决哪几点问题,写到笔记本上;
b、电话沟通的内容大致是vi色调,风格(欧式,中国风,大屏或者小屏幕,企业,品牌,创意,设
计感,温馨,高贵...)首页要突出一些什么内容或表现的是什么,以及logo的样式(客户有可能会发几个不同的logo),等一些自己觉得不明白或者对网站设计有用的问题,要大胆跟客户区交流。
c、如果客户给不出方向,你可以将前期准备的几个方向跟客户说下(如问客户是不是像微软官网或者华为官网那种风格);
d、项目主打颜色;
e、首页需要放哪些模块
f、客户主要想体现的核心是什么?
(突出产品或者是突出品牌或者是营销...)
e、ae或部门经理下项目任务
2、开始设计之前告诉部门经理,你自己大致的想法及方向;
3、特殊项目或者自己不能把握的项目,可以叫上部门经理或者其它设计能力比较强的设计师一起头脑风暴;
4、确定方向前,在项目同行找至少10个以上参考网站;
5、首页设计稿设计完成给部门经理审核;
6、首页设计时间,做一稿改一稿的时间为2天
7、设计师上传测试地址的时候,必须加上该项目的logo,除非该公司没有8、设计完成后有想法的设计师可以自己写一封设计说明,交给ae或者商务,并进行沟通阐述自己的思路。
如果有想写但是说不出的,可以请教他人后,自己写一个设计说明。
9、部门经理通过后上传测试网址,然后发到群里及商务;
10、收集整站资料;
11、首页客户通过后,发首页确认函;首页确认后,设计整站平面(为了推进项目进度可以简化整站平面数量),如果是特殊项目可以出典型页面;
12、新闻/图片列表页面,详细页,招聘页面如无特殊要求,可以不做;
13、功能站会员中心以目前模板为基础进行调整;
14、整站平面通过后,发整站平面确认函;
15、所有的设计必须保证时间,保证质量,部门经理严格把控;
16、手机站设计中,普通企业型手机站一次性全部出完,让客户确认首页;其他手机站第一次出首页加上典型页面,确认后,完成首页。
17、整站确认后,发测试网址到技术群内,并且发前端那边排单,并且让前端给你个时间;
18、每次客户确认函回传过来以后,设计师要拍照,按照规范命名发给部门经理备份(照片要清晰完整可见)19、确认后修改,除了文字修改以及单文档和简单列表添加外,其他确认后的修改需要通知部门经理,在部门经理同意后方能修改。
20、为了避免不必要的修改及冲突,给到前端的psd,所有的弹出层必须是显示状态;二级/更多级的导航必须要有且是显示状态。
(有时候设计师也会忘了有弹层或者二级导航什么的,后期加的话可能会破坏/重写前端结构,甚至程序逻辑要重写)
21、交接前端时,详细讲述页面需求效果,可以附上设计师针对前端的参考网站;
22、前端完成,测试没问题后发程序部门排单,拿到程序开发时间;
23、发前端的项目,要跟前端交流清楚没个页面的效果和逻辑,必须交上前端经理一起,另外有些页面没有设计出来的,表现形式已文档形式发给前端。
24、程序完成后,整站测试;如果是自己跟单,必须要加资料;(网站资料由项目跟单添
加)
25、检测完成后发给商务和客户;
26、项目结款上线,必须要商务到公司群里发结款上线公告或未结款上线公告。
三、设计原则
篇二:
ui设计(界面)规范
ui设计(流程/界面)规范
一:
ui设计基本概念与流程
1.1目的
规范公司ui设计流程,使ui设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使ui设计的流程规范化,保证ui设计流程的可操作性。
1.2范围
l界面设计
l此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、ui界面设计人员、界面评审人员和配置测试人员。
1.3概述
ui设计包括交互设计,用户研究,与界面设计三个部分。
基于这三部分的ui设计流程是从一个产品立项开始,ui设计师就应根据流程规范,参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节,履行相应的岗位职责。
ui设计师应全面负责产品以用户体验为中心的ui设计,并根据客户(市场)要求不断提升产品可用性。
本规范明确规定了ui设计在各个环节的职责和要求,以保证每个环节的工作质量。
1.4基本介绍
a、需求阶段
软件产品依然属于工业产品的范畴。
依然离不开3w的考虑(who,where,why.)也就是使用者,使用环境,使用方式的需求分析。
所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。
什么地方用(在办公室/家庭/厂房车间/公共场所)。
如何用(鼠标键盘/遥控器/触摸屏)。
上面的任何一个元素改变结果都会有相
应的改变。
除此之外在需求阶段同类竞争产品也是我们必须了解的。
同类产品比我们提前问世,我们要比他作的更好才有存在的价值。
那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。
我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。
b、分析设计阶段
通过分析上面的需求,我们进入设计阶段。
也就是方案形成阶段。
我们设计出几套不同风格的界面用于被选。
c、调研验证阶段
几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观真实的反馈。
测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。
调研阶段需要从以下几个问题出发:
用户对各套方案的第一印象
用户对各套方案的综合印象
用户对各套方案的单独评价
选出最喜欢的
选出其次喜欢的
对各方案的色彩,文字,图形等分别打分。
结论出来以后请所有用户说出最受欢迎方案的优缺点。
所有这些都需要用图形表达出来,直观科学。
d、方案改进阶段
经过用户调研,我们得到目标用户最喜欢的方案。
而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。
这时候我们可以把精力投入到一个方案上,将方案做到细致精美。
e、用户验证阶段
改正以后的方案,我们可以将他推向市场。
但是设计并没有结束。
我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。
零距离接触最终用户,看看用户真正使用时的感想。
为以后的升级版本积累经验资料。
经过上面设计过程的描述,大家可以清楚的发现,界面ui设计是一个非常科学的推导公式,他有设计师对艺术的理解感悟,但绝对不是仅仅表现设计师个人的绘画。
所以我们一再强调这个工作过程是设计过程。
ui界面设计不存在美工。
2.ui设计流程
2.1概述
根据上述原则,分析公司产品的特点,制定符合软件产品(或项目)生命周期的ui设计流程。
每个产品(或项目)的生命周期中,ui设计师应该严格按照流程,完成每个环节的职责,确保流程准确有效的得到执行,从而提高产品的可用性,提升产品质量。
二:
ui界面用户体验设计原则与规范
1:
应该遵循的基本原则
无论是控件使用,提示信息措辞,还是颜色、窗口布局风格,遵循统一的标准,做到真正的一致。
这样得到的好处:
1:
使用户使用起来能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解
2:
降低培训、支持成本,支持人员不会行费力逐个指导。
3:
给用户统一感觉,不觉得混乱,心情愉快,支持度增加
做法:
项目组有经验人士,确立ui规范:
美工提供色调配色方案,提供整体配色表
界面控制程序人员、用户体验人员提出合理统一使用的控件库。
参考标准界面使用规范:
控件功能遵循行业标准,windows平台参见《microsoft用户体验》
控件样式在允许的范围内可以统一修改其样式、色调
参考其他软件先进操作,提取对本项目有用的功能,以使用,绝对不能盲从,漫无目的。
根据需要,设计特殊操作控件,准则为:
简化操作、达到一定功能目的
界面实施人员与美工商榷控件可实现性,(如不实行此步骤,将会导致各自对对方工作不满意,也会产生不一致的混乱)。
重复叠代上述工作。
建立合理化文档《ui标准》描述上述规范,
强行界面设计者理解之,并作为开发准则,
sqa人员进行监控开发人员是否遵循,及时告诫开发人员。
2:
(color)颜色使用恰当,遵循对比原则:
1:
统一色调,针对软件类型以及用户工作环境选择恰当色调:
如:
安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等
2:
如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表
3:
色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,quot;!
,着重号,以及图标等
4:
颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试
5:
遵循对比原则:
在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。
除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。
6:
整个界面色彩尽量少的使用类别不同的颜色
itop色表
具体标准参考美术学统计学术标准。
色表的建设,对于美工在图案设计、包装设计上起着标准参考作用,对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。
3:
(Resource)资源
一个多姿多彩的人机交互界面,少不了精美的鼠标光标、图标以及指示图片、底图等。
1:
也需要遵循统一的规则,包括上述颜色表的建立,图标的建立步骤也应该尽可能的形成标准,参考itop的outlookbar图标设计标准
2:
有标准的图标风格设计,有统一的构图布局,有统一的色调、对比度、色阶,以及图片风格
3:
底图应该融于底图,使用浅色,低对比,尽量少的使用颜色。
4:
图标、图像应该很清晰的表达出意思,遵循常用标准,或者用户机器容易联想的到物件,绝对不允许画出莫名奇妙的图案。
5:
鼠标光标样式统一,尽量使用系统标准,杜绝出现重复的情况,例如某些软件中一个手的形状就有4钟不同的样子。
篇三:
管理员界面
淮海工学院计算机工程学院课程设计报告设计名称:
选题名称:
姓名:
学web应用技术课程设计论坛系统的设计与实现号:
专业班级:
系(院):
设计时间:
设计地点:
计算机科学与技术计算机工程学院20xx.10.26~20xx.11.15软件实验室、教室指导教师评语:
成绩:
签名:
年月日
面向对象课程设计报告第2页,共21页1.课程设计目的软件工程课程设计是计算机专业一个综合性的实践教学环节,其目的在于促进学生复习和巩固计算机软件设计知识,加深对软件设计方法、软件设计技术和设计思想的理解,并能运用所学软件设计知识和面向对象技术进行综合软件设计,通过本课程设计能够进行简单软件系统的开发,掌握软件设计的方法和面向对象程序设计的基本技术,提高学生的综合应用能力。
2.课程设计任务与要求:
任务结合《软件工程》、《面向对象程序设计》课程以及相关课程中所学知识,积极完成设计任务。
要求通过设计,深对课程基本内容的理解和综合运用。
学生自选课题学生原则上可以结合个人爱好自选课题,要求课题有一定的深度与难度,有一定的算法复杂性,能够巩固数据结构课程所学的知识。
学生自选课题需在16周前报课程设计指导教师批准方可生效。
要求:
(1)通过文献资料查阅和学习,了解当前软件设计技术和一般方法。
(2)参考和研究一些公司和高校/企业成功的软件开发案例和实现方案,结合《面向对象程序设计》、《软件工程》等课程中所学知识,积极完成设计任务。
(3)认真完成需求分析,并根据需求分析完成各设计题目的总体设计、详细设计和测设等环节的设计任务,开发工具推荐使用|Vc++|。
(4)每位同学需提交可独立运行的软件程序。
(5)认真按时完成课程设计报告,课程设计报告内容包括:
课程设计目的、设计任务与要求、需求分析、概要设计、详细设计、调试分析、测试结果、附录和设计心得体会等。
(6)每位同学需独立提交设计报告书(每人一份),要求编排格式统一、规范、内容充实,不少于10页(代码不算)。
面向对象课程设计报告第3页,共21页3.课程设计说明书一需求分析1.根据论坛系统的需求,系统主要功能包括:
1.1管理员界面①分类设置:
添加论坛分类,添加后可以继续编辑或是删除分类。
②版面设置:
添加论坛板块,设置是否显示,添加后可以继续编辑或是删除版面信息。
③管理员设置:
添加管理员账号,同时可以编辑、删除,修改密码。
④数据库备份:
备份信息。
⑤帖子管理:
可以按照帖子名的关键字搜索查看帖子信息,并可以删除或是回复帖子。
⑥用户管理模块包括:
搜索查看注册用户信息,并可以删除用户。
1.2用户注册:
用户输入用户名、密码、邮件等进行用户注册。
1.3用户界面①用户登录:
用户输入用户名、密码进行登录。
②发表帖子:
用户在系统中发帖,可以选择帖子的类型,也可以回复其他人的帖子。
③编辑个人资料:
用户在此可以查看并编辑自己的资料。
④我的主题:
在此查看自己发表的帖子。
⑤我的回复:
在此查看回复的帖子。
本系统由3人完成,小组分工如表1所示。
表1小组分工管理员界面2.数据流图整个系统的数据流程图如图2所示。
用户界面数据库设计实现与用户注册用户游客管理员系统界面联系我们后台界面查看信息系统数据库信息的修改图1整个系统的数据流程图管理员界面管理的数据流图如图2所示。
面向对象课程设计报告回复帖子第4页,共21页回复帖子帖子回复管理回复用户帖子管理员信息版面信息帖子用户管理用户信息用户注册信息帖子管理帖子信息帖子信息3.数据字典3.1数据字典列表——数据流如表2所示。
版面管理版面信息版面信息图3管理员界面管理的数据流图表2数据字典
(1)数据存储名称:
管理员信息数据来源:
管理员信息表数据去向:
管理员登陆模块数据组成:
管理员信息=管理员系统编号+管理员姓名+管理员密码+管理员权限描述:
存储了管理员的基本信息数据存储名称:
注册用户信息数据来源:
注册用户信息表数据去向:
注册用户模块数据组成:
注册用户信息=系统编号+用户名+密码+性别+电话+添加时间等描述:
存储了注册用户的基本信息数据存储名称:
论坛信息数据来源:
论坛信息表数据去向:
论坛模块数据组成:
论坛信息=系统编号+名称+内容+图片+类别+添加时间等描述:
存储了论坛的基本信息
面向对象课程设计报告数据存储名称:
新闻信息数据来源:
新闻信息表数据去向:
新闻模块数据组成:
新闻信息=系统编号+类别名称+添加时间等描述:
存储了新闻的基本信息3.2数据字典列表——数据处理如表3所示。
第5页,共21页表3数据字典
(2)名字:
录入信息描述:
用户信息,论坛信息等的录入输入:
输入要添加录入的信息过程:
将需要添加录入的信息加入数据库中输出:
系统新的信息表页面输出:
查询得到的信息页面名字:
修改、删除信息3.数据字典列表——数据存储描述:
对会员信息,漫画信息等修改或删除后存入数据库中输入:
输入要修改或删除的信息过程:
对需要修改的信息做修改、删除过时的信息输出:
系统新的信息表页面输出:
查询得到的信息页面名字:
数据库信息别名:
无描述:
存储了数据库的基本信息数据组成:
数据库信息=会员信息+论坛信息+新闻信息+管理员信息+论坛帖子信息位置:
数据库输出:
查询得到的信息页面3.3论坛系统的数据项管理员数据项如表4所示。
表4数据字典(3)名称:
管理员编号简述:
唯一的管理编号数据类型:
文本字段大小:
20名称:
管理员密码简述:
每个管理员所对应的密码数据类型:
文本字段大小:
20名称:
管理员帐号简述:
每个管理员所对应的帐号数据类型:
文本字段大小:
20名称:
注册时间简述:
每个管理员所对应的注册时间数据类型:
日期时间字段大小:
8