软件界面设计守则之美观与协调性的详细细则

2016-11-4 分享达人

界面设计的风格，色彩应基于公司的VI手册，形成自己独特的品牌风格；另外，页面元素应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。那么美观性和协调性的细则有哪些呢？

1.长宽接近黄金点比例，切忌长宽比例失调。
2.布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间。
3.切忌使用高立体感的界面，按钮等，使页面看起来比较粗糙。
4.按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。
5.按钮的大小要与界面的大小和空间要协调。
6.避免空旷的界面上放置很大的按钮。
7.放置完控件后界面不应有很大的空缺位置。
8.字体的大小要与界面的大小比例协调，通常使用的字体中宋体9-12较为美观，很少使用超过12号的字体。
9.前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用Windows界面色调。
10.切忌使用过多的颜色搭配。
11.切忌使用大面积的冷色调和暖色调搭配；灰色调适合和任何颜色搭配。
12.如果使用其他颜色，主色要柔和，具有亲和力，坚决杜绝刺目的过艳的颜色。
13.大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
14.界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。
15.如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。
16.对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。
17.通常父窗体支持缩放时，子窗体没有必要缩放。
18.如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。