UI设计

APP 交互设计中的反馈

用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。作为产品设计与用户体验设计的重要参考标准—尼尔森十大可用性原则的第一条“状态可见原则”：即用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。“即时”是指页面响应时间小于用户能忍受的等待时间。这里所说的“状态可见原则”，便是我们常说的“反馈”。反馈，作为iOS人机界面指南的设计

产品 2017年07月19日

涨姿势！你应该知道的 UI 动态设计规则

APP导航设计类型：列表式菜单矩阵、网格式菜单底部菜单顶部菜单扩展菜单这篇文章中，我主要阐述了UI动效设计中需要注意的问题以及原因，而不是教授制作UI动效额技巧。随着大家对于这一领域的关注（很大程度上是源自iOS的UI设计），我们发现UI动效设计同其他的UI设计分支一样，同样具备完整性和明确的目的性。伴随拟物化设计风潮（Skeuomorphism，也就是苹果所提出的

产品 2017年07月19日

UI 设计师应该知道的 17 个 PS 技巧

1. 设置网格线保持像素完美不在1:1分辨率下也能保持像素完美，可以通过创建网格线来避免虚边的出现。编辑＞首选项＞参考线、网格和切片保持尺寸为偶数。例如：设置网格线间隔为64px，子网格为64使用网格在画图形时会自动吸附，不是1:1状态下也可以画出完美像素。2 .智能对象和路径的变形（1）将图层转换为智能对象（右击图层＞选择转换为智能对象），这样你就可以在

产品经理 2017年07月11日

产品设计套路：UI 设计中的“对比”

互联网产品应该做到让用户在短时间内就可以获取到他们期望的信息，找到他们想要使用的功能。UI设计的最终目的就是为了更好的展示产品的内容，让用户可以更好的接受。与传统媒介相比，互联网产品所包含的内容更多，而且更加复杂。以书籍为例，我们读书都是一页一页的翻，一句一句的读，不能跳来跳去。但是对于app和网页来说，我们无法期望用户像读书一样来使用你的产品。这样不现实，现在是快速读图时

产品经理 2017年07月13日

数据表格设计┃从功能、交互和 UI 进行全方位分析

将近一年浸泡在设计数据表格的相关需求中，踩过很多坑。深深地体会到建立完整的知识体系的重要性，不然就是这个坑踩着上一个坑，万劫不复。在这里总结分享自己的经验，助各位完美避开各种坑。我将从功能、交互、UI三个维度对表格设计进行全方位总结分析。前言表格，又称为表，既是一种可视化交流模式，又是一种组织整理数据的手段。人们在通讯交流、科学研究以及数据分析活动当中广泛采用着形形色色的表

产品经理 2017年07月10日

对话式 UI 中的结构化问题

对话式 UI 所能承载的形式很简单，基本表现为消息的一来一回。这可能会满足不了产品功能，或者在效率、拓展性上遇到问题。因此，很多 CUI 产品会在消息的基础上，引入结构化的选项或者面板菜单。例如，助理服务「来也」可以帮用户叫外卖、预约家政，产品里就预设了这些服务的选项；微信公众号的对话界面底部，有这个公众号常用的选项和菜单。结构化为什么盛行？在跟计算机的对话里，有一部分是重

产品 2017年07月02日

用动效 UI，高效向用户展示你的 app 功能！

当作为设计师的你正在制做一款优秀的APP的时候，会不会苦于无法正确且高效的传达APP的功能呢？不妨欣赏一下以下APP的动效设计是如何向大家展示的吧！交互动画源自交流互动，使看者能够化被动为主动来探索你的APP。SHOW TIME!1.整个登录页面到跳转，看上去都是那么的舒服！2.下拉弹性十足，更像是一种弹力游戏。3.富有科技感的效果。4.这个设计思路是来自凯旋门吗？5.如果

产品 2017年06月28日

10 条必知的网页导航菜单设计原则

网站的导航菜单是用户阅读了网页后想进一步了解网站其它部分时最重要的指示，对留住用户至关重要。设计导航菜单的方法有许多，每个网站都必须有自己的导航菜单。想要设计出一个出色的导航菜单，设计师必须突破传统限制来展示自己的创意。网站的导航是决定这个网站可用性的主要因素之一，如果访问者可以轻松不费力气的找到他们想要寻找的内容，他们将更有可能留在你的网站上，而不是关闭网页离开。有效的导

交互体验 2017年06月26日

浅谈对话式 UI

这是一篇迟到的文章，因为在 16 年初，对话式 UI（Conversation UI，下文简称 CUI）就被大家热烈讨论。有人觉得它是未来趋势，有人觉得只是昙花一现，最有代表性的莫过于美籍微信产品经理 Dan Grover 的那篇 Bots won't replace apps. Better apps will replace apps.CUI 到底是什么？很好理解，我们

产品 2017年06月25日

【译文】响应式 UI 之模式

最近接到官网改版的需求，采用响应式设计（界面布局可随着屏幕宽度变化作出相应调整），于是在Material Design的官方文档中，找到Reponsive UI这一节，原文共分4个部分：断点、栅格、表面行为与模式。前3部分正在消化中。。。先将比较容易理解的第4部分-模式翻译出来，与大家分享。模式随着屏幕空间增加，可采用以下响应式模式1、显示2、变换3、分离4、回流（重构）译

产品 2017年06月25日