BAT资深UI设计师经验汇总.docx

BAT资深UI设计师经验汇总

第一篇：BAT资深UI设计师经验汇总创想设计学院官网：http:///BAT资深UI设计师经验汇总不论你是要为自己的微博做个有趣的图片，还是为自己的活动做PPT和邀请函，专业的UI设计的技巧总能给你的设计极大的帮助。UI设计的技巧很多，但是核心的就那么多。字体的选取和搭配，排版布局的规则，留白的规律，说起来复杂，梳理起来也不是特别多。那么就让这25个史诗级的UI设计技巧帮你绕过设计上的坑，帮你打造真正令人难以忘怀的UI好作品吧。01、管好你的字体请务必选择易读性较高的字体，太多的字体类型挤压在一起也是非常难以识别的，尽量使用简单协调的字体组合。创想设计学院官网：http:///这个案例中仅仅使用了名为Aileron的字体族，这是一款无衬线字体，整体风格简约而富有现代美感，字体族中包含了多种字重和变体。02、不要害怕放大将字体、形状等需要强调的内容放大。适当地搭配色彩，让需要强调的部分看起来巨大醒目，在这个案例中，我用Releway字体来呈现“Scale”这个词，因为这个字体更加敦实、清晰，放大后看起来体积感十足。03、控制好各个元素的间距创想设计学院官网：http:///“Respect”这个词的字间距被压缩，从而让整个单词显得更有凝聚力。排版中，各种元素间距需要根据实际情况来调整，内容多的时候可以适当收紧，少的时候可以适当放松。间距大小都需要兼顾到基本的可读性，分太开和离太近都很难让人阅读。04.明智地选取配色创想设计学院官网：http:///选取同一色系下的不同色调，可以保持整体的一致性。色调明亮程度的差异能给配色带来对比度，精致的文字需要用深色的背景来衬托，这也是为什么我在案例的文字中使用了浅绿色，提高清晰度，增强可读性。05.干净，明快，清晰通过提升文字内容和背景图片之间的明暗对比来提升可读性。通常使用纯黑和纯白的文字可以更为便捷地实现这一点。06.字体也有感情创想设计学院官网：http:///确保你选取的字体和你的内容保持一直的调性。带有圆角的字体看起来会更加友好（这里用的Quicksand），棱角分明的字体看起来更加强硬（比如SansSerifs），衬线体会看起来更加优雅而精致。07.用对齐营造秩序创想设计学院官网：http:///对齐和对称都是让设计作品更加富有秩序的手段。相对而言，对齐运用范畴更广泛。这里的案例中，左边的直线勾勒出对齐的边缘，提高了设计的整体性。08.保持简单保持简单，但是别忘了最基础的原则。使用有对比度的配色，用稳固而均衡的排版框架。09.复制是多页文档设计的精髓创想设计学院官网：http:///如果你在设计一份多页的文档，最简单的方式就是复制页面，然后替换其中的图片，然后编辑文本内容。合理地运用线条点缀，保持样式的一致性。10.原创性与创造性和研究一样，平面设计的技能和思考一样需要原创性和创造性。你并不一定非得使用大家都在用的字体和样式，规避流行并探索自己的风格，会让你的设计工作与众不同。11.用层次来梳理内容创想设计学院官网：http:///将内容和信息排列得更加层次化是视觉设计中最重要的部分，调整你的内容中元素的色彩和比例，可以观察到它在整体视觉中重要性的变化。12.对称也很有用许多优秀的设计作品都会充分运用对称的技巧。运用对称手法的时候，确保对称双方在视觉的厚度上的一致。创想设计学院官网：http:///13.时不时让你的双眼放松一下7×24小时的奋斗固然突出，但是你很难保持并拥有持续的创造力。适当的放松能让你恢复效率，产生灵感。适时地离开电脑屏幕看点别的，常常会有意外之喜。14.使用同族字体创想设计学院官网：http:///想要让文字排版拥有高度的一致性，最好的方法是找到一套包含各类字重、字形的字体族，这样确保了多样性和一致性。此处我们使用了LibreBaskerville字体族中的粗体、细体和斜体。15.伟大的留白留白会赋予设计中各种元素以足够的呼吸的空间，给用户以想象的空间。它让内容更加集中和易读，也不会因为凌乱而让用户分心。16.先调研，再着手创想设计学院官网：http:///在你动手开始设计之前，确保你掌握了所有的需求和全部的细节。调研、阅读、搜集素材。素材的搜集让你掌控足够多的事实和内容，而调研则会确保这个设计是深思熟虑之后的成果。17.创造情绪板在设计之前，将你所搜集的相关的图片、色板和其他视觉作品集中到白板上，这样可以方便你寻找灵感，找到共同的特点、主题和调色板，并且最终应用到项目中去。创想设计学院官网：http:///18.模仿与创造使用诸如Canva、Dribbble、behance这样的网站来浏览别人的作品，借助搜索和过滤来寻找符合你需求的作品、风格和样式，在模仿和创造中构建属于自己的作品。19.关注正在发生的事情创想设计学院官网：