B/S界面规范
上一篇 / 下一篇 2014-06-04 09:34:33 / 个人分类:总结
.N)QD-?8?W'Rfo051Testing软件测试网Z:C$x/N4Pa;z
51Testing软件测试网+F0NL\j!i#|表1 风格配色说明表... 36
$iz5h?B)k$IV0Dx1B bf%NE`8T.}"t0表2 网管/LMT系统告警配色建议... 3751Testing软件测试网't Uk7W3?7N R&MB
51Testing软件测试网$~]M0i:t[表3 YD/T 1289.2-2003行业标准定义的传送网告警级别与颜色对应表... 3851Testing软件测试网(qG#|:]+Dr/dG1O
/tW ^ZcpjC0表4 表格单元格对齐方式... 3951Testing软件测试网g!e pA;j
Yi.n7@N Ljl0表5 表格排序的图标定义... 4051Testing软件测试网o#H r&jr
-ZZ8_(y,s"R4h2|0表6 主界面各区域大小范围... 5651Testing软件测试网)HD+RGx^ v
图目录 List of Figures51Testing软件测试网.J o0rGd)I!A8jh/M.V\:@pb0T)jE;N#Q6H0图1 web有效页面定义示意图... 12
VhTYk06q3EphFq g$Mq!K0图2 面包屑视图示意图... 1351Testing软件测试网~xt?+@0nmh
/S e.w)nY1L3B0图3 结构原理示意图... 1851Testing软件测试网3E"b!~8edf`\
$OoPcH] X+\0图4 简单性原理示意图... 19
R p.L3QP"^"u1j~ |9]051Testing软件测试网^yTv:I"m_r图5 可见性原理示意图... 19
x1?btc2F6v0qj @6\\yv} ~u0图6 反馈原理示意图... 20
K`z{8AU051Testing软件测试网W+|{ `RD;L图7 宽容原理示意图... 21
THP2j%uf9h051Testing软件测试网 PM a$H;WBK(S0T图8 重用性原理示意图... 2151Testing软件测试网mJY7t Z3d @q
B?@'g Y^W*Zu+x0图9 控件、文字信息组合成块状... 2251Testing软件测试网&cmG;w Ya
8ox |^!b.\0图10 web界面的软键盘样例... 2451Testing软件测试网q4~'Eq yKH^
HA3H?)sb0图11 鼠标定位视觉提示示例... 2551Testing软件测试网 ^7x??A_
*s9c-zY#i0图12 图片替代文本示意图... 27
P@Omj|,E;z051Testing软件测试网O&TLW9x ]9m图13 Vertical Brand Signature 竖式品牌标志... 2851Testing软件测试网x$I.]AZ,IL h+w'X
4vW%@#n'{]+Y0图14 Horizontal Brand Signature 横式品牌标志... 28
{0F,u7i0Y#y,To'O+M8b051Testing软件测试网&wy*BvH)ut图15 文本与图片共排对齐示意图... 3151Testing软件测试网b+OOQS%r6|
_|]h;T,E],Q?0图16 列表文本示意图... 31
4`F.S;cIG,I)?051Testing软件测试网/k+W&dMaDr(NO1i图17 表格单元格文本换行示例... 3251Testing软件测试网X)Ix.W,@*Abx
51Testing软件测试网e7`;UX"NV图18 公司VI规范的标准色示意图... 33
6Z[aq)C.Y9{04L pmU6wZ M0图19 公司VI规范的辅助色示意图... 34
M#k;~7IY1x02C+Ta#PrD L[6e9Zn0图20 文本颜色和背景颜色明度对比明显... 34
&W0['~5B+o [0[gg@m0图21 图形对象颜色和背景颜色明度对比明显... 3551Testing软件测试网#DJ#p^K+P
51Testing软件测试网KB L(lWlO图22 文本颜色和背景颜色明度对比不明显... 3551Testing软件测试网@k*|#e@C
51Testing软件测试网"^ M$rB~7G$^q图23 风格界面效果示意图... 3651Testing软件测试网3r w8kl9Z*h+u
51Testing软件测试网0dee,roRp;h图24 链接点击效果示例... 3751Testing软件测试网8X"|)C3J"~z
eLOR7R"`f)e+dO/}t?0图25 表格单元格样例... 3851Testing软件测试网&ntz0O!Sd }
51Testing软件测试网2?0|{@.VQ:r图26 表格样例... 39
%S;a cQ-ru+L8N L0TURlo0图27 单元格文本对齐效果... 4051Testing软件测试网 v aAgmO(`B"V.Y
51Testing软件测试网)l:Oy.tl] d图28 表格示意图... 4151Testing软件测试网t.J;];d,t-s
+A_:`j)]]0图29 多种文本输入框示意图... 4251Testing软件测试网L%m$[Gb-yVq!O
5J*Ca;La,hF/rU)R0图30 文本输入框宽度定义方法... 43
8j;S;yY5O4`m&rL_051Testing软件测试网0t``4z8ccS图31 左右排列的文本输入框... 43
%C'uqe!s Z/u,t}9_d+_)m051Testing软件测试网a yVh{/E7k图32 上下排列的文本输入框... 4351Testing软件测试网k-lI7B3A v
8z YOy8l HZ0图33 单选按钮示意图... 44
&p Z E(?4p$ai3k{.E }{01s(ow"X^Z0j"F(P0图34 复选框示意图... 44