用户界面设计第1415课字体排版_第1页
用户界面设计第1415课字体排版_第2页
用户界面设计第1415课字体排版_第3页
用户界面设计第1415课字体排版_第4页
用户界面设计第1415课字体排版_第5页
已阅读5页,还剩106页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

字体与排版1常用分类衬线字体(宋体):笔画开始、结束的地方有额外的装饰,而且笔画的粗细有所不同。衬线体粗细不同(可读性更佳)。2非衬线字体(黑体)没有额外的装饰,而且笔画的粗细差不多。简洁、时尚、轻松休闲、干净。笔画对比较弱,不及衬线字体。3结构特征单体字:一个偏旁单独构成的字。合体字:两个或两个以上偏旁组合成的字。4平衡/杠杆原理5了解字体的结构和字体的特性6单行文字排版的横向韵律:根据字体的粗细设定节点的粗细和排布疏密,就能产生轻重缓急高低错落的节奏感和韵律感7多行文字排版的纵向韵律:根据单行文字的长短和字体的粗细产生节奏和韵律8全部大写是平缓稳重的韵律,如图(C-02)采用大小写,则产生了高低起伏的韵律,而因为节点比之左边文字节点要细,所以会显得活泼一些。91011移动端字体准则字号颜色粗细大小写斜体字母间距空白12宽松行距、紧凑行距行距是行之间的空间,行距太紧凑,会让视线难以从行尾扫视到下一行首。行距太宽松,字间距会开始形成队列,产生了我们通常意义上的河流,阻断了行的视觉流。13设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案;不同的样式的字体,形状或系列最好相同,保证字体风格的一致性;字体与背景的层次要分明,确保字体样式与色调气氛相匹配144.避免使用不清晰的字体,否则容易使人产生反感和麻烦;155.切记一定要按照正常的阅读顺序来排版,如果顺序混乱,是会对阅读效果造成影响的。5.16617案例18可以把所有的文字样式分成两类:19增强可读性的样式:大字号、粗体、大写等;减弱可读性的样式:小字号、与背景对比不明显、空白较少等。20标题是唯一需要全部强调的元素,其它的部分则应该将强调与弱化结合使用。21如果网页上某个元素需要强调,把强调和弱化结合在一起,可以避免整个页面看起来太有压迫感,同时又让各个元素的呈现效果恰到好处。222324252627282930用色彩变化,对比凸出你的重点。31用大小变化,对比凸出你的重点。3233高级字体设计案例34353637替代法38尖角法39断指法40错落摆放41方方正正42横细竖粗43随意手写4445排版将文字、图片、线条、色块等截面元素在一个有限的空间中组合排列461.纵向排列法47还可以这样48492.放射性排列法5051523.圆圈排列法5354554.偶发性排列法5657585.网格排列法59606.非正式排列法61627.模块式排列63648.对称排列法6566黄金分割676869三分法(井字构图)7071727374757677水平构图法所有文字均以网格内的水平分割线为,进行排列分布781.最长条文字在网格的最上面排布79802.最长条文字在网格的最下面排布81822.最长条文字在网格的中部排布83848586垂直构图法有选择性的将文字以网格内的垂直分割线为基准,进行排列分布。87案例8889909192位置9

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论