ios

针对APP同质化现象，本文作者从从交互层面探索了不一样的 App 该如何设计，且谈及自己的解决方案。值得一读。     “首先占据人们大多数时间的同类型APP内容高度同质化，而风格取决于内容，在平庸的内容下只能诞生风格平庸的APP设计。其次，对于以商业目标为根本的APP应用设计开发，设计风格的投入产出比并不高（游戏依然除外），设计模式的流行以及交互方式的单一使得保守的设计投入产出更高。最后在现今的消费领域，功能主义盛行，界面设计中理性居于主导地位，设计风格显示不是理性思考的首要考量目标。”

iOS和Android两个不同的平台，肯定是有很多区别的，下面就从交互的角度，谈谈区别。

交互输出文档里面最重要的是做设计时的多方面思考。

系统状态的可见性是用户交互设计最重要的原则之一。在使用系统时，用户想要感觉一切都在掌控之中，这意味着在任何特定时间下，他们想要知道并了解他们当前的处境，尤其是在系统正处于繁忙状态时。当系统在处理或者加载进程时，一个等待动画进度指示器是向用户展示系统状态最为常见的形式。

反馈是交互设计中最前线的一环，它的好坏直接影响产品体验。

分享按钮被滥用了吗？“通过我们定期的分析，GOV.UK网址被分享到Facebook和Twitter共有14,078次——只占6,800,000总浏览量的0.2%。”“我们删除了FB按钮，Facebook的使用流量增加了。原因如下：用户在其时间表上分享来替代了“喜欢”文章。

作为一名交互设计爱好者，在此抛砖引玉，用6类约30个案例供大家参考，本文先分享前面两部分，即为懒而做的设计和为等待而做的设计。

设计师和初级产品经理在面试中不能很好回答APP设计好在哪里，并非是由于平时使用太少，而往往因为缺乏一种视角，即产品是为人而设计的。当我们意识到使用产品的是人，人具有感性层面，就会发现使用”功能强大、信息准确和流程最优“等客观化标准评价的不足。“设计和艺术是不同的，但很多人都没有认识到这一点，设计是为了人而产生的，如果你不明白人，你就不能理解什么是好的设计。”

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

这是一篇非常非常基础的关于栅格的文章，如果你已经对栅格系统有了深入的理解， 就不用浪费时间看这篇文章了！

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

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

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

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

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

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

今天要告诉大家的不是说怎么借鉴好的设计或者如何获取灵感，毕竟市场上好设计这么多，难道每个都去借鉴，到最后变成所谓的抄袭？我们应该站在自己产品的角度，去吸收好设计的核心点，然后找到真正解决问题的方法，而不是纯粹的“借鉴”。呆总，我平时看了不少图，但是做项目的时候没办法用上，怎么办呀？看得多没用的，要多想多做。（虽然是至理名言）

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

本文介绍一些关于响应式图像的适配应用策略，回退原理，SVG的换色技巧，雪碧图的百分比定位计算公式等相关的一些小知识点，目的在于帮助一部分同学快速的理清图像应用思路，以及一些web图像的应用技巧。data-src
data-srcset
在加载到的时候更换为
src
srcset容器元素的尺寸：elW * elH
单张图片的尺寸：imgW * imgH
Sprites图片的尺寸：spritesW * spritesH
单张图片在Sprites图上的位置：imgPosX, imgPosY点的位置为 (x, y)
容器上的(x, y)点与容器左上角的距离为 cX, cY
Sprites图上的(x, y)点与本张图片左上角的距离为 sX, sYelW = imgW, elH = imgH
cX = sX, cY = sYcX = elW * x
sX = spritesW * x – imgPosX
elW * x = spritesW * x – imgPosXx = imgPosX / (spritesW – elW) = imgPosX / (spritesW – imgW)
y = imgPosY / (spritesH – elH) = imgPosY / (spritesH – imgH)