2020—08 08

字体搭配的技巧

1.真正能用到的经得起推敲的字体有:

①宋体(标宋,书宋,大宋,中宋,仿宋,细仿宋)

②黑体(中黑,平黑,细黑,大黑)

③楷体(中楷,大楷,特楷)

④等线体(中等线,细等线)

⑤圆黑体(中圆,细圆)

⑥方正兰亭系列

⑦微软雅黑

2.常用中英文搭配:

①汉仪中等线简体HELVETIVA

②微软雅黑LUXIDA  GRANDE

③方正兰亭纤黑简体HELVETICA

④方正黑体简体ARIAL

⑤汉仪书宋简体TIMES  NEW  ROMAN

⑥汉仪中黑简体MYRIAD  PRO

3.banner组成要点是背景,产品,文字,元素,颜色

背景分类包括场景,图形,颜色等

常用构图:居中(产品与文案放在中轴线上,常见对称式构图)

左图右文,左文右图(最常用的构图方式左右,平衡突出产品符合正常的阅读习惯)

对角构图(将主要元素之余对角线上)

S型构图(画面主要元素呈现S,Z型,更具动感又具有较强的视觉导向,较为适合竖版,电商,banner由于是横幅,所以S型构图较常见于产品列表页)

铺满画面(元素放大铺满画面同时也融合其他构图,例如上文下图等,使得画面非常饱满热闹)

4.网页banner设计的原则

对齐原则:相关的内容要对齐,方便用户实现快速移动,一眼看到最重要的信息。

聚拢原则:将内容分成几个区域相关内容都聚在一个区域中。

留白原则:千万不要把banner排的密密麻麻要留出一定的空间,这样既减少了banner的压迫感,又可以引导读者视线突出重点内容。

降噪原则:颜色过多字体过多,图形过繁都是分散读者的注意力的噪音。

重复原则:排版时要注意整个设计的一致性和连贯性,避免出现不同类型的视觉元素。

对比原则:加大不同元素的视觉差异,这样既增加了banner的活泼又突出了视觉重点,方便用户一眼浏览到重要的信息。


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 目的:UI设计的目的是为了更好服务用户;能让用户快速完成自己的目标; UI设计的发展趋势:全链路和复合化的设计人才...
    quantre阅读 11,309评论 9 83
  • 水槽定位法(0.618) 间距排版的应用方法,开发者的box,镶嵌原则,统一数值反复利用。 eg:间距1: 30p...
    好妹妹mango阅读 6,657评论 0 30
  • 1.饱和度高,明度中间,刺激大;饱和度中间,明度高,刺激小2.色相饱和度改变的是它的下面一个图层3.饱和度越高色彩...
    七叶5阅读 1,688评论 1 6
  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 8,153评论 0 4
  • 公元:2019年11月28日19时42分农历:二零一九年 十一月 初三日 戌时干支:己亥乙亥己巳甲戌当月节气:立冬...
    石放阅读 7,521评论 0 2

友情链接更多精彩内容