UI设计规范偏视觉PPT课件.pptx

执
规范
表现
第1页/共21页
规范
规范是指明文规定或约定俗成的标准，具有明晰性和合理性。
第2页/共21页
引言
设计中处理视觉元素的基本原则
对比
重复
对齐
亲密
中文字体的处理方法
理解
分类
粗排
精排与校对
好的，重新设计
总结
第3页/共21页
设计中处理视觉元素的基本原则
亲密
重复
对齐
对比
第4页/共21页
引言
关于这张卡片，你的想法是？
第5页/共21页
亲密
将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。在一个页面上，物理位置的接近就意味存在着关联。
，除非各组同属于一个子集，不同属一组的元素之间不要建立关系！如果元素彼此无 关，要把它们分开！
第6页/共21页
对齐
任何元素都不能在页面上随意安放。每一项都应当在页面上的某个内容存在某种视觉联系。找一条明确的线，并用它来对齐，让页面统一而有条理。
，并且着力避免居中对齐，除非你需要一种比较正式、稳重的表达方式。
第7页/共21页
重复
这组图片重复了哪些元素呢？
第8页/共21页
中文字体的处理方法
那么对于汉字，究竟应该以一种什么样的原则和原理来进行编排才能使字、句、段、篇看起来美观清晰呢？我在实践中，有一些经验可以拿出来与大家商讨，在进行汉字编排时我一般遵循的流程是：
理解
分类
粗排
精确细排
校对
理解
第9页/共21页
对比
如果两个元素不同，就会产生对比。倘若两个元素存在某种不同，但差别并不是很大，那么你做出的效果并不是对比，而是冲突。如果两个项完全不相同，就应当使之不同，而且应当是截然不同。
，如果一个页面看上去很美观，也更有可读性，另一个目的有助于信息的组织，能让读者第一眼就看到被强调的重点。如果你想要形成对比，就要加大力度，让它们看上去截然不同！
第10页/共21页