5 个排版技巧，帮你轻松搞定 UI 设计

分享排版技巧文字排版不只是从下拉选单选择字型和点数而已，文字排版是一项流传数世纪的技艺，自木制和金属的活版印刷便开始，而且它不只历史悠久，还很实用，大部分的人只要掌握一些实用的诀窍，就可以将之活用在诸如履历表、电子报或名片等日常设计项目上。下边就教你几个排版技巧，帮你轻松搞定UI设计。将要表达的讯息配上适当的感觉。每种字型都散发独特的情感或个性，也许是友善、新潮、严肃或傻里

产品 2016年11月30日

动效丨七何分析法帮你全面分析界面动效

@十圆QCee ：以前在团队内部做过一个关于动效的分享，当时，是从现实参照、功能性、品牌，等维度进行分析。这次为了更全面的了解界面动效，我参考了5W2H分析法。5W2H又称七何分析法，分别是：What、Why、Who、When、Where、How、How much。WHAT什么是界面动效？大家对其的理解大致是，用户界面上所有运动的效果，也可以视其为界面设计（UI desig

产品 2016年11月30日

排版｜为长文进行排版设计有哪些讲究？

先撇开用户兴趣和碎片时间的争论，我们来聊聊较长的内容在网页设计中应当注意的问题吧。对于网站和APP而言，长内容，或者说长文，可能是内容策略中最有价值的一个组成部分（前提是它并不是无聊内容的堆砌）。用户喜欢好故事，而长内容所提供的沉浸式的阅读感受则能够为用户提供引人入胜的体验。为了能够让用户保持兴趣不停读下去，你必须提供令人愉悦的设计和交互，让内容从头到尾的体验都是一致的。想

产品 2016年11月30日

史上最全的摄影后期调色工具剖析！

面对一张原片，在我们分析过后这张照片需要调什么色彩之后，便该进入实操环节了——使用各式各样的调色工具，为我们完成照片的色彩调整。当我们去欣赏一幅照片时，给我们带来第一眼冲击的便是照片的色彩，色彩在一幅作品中有着关键性的作用。简单的色彩中可以包含情绪，传达拍摄者的感情，合理的调整色彩可以让照片拥有更强的生命力。在介绍Photoshop色彩调整工具前，我们首先需要了解一个重点—

产品 2016年11月30日

情感化的 UI 设计 APP 设计师如何下手

今天讲讲关于情感化设计的知识，通过一些案例和场景来了解它。作为一名初级的APP设计师，如何来把握好情感化设计，还是有点困难的。因为不知道从哪几方面去下手设计。今天跟大家聊聊情感化UI设计当中最引人注意的那部分。第一部分：色彩一直以来，色彩都是大家都已经熟知的情感化UI设计的关键元素。不同的色彩代表不同的情感。给用户带来不一样的心情。这个也是情感化设计当中重要的一个元素。同时

产品 2016年12月01日

UI/UE 评审细则

打破规则前要清楚规则是什么序针对UE/UI设计师来说，出稿能力基本是没有问题的，差异点是设计思考能力、业务理解能力、复杂逻辑处理能力。对视觉设计师来说，基本视觉稿设计是没有问题的，差异点是创新设计能力、业务理解能力、精品视觉表现能力。视觉审视顺序：颜色总是先入为主的，其次是形状，及点线面的视觉感受。一个完整的界面是由许多个不同的小元素组成，小元素之间的关联环环相扣，错综复杂

产品 2016年12月01日

企鹅 FM 3.0 设计小结：如何让设计更具价值

如何让设计发挥更大的价值，唯一的办法就是洞察产品的真正问题并将自己的想法勇敢讲出来。换种说法就是琢磨如何让团队学会独立思考。很多有资历的设计师会厌烦那些具体且琐碎的需求。因为设计已被当作一种明确的任务去执行。现实就是这样，当你把自己局限并等待别人过来派发“任务”时，其实已被降格成乙方。怎样才能摆脱这样的窘境？除了让自己努力当上乔纳森·埃维外，唯一的办法就是 系统地洞察产品的

产品 2016年12月01日

APP 界面设计：如何选符合产品气质的字体

不管是中文还是英文，文字不仅是传达信息的载体，也是设计中的重要元素，设计过程中尽量保证文字的阅读性，在严谨中寻求突破。经过艺术设计的字体，可以使信息更形象、更美感的铭记于你心中。随着移动端扁平化设计推进，越来越多的设计师不满足于仅仅是色块、图标和系统字体的枯燥组合，而把更多的心思投入到精益求精的视觉设计中。iOS 系统当中的APP设计字体: 常选择华文黑体或者冬青黑体，尤其

产品 2016年12月01日

交互丨设计师最常提到的「场景」，从这 3 个方面可以学会

@Yeah秋强 ：之前有人问过我一个问题：实习期间最大的收获是什么？我回答的是：场景。的确，实习之前其实没有什么场景的概念，那时候我会觉得交互设计是一门很理性的学科，主要依靠的是逻辑分析。实习期间，每次给导师讨论方案或者问题的时候，导师总是会冒出来一句：你这个设计点依据的场景是什么？在给产品经理展示方案的时候，产品经理也会冒出来一句：你有没有考虑过这里的使用场景。甚至于，只

产品 2016年12月01日

畅游 VC 丨教你 3 步快速搞定 SLOGAN 的排版问题

@畅游VC ：我们在平时接到需求之后，总会涉及到关于slogan（文案）的排版问题，那么如何快速的梳理文案的层级，对slogan进行快速的排版呢？今天给大家分享一些自己在slogan排版这块的小经验，希望能够对大家有所帮助。那么通常在拿到slogan之后我们第一步应该做什么呢？01. 用简单的对比将slogan的层级体现出来 这种文案给的比较清晰，本身就可以很直观的进行判断

产品 2016年12月01日