UI

最近刚完成平台安畅云 2.0 的改版设计，平台模块很多，经常存在很多类似的页面和组件，若不制定统一的规范和控件，则会导致很多重复的工作，大大降低产品的设计效率；同时，平台的一致性也得不到保障。所以，我们视觉、交互、前端的小伙伴们针对我们踩过的坑，大家认真总结和提炼出一个符合公司定位的设计规范，统一公司项目的前端 UI 设计，规避不必要的设计差异和实现成本，实现设计和前端资源的效率最大化。

本文作者将帮你系统梳理一下创建一份作品集的全部步骤，让你明白UX作品集的常规创建流程。

本设计指南适用于UI界面中交互微动效，涵盖入场、出场动效，过渡动效和加载动效，在时间和缓动曲线的选择上提供了一些通用的设计建议，帮助设计师理清动效设计思路，提高设计效率。

这篇文章是基于我自己的理解对界面交互动进行了分类整理和总结。

首先出现的数值和设置内容就是默认项。它们的作用似乎微乎其微，但默认项（和它们的设计者）掌握着强大的力量——替用户做决策。本文中，我们会讨论如何运用预置的内容和默认设置，创造更好的用户体验。只有不到5%的用户会修改默认设置用户会假设你已经掌握了他们所有的偏好

作为APP狂热分子，定期去App Store或者其他渠道找新鲜的产品来玩儿，已经持续了很多年。但是光浮于表面的玩儿，还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。

本文主要是根据个人在各个大大小小的项目中总结而来的一套做设计分析的参考思路，应用于常规的项目场景基本是够用了。“需求是业务方的几句话描述，只能管中窥象的了解他们一些零零碎碎的想法，没理解到本质需求就开始画界面，然后不断的随着他们想法的转产而反复被动修改交互稿…”
“PM已经画好完整的demo，交互看着似乎能做的只是根据demo做细节优化和完善，做着做着就迷茫了，设计的价值到底在哪呢？”“在公司中作为职能部门的UED团队，需要站在用户的角度思辨业务，通过服务内部客户进而服务我们的最终用户，用设计专业帮助业务成功，与业务一起成长”。Tips: 跟需求方沟通挖掘需求，最重要的注意点是需求方对我们来说是快速了解行业现状和市场需求的绝佳伙伴，所以要更多的聊这些，而不要很快就陷入页面具体细节的讨论。（如果需求方主动要说，可引导至挖掘背后目的是什么，为啥要这样做，具体表现形式可以后面在细化页面时再考虑）某家居用品商要制造一款家用钻孔机，继续往下深挖用户诉求：
“用户需要的并不是一台钻孔机，他们需要的是墙上有几个孔”
“用户需要的并不是墙上的几个孔，他们需要的是墙上显示家人照片”
“用户需要的并不是挂了照片的墙，他们需要的是一个更温馨生动的家”
……通过「某策略」，帮助用户实现「某价值」，以完成「价值变现」。

表格的设计远远没有想象的那么简单，除了纯粹的数据展示，现在的表格越来越兼顾到一些导航的功能在里面，不仅仅纵向展示数据，在横向方面也做了相应的扩展。本文作者将来详细聊一聊表格。

今天的这几个控件的中文名字，在网上查了半天，没有找到统一的叫法，所以自己翻译了一下：简易菜单对应的是MD（Material Design，下同）中的Simple Menu；简易对话框，对应的是MD中的Simple Dialog，弹出框对应的是iOS中的Popover。

本文来自百度用户体验部高级UI设计师大牙的佳作，此文是她对自身工作的一种思考：一个遵从设计规范，按照所谓的系统设计方法，步步推导而来的解决方案，是否真的就是一个好的设计？你的答案是怎样？不妨一起来看看大牙的吧~

iOS10发布了，苹果遵循了一切从简但又增加了一些提升用户体验的功能，比如向开发者开放了更多接口，设计者又如何跟随iOS的步伐做好产品设计呢？本文是系列文章的完结篇，enjoy~Note
模板图片(template image)会丢弃图片本身的色彩，而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP  对于多行或是多样式的文本输入，请使用文本视图。请参阅Text Views。

今天的文章，我们将会提供一些使用空状态来优化新用户引导的策略和技巧。

作为设计师有一个重要的技能：如何选择文字。这是因为文字是设计师和客户沟通的主要方式之一。那么排版就是决定你设计好坏的重要因素。GoldenRatio (1:1.618)
1.000x 1.618 = 1.618
1.618x 1.618 = 2.618
2.618x 1.618 = 4.236
4.236x 1.618 = 6.854
6.854x 1.618 = 11.089GoldenRatio (1:1.618)
…
11.089x 1.618 = 17.942
17.942x 1.618 = 29.03
29.030x 1.618 = 46.971
46.971x 1.618 = 75.999
75.999x 1.618 = 122.966MinorSecond 15:16
MajorSecond 8:9
MinorThird 5:6
Major Third 4:5
…PerfectFourth (3:4)
…
9.969x 1.333 = 13.288
13.288x 1.333 = 17.713
17.713x 1.333 = 23.612
23.612x 1.333 = 31.475
31.475x 1.333 = 41.956
41.956x 1.333 = 55.927FontSizes
Header1: 55px
Header2: 42px
Header3: 31px
Header4: 24px
Header5: 14px
Body:17px
Caption:14px

设计工作几年后，你有没有接到设计需求时不满足于之前的处理手法，想要突破自己，不想麻木的做设计？不希望自己在习以为常的设计中走向平庸，成为一个废柴……最近对国内外各种资讯文章的阅读和最新优秀产品的体验，梳理下今年的UI设计的趋势，希望在接下来的设计工作中，理性的前提下又不失创新。

面对完全不一样的媒介，设计师们会有不一样的目标，也会使用不一样的手法进行设计。 比如说一名 UI 设计师与平面设计师的最大区别，大概就是在于 UI 设计师能够以开发的视角来做设计。

本文作者将与大家探讨微交互是如何塑造优质的产品细节的，一起来看看吧~“最好的产品通常会做好两件事情：功能和细节。功能能够吸引用户关注这个产品，而细节则能够让关注的用户留下来。”

“注意用户做什么，而不是他们说什么。”
——雅各布 尼尔森“令你反感的客户是你最大的学习动力来源。”
——Bill Gates“想成长为设计师？花大部分时间考虑它的运作方式，而不是看起来如何。”
——乔希·帕克特

希望这篇文章，能够在你做LOGO设计时，提供一些方向和思路。

本文作者将对魅族最新研发的交互方式—mBack进行分析，从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异，到分析mBack的缺点，值得一看。乔布斯说：伟大的产品都是只有一个按键的。在已经将交互优化到已经不能再删减时，如何有效的组织和隐藏就显得尤为重要。随意性用户可能使用过类似的产品或服务，有兴趣使用更为复杂的产品，但是不愿意接触全新的产品，除非新功能足够简单。主流用户是最大地群体。他们使用产品的目的是完成任务，他们永远也不会产生学会所有功能的想法。