风雨十年,感恩同行

帆软FINEreport 10.0全模块无限并发软注册应用之报表的设计与配色技巧

[复制链接]
发表于 2019-5-7 08:14:22 | 显示全部楼层 |阅读模式
1. 取色8 i# h  u$ d# Z) N2 ?

; E) i3 O4 w- o  K+ ^: R
, m7 W9 D, H( }( Q* A# Y# h7 K9 K
! G( T. [- H; t& G2 m- |. O1.1 设计器里选色
/ _+ p. r, d7 ]3 \7 p( T  y( y: y! b* @" x' y" q+ w1 B  }
点击背景右侧的小三角,点击更多颜色,点击自定义选项卡,这里的HSL或者RGB值,就是我们需要得到的精确的颜色,如下图所示。
, \: L8 r7 t) X: L4 L 1.png * i, n4 M' `* {$ l+ p4 |' E
RGB 是对机器很友好的色彩模式,但并不够人性化,因为我们对色彩的认识往往是”什么颜色?鲜艳不鲜艳?亮还是暗?”HSL 模式和 HSV(HSB) 都是基于 RGB 的,是作为一个更方便友好的方法创建出来的。8 @6 L  X' r4 h9 P4 m! f) H
HSL即色相、饱和度、亮度(Hue, Saturation, Lightness)。HSV即色相、饱和度、明度(Hue, Saturation, Value),又称HSB,其中B即英语:Brightness。" I& t0 q% v: k  {8 V
色相(H)是色彩的基本属性,就是平常所说的颜色名称,如红色、黄色等。
6 a; d: c* D4 o" I饱和度(S)是指色彩的纯度,越高色彩越纯,低则逐渐变灰,取0-100%的数值。
* E$ Z9 L0 n0 G$ j% Z明度(V),亮度(L)取0-100%。
! s, z1 S4 E& p2 t) v3 U注:微软office系列使用的是HSL,而Photoshop等使用的是HSB。帆软设计器7.11及之前的版本都使用的是HSB,8.0版本使用的是HSL。5 T7 X3 |0 q/ Y. m8 w; U+ x
1.2 画图工具取色
) M# b8 ~# R+ g8 l6 T, b
' u+ i1 W# o* B" z如果你看到很好的表格和配色,可以用画图工具得到具体颜色值,方法如下:
/ A. f5 B2 H* m可以用键盘上的屏幕截图键PRTSC键。用法:按了PRTSC键之后打开附件里的系统自带画图工具(当然别的也行,此仅举例),再按ctrl+v就会出现如下图所示。. W& o' {" o% t, [- |  @# k4 w3 a4 U1 q
2.png
5 P, ?2 G* W0 @点击颜色选取器,从图片中选取要取色的位置,然后点击编辑颜色,就可以弹出编辑颜色的菜单,看一下具体的RGU值就是我们需要的RGB。3 d% M% V* s8 V$ T" U7 ~! ~% w, ]4 D
1.3 设计器直接取色  H/ P! W+ H) u2 v8 r# {+ o
新版本增加了设计器直接取色的功能,如下:
" e7 `) \7 \$ ?" d) D' b7 V' Y 3.png
" {4 O6 y' m6 k# X* S6 E1.4 推荐的色彩. T  c/ C* \7 }( k
' o9 b' q( w6 \, M+ Z) @. j
注:以下均为HSB颜色设置。( Z( C& \5 V7 N1 j& E" H( ?
4.png / I# M+ A, [* k

9 W- P9 K% `1 Q1 a2. 表格* C* I3 {9 z7 k; f7 j0 B( q7 ?- F
1.表格的线条不要太重,尤其不要用深的竖线,横线的颜色也要稍微淡一些
2.表头的颜色要比表体的颜色鲜显眼
3.表体用微软雅黑和黑体字体的时候,效果会更好,也可以加粗
4.表格的数据要对齐,单元格间距适中。对齐的时候,如果有金额数字的对比,最好用右对齐,一般居中对齐多一些
5.灵活用表格的边框,可以得到更好的一些效果,配合突出立体感。(立体感的图表一般用灰色、浅灰、银色)
6.标题的位置要注意,居中、居左或居右都会有不同的效果
7.欧美风格的报表,一般是灰色、蓝色、深红色搭配,行与行间多以同色调的深浅区分,一般没有框线
8.可以在表头添加一些小图标,效果也不错。如果可以,表头和表尾都可以添加背景图片

7 A4 b  A' b$ _9 n" B下面是一些表格的例子。
0 `" p+ v# |' C. L( C示例一:
/ S7 A8 Y8 K8 [) i$ w 5.png
, C8 u# w# ~- Q! Q示例二:, a. L0 D$ [4 v; `8 l
6.png ; j) _6 t1 O: Z; P) c. J8 [
示例三:
: U+ V/ S1 Y" M& C6 U 7.png
/ x% ]) q; N: ?7 X0 K8 N示例四:
( q3 y4 }6 ?2 e 8.png
. @: |4 d6 ^0 g5 Y  j0 Z' K) E: t$ I  d8 ^2 ~6 X0 y
3. 图表(PC端)
4 A3 ?6 v% d% G% G; ?3.1 技巧
0 d3 O  g( E+ e7 k+ O
; ^* v7 |8 g. F& M( MFR设计器的图表,用默认配色(因为色调比较深),所以柱形图和饼图最好用“渐变高光”。如果自己配色,可以选择 浅淡一些的颜色,不要太亮太扎眼。可以选择的颜色有:蓝色、灰色、深红色(不是鲜红)、橙色、绿色。但是,颜色一定不要亮了。还有,颜色要深浅搭配。
7 L, a( C6 ?$ f从这个位置,可以更快的得到想要的颜色:
# N! K1 z: e7 Q% Q/ Xa)选择灰色:选择S4 J2 d* t. i9 {& M% F/ Z8 a! E  e
10.png ; P' ~, v# W' D3 K3 `: J
b)选择其他颜色:选择 L
6 \6 i! [+ J( v* p% z1 S 11.png ; _' c" Z9 H% t3 y# D3 x
3.2 技巧二
4 W+ Z5 j3 [( \; r; d$ H: }6 O. p1 G
在设计图表的时候,最好不要用悬浮元素,因为很多效果出不来。
" z) [2 z5 k( G* t% o3.3 技巧三
* H0 }- x! H* A, Z) W
" \4 h& N/ a5 o* O' d0 E巧用图表区域的圆角边框,可以得到不错的效果;还有图例的位置,一般高的报表,图例放到左边,长的报表,一般放到上边或者下边。
0 f1 f# |! M) Q: ~4 \  D6 R2 V 12.png
. o7 P8 ]* U0 j1 B, G* r6 l3.4 技巧四+ u! l  w7 B- P5 p1 ?4 V8 [( M
5 }; w& x! b) S
图表的背景色很重要,巧妙使用,可以得到不同的效果。背景色里面,也可以设置间隔或渐变,得到不一般的效果。
: B' I" Z+ H3 o 13.png
- t* x5 H- ?  u/ W) D 14.png
1 F2 @9 t3 `9 b1 F/ Y9 j8 |; C; \1 O" `, G5 e+ Y6 E5 U

) |& H& k2 v9 t  c9 D# A3.5 技巧五6 u4 B% M, f- d+ i  ?
: C+ g$ D8 p3 ]% z, ]
图表的布局很重要,最好规整,有圆的地方,注意要用一下方,有方也要有圆。所有的图表,在一起不能显得太凌乱。
# [5 H0 @$ A6 u2 y# Y 15.png
7 S1 k- @! e0 b6 [1 G0 y3.6 技巧六
% p0 u# W# A' x' X4 ?4 q3 `' U* s4 ~' o9 z$ A
现在图表的风格越来越趋向于平民化的大色块,主要是win8的风格了,所以在配色的时候,可以直接取微软logo的颜色。
' u* x% {  t7 i! I8 C 16.jpg
$ k; x& N: f% ^3.7 技巧七
- E" g# O- U- V- e7 k6 P1 c1 D
; C  s8 c$ G1 D; H8 m$ k7 k: H
; Q4 j, u: D  v5 @1 [选择合适的图表,折线图、面积图、柱形图等,二维的,三维的都可尝试,重在是互补。美工设计原则,多参照,多查看,多注重细节。
4 @5 {5 X/ |4 p1 S' f+ y. G/ ?: T5 y- x# b
帆软FINEreport 10.0全模块无限并发软注册文件.rar (58.62 KB, 下载次数: 75)
您需要登录后才可以回帖 登录 | 用户注册

本版积分规则

帖子推荐:
客服咨询

QQ:592439202

服务时间 9:00-22:00

金蝶用友易助管家婆深度服务
 
QQ在线咨询
售前咨询热线
592439202
售后服务热线
243998158
快速回复 返回顶部 返回列表