查看: 725|回复: 0

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

[复制链接]
发表于 2019-5-7 08:14:22 | 显示全部楼层 |阅读模式
1. 取色
4 ?: \. S$ X( m4 g4 Z, B4 h( p% @# Q
# o% d1 Y0 \; y! R1 d' H) ^( Q- b' F
) w- R& @6 k5 }
1.1 设计器里选色
7 k2 ]  q" ?& e( p, Q+ h7 n; ~) |- u. ]
点击背景右侧的小三角,点击更多颜色,点击自定义选项卡,这里的HSL或者RGB值,就是我们需要得到的精确的颜色,如下图所示。
: k( V8 o& B5 e. E- b 1.png / @5 {& X6 |1 E1 S  g
RGB 是对机器很友好的色彩模式,但并不够人性化,因为我们对色彩的认识往往是”什么颜色?鲜艳不鲜艳?亮还是暗?”HSL 模式和 HSV(HSB) 都是基于 RGB 的,是作为一个更方便友好的方法创建出来的。
; P, {: i/ z& F0 UHSL即色相、饱和度、亮度(Hue, Saturation, Lightness)。HSV即色相、饱和度、明度(Hue, Saturation, Value),又称HSB,其中B即英语:Brightness。2 B* R: u& w! E, x0 x6 H
色相(H)是色彩的基本属性,就是平常所说的颜色名称,如红色、黄色等。
. a7 _+ K, v, @3 B饱和度(S)是指色彩的纯度,越高色彩越纯,低则逐渐变灰,取0-100%的数值。
. F* e, u" f4 Y. c7 D1 b明度(V),亮度(L)取0-100%。5 z2 D  ~1 \* I, R. S) m
注:微软office系列使用的是HSL,而Photoshop等使用的是HSB。帆软设计器7.11及之前的版本都使用的是HSB,8.0版本使用的是HSL。' w% m- Y. q9 r6 b, G9 J
1.2 画图工具取色8 G* I0 G4 Q6 r6 V9 s  A  l: o; r

& j' o5 h9 i7 ^: Y/ r: u7 h( Y3 G如果你看到很好的表格和配色,可以用画图工具得到具体颜色值,方法如下:# }( b  j$ \  h! U
可以用键盘上的屏幕截图键PRTSC键。用法:按了PRTSC键之后打开附件里的系统自带画图工具(当然别的也行,此仅举例),再按ctrl+v就会出现如下图所示。
- j( z: k( p8 r$ [ 2.png
. o, D, r$ w0 R3 ?% B& o点击颜色选取器,从图片中选取要取色的位置,然后点击编辑颜色,就可以弹出编辑颜色的菜单,看一下具体的RGU值就是我们需要的RGB。0 ]9 e2 g7 B9 u$ _2 W8 K7 ?" _* C6 x
1.3 设计器直接取色
" N4 W! \) P( {" _# g* f' Q; R新版本增加了设计器直接取色的功能,如下:- E2 L9 e. @$ q& ^) ^# K5 j
3.png ! X% q5 Z8 H$ ]* n4 [& m; }* c4 G/ m
1.4 推荐的色彩2 H7 }9 n& D! t

! [8 l7 c% a. F+ u; T; b4 `注:以下均为HSB颜色设置。3 b( E* L% c1 ]' l1 {2 e  t- S
4.png 9 @2 ]+ ?( S, V; i5 k

: B! R5 {# w* ^% _$ ~2. 表格$ \$ S/ _! _9 @! w. X( n
1.表格的线条不要太重,尤其不要用深的竖线,横线的颜色也要稍微淡一些
2.表头的颜色要比表体的颜色鲜显眼
3.表体用微软雅黑和黑体字体的时候,效果会更好,也可以加粗
4.表格的数据要对齐,单元格间距适中。对齐的时候,如果有金额数字的对比,最好用右对齐,一般居中对齐多一些
5.灵活用表格的边框,可以得到更好的一些效果,配合突出立体感。(立体感的图表一般用灰色、浅灰、银色)
6.标题的位置要注意,居中、居左或居右都会有不同的效果
7.欧美风格的报表,一般是灰色、蓝色、深红色搭配,行与行间多以同色调的深浅区分,一般没有框线
8.可以在表头添加一些小图标,效果也不错。如果可以,表头和表尾都可以添加背景图片
2 R5 \5 P" Q! W- N6 `
下面是一些表格的例子。4 z1 l2 [7 L  j$ T0 o7 J* ?; m8 V
示例一:" V6 h+ P7 {) ^8 ^$ \
5.png ' p7 p- y  l7 \% \# f8 v0 _! g
示例二:
. \$ ~: P7 l6 q+ W- p' U 6.png
' f8 I8 C- t9 ?  g3 w示例三:
1 p3 P4 T5 ~1 ^6 U 7.png % J1 K8 s3 p9 l* ?. l# t
示例四:
9 J+ q: A" _4 M. _: S 8.png : q+ x2 h7 @- @3 K. n5 U: @
. \/ o2 g$ Z) y" M1 f6 |
3. 图表(PC端)
, k) i& q6 u* l6 d3.1 技巧, c9 e2 t; ]! P! @' ]
' W' M$ @+ g: E7 L( R
FR设计器的图表,用默认配色(因为色调比较深),所以柱形图和饼图最好用“渐变高光”。如果自己配色,可以选择 浅淡一些的颜色,不要太亮太扎眼。可以选择的颜色有:蓝色、灰色、深红色(不是鲜红)、橙色、绿色。但是,颜色一定不要亮了。还有,颜色要深浅搭配。1 _: G  v- t+ f- i' N) r
从这个位置,可以更快的得到想要的颜色:; K1 j9 Z: i1 n  \4 M5 G5 m
a)选择灰色:选择S
  y0 f% v3 r9 c: K 10.png 9 `  r, J9 M( [7 B- l
b)选择其他颜色:选择 L' @+ b. J! s6 F; \
11.png
  X0 @1 r# Z5 O2 E3.2 技巧二$ X8 F" D7 {  c5 |3 G

* n7 `& h  y/ {3 T4 r( p在设计图表的时候,最好不要用悬浮元素,因为很多效果出不来。
; `+ d9 S! |% _) \5 S3.3 技巧三$ b" F' R2 y) O  Q8 r4 U, C" O
# e# D& M/ I. E
巧用图表区域的圆角边框,可以得到不错的效果;还有图例的位置,一般高的报表,图例放到左边,长的报表,一般放到上边或者下边。8 M  |# M. u% t. W
12.png / X% Q2 a# F4 I
3.4 技巧四7 w# E4 G; _2 [8 t0 o; R* f# _

5 J0 m: y9 S. b( I$ d4 y  D图表的背景色很重要,巧妙使用,可以得到不同的效果。背景色里面,也可以设置间隔或渐变,得到不一般的效果。
3 ?/ i  y$ P2 Y6 l3 k 13.png 2 U- B% }5 h, E0 r
14.png - x% y: N3 A. E; D/ M) p2 E

) s8 A- v+ p; g7 ]5 ]' p+ [8 i6 C
* l% _/ r7 j. b- ?' N/ E$ [3.5 技巧五
3 V5 c: V  H  l0 X* x9 d
( D/ z: y$ J1 s4 l' D1 ~) G* T图表的布局很重要,最好规整,有圆的地方,注意要用一下方,有方也要有圆。所有的图表,在一起不能显得太凌乱。! |& Y: `# E" j, c1 D* g
15.png
; ^3 A& d  e4 }$ x, e3.6 技巧六
9 p. I2 J5 Y" B
2 e* M) U9 Q9 H2 u9 A6 e: S) T5 H现在图表的风格越来越趋向于平民化的大色块,主要是win8的风格了,所以在配色的时候,可以直接取微软logo的颜色。
# H- V2 s( Z# Y# M2 G) z5 y  H 16.jpg
1 \2 x" o* ~+ @: v# x! S3.7 技巧七/ W! d# u: k0 T7 V' f) j) X/ L
. C) j3 \) I* f! Z

! z5 Y1 b& Q3 b4 [选择合适的图表,折线图、面积图、柱形图等,二维的,三维的都可尝试,重在是互补。美工设计原则,多参照,多查看,多注重细节。( P* ]* d" V" c0 r! n
( c& l0 y6 c; q
帆软FINEreport 10.0全模块无限并发软注册文件.rar (58.62 KB, 下载次数: 77)

相关技术服务需求,请联系管理员和客服QQ:2753533861或QQ:619920289
您需要登录后才可以回帖 登录 | 用户注册

本版积分规则

热门版块:
帖子推荐:
图文热帖:
客服咨询

QQ:2753533861

服务时间 9:00-22:00

快速回复 返回顶部 返回列表