web网页页面做了很多,总结一下心得:
1 色彩:
- 主色彩不超出三个。
- 基本色调为蓝色(行为主体情况色)、灰色(边框)、白色(情况)、黑色(字体样式)、深鲜红色(不正确)、翠绿色(表明根据)、橙色(高亮度、警示)
2 实际操作:少点一下,少切换,少更新。
- 不要让客户点来点去,尽可能让每次点一下做尽量多的工作中;
- 走一个业务流程步骤,不要让客户从这里个对话框跳到那个对话框,从这个网页页面跳到那个网页页面,尽量一个网页页面搞定;
- 尽可能防止更新(少更新、全自动更新、部分更新);
- 总说:网页页面跳转尽可能少、弹出框尽可能少、更新尽可能少、客户实际操作尽可能少;
3 导航栏:
- 常见:将最常见的或说最关键的作用放在或最醒目地部位(不需关键点击或开启甚么,立即能够进行实际操作)
- 别的:别的不常见的作用,有一个统一的通道,随后应用目录或树形构造;(需关键点击一个按钮后才可以看见);
- 参照:windows实际操作系统软件、IPhone实际操作页面;
4 标志:
- 尽可能应用标志显示信息情况或进度, 同时客户能够看到图例表明或电脑鼠标飘浮显示信息tip;
- 或将标志和文本做到一起,产生一个先标志后文本的照片;
5 自适应:
- 网页页面元素的尺寸、部位,更好是依据访问器网页页面尺寸开展动态性设定;
- 普遍包含:对话框尺寸、弹出框尺寸、分页查询数量、标志部位;
6 统一:
- 同样特性的元素款式要统一,包含:照片设计风格、情况色、字体样式尺寸、字体样式色调;
7 动漫:
- 目录或按钮设定普遍动漫实际效果:
- 点一下实际效果
- 选中实际效果
- 飘浮实际效果
- 激活实际效果
8 提醒:
- 尽量将元素的title补上,做为给予客户的提醒表明;
- 照片加上alt;
9 对其:
- 网页页面元素左右左右摇对其;
10 留白:
- div和div之间、文本和div之间 适度留白,防止急迫感;
- padding 和 margin
11 行高:
- 设定适度的行高;
- 强烈推荐30px到35px;
12 提醒:
- 实际操作取得成功 类型提醒能够有,可是提醒框会全自动消退,不能以让客户确定以后提醒才消退(就是不能应用alert提醒取得成功)
- 实际操作不成功或警示一类提醒,需要客户点一下确定一下;
- 表单认证:认证不成功,不要弹出alert,立即在网页页面给鲜红色高亮度出提醒;
13 系统日志:
- 系统软件运作情况更好有系统日志;
- 系统软件业务流程步骤的全过程标准是务必有系统日志;
- 针对系统软件中运作的sql语句标准上务必有系统日志纪录;
14 sql语句:
- sql语句独立于java文档(xml或property),主要参数应用占位符并写上详尽的表明(不能以有select * );
-
15 线上协助文本文档:
- 在系统软件里面,更好有一个线上”协助文本文档/系统软件应用手册“等,通道是一个十分小的标志;
16 客户意见反馈控制模块:
- 以便不断完善系统软件、发掘或细化要求、尽快发现并处理bug,在系统软件里面更好有一个 客户意见反馈/bug管理方法 的控制模块,通道是一个十分小的标志;
17 对话框和內容:
- 先弹出对话框(对话框默认设置內容为空白或显示信息正在载入),随后再获得数据信息、显示信息数据信息;
- 忌讳先去后台管理查內容,随后网页页面卡死,直到数据信息回到再显示信息內容;
18 正在载入:
- 涉及到到恳求服务的內容,默认设置显示信息正在载入,给予友善提醒(回到数据信息后再显示信息內容)。
资询有关难题或预定面谈,能够根据以正下方式与大家联络
业务流程热线:151⑾27-5288 / 顾客专线 长沙: 016年建网站服务工作经验
服务500家公司
服务多个政府部门行政机关
服务制造行业龙头超出20家
设有长沙和邵阳企业网站建设企业
多项网站制作散播大奖
营销型企业网站建设权威专家
完善的新项目步骤管理方法管理体系
B2C电子商务企业网站建设供货商
网页页面设计方案与网站开发设计技术性并重
.com 线上在线客服: 工作中時间:早上9点-中午六点(国家……
如今许多公司都刚开始观念到线上获得顾客的关键性。很多公司……
近期,有许多人想干一个网站。青岛市骏北高新科技接到了一些……
设计一个网站的时候,是怎样做好网站的定位的呢?要知道网……
【鹊起高新科技_先提升后付_手机微信:179900】十多年技术专业三……
怎样在相片中加上隐型文本或是logo?ps加上隐型文本的文图实例……