基础知识：聊聊交互设计三要素之细节设计

我们就从布局开始聊一聊交互细节设计。@黄红艺 Designer ：交互设计三部曲终于写到最后了，今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践，也是交互设计可视化与形象化的关键。相对于前两个要素的完整性和系统性，第三个要素-交互细节设计，就显得琐碎和零散。根据交互设计由浅入深的渐进，交互细节可以分为布局、控件、适配、音效与动效、流（

产品 2016年12月16日

交互设计背后的 5 个心理学原理

交互设计并不是毫无依据的空泛臆想，想当然式的设计注定不能提供良好的用户体验。那么设计过程中应该遵循什么样的原则呢？作者分享了交互设计中可以纳入考虑的5个心理学原理，一起来看看。某次下班偶遇一开发，他问：“你们平常做的交互设计，有什么准则吗？”我列举了尼尔森十原则之类，却遭到对方的进一步怀疑，似乎认为这不过是一些约定俗成的规矩，细究下来背后却没有什么站得住脚的道理。当然不是这

用户研究 2017年07月19日

交互设计师的核心竞争力

什么是交互设计师核心竞争力？听我道来，这里是占位符。呆呆：很久没来发文了，最近太忙，谢谢你们还惦记着我。本篇文章内容稍深，可能初入行的小伙伴看起来在理解上会比较吃力，不过我已经尽量白话，希望对你有用。什么是交互设计师的核心竞争力其实这个问题，已经脱离了我们本身要谈的范畴。因为它的范围很广，谈不上是理论、工具、甚至是经验的问题了。这里我不把问题聊大。先认清自己的定位，你才能说

产品 2016年12月13日

如何提高APP交互设计能力（三）：需求的那点事

在交互设计中，需求举足轻重，这篇文章就聊一聊有关需求的话题。需求的那点事第一篇《如何提高APP交互设计能力（一）：理解交互设计》提到，做交互设计要以人的需求为导向，理解用户期望、需求。在对需求的时候要搞明白3个问题：为什么要做这个？（目标）这个需求真对的用户群是什么？（用户）什么场景下会使用这个功能（场景）在交互设计中，需求举足轻重，那么我们聊一聊有关需求的话题。什么是需求

需求分析 2018年03月15日

华为官网首页交互：移动和透明度动画应用

华为手机越来越爱到众多消费者的喜爱，体验方面无论从手机终端，还是官网设计，都体现出一个知名企业所拥有的品质。以华为官网首页的交互为例，交互虽然简单却体现了对细节的追求。我们就以这个简单的交互来说一说Axure的动画交互应用。华为官网交互说明官网首页的下方是以大副图片拼接的方式显示了网站的内容，默认显示了图片和图片内容的标题，鼠标经过时标题向上移动，然后向上移动显示图片的详细

产品经理 2017年04月29日

交互原型工具：好的工具是利器，坏的工具是钝器

好的工具是利器，坏的工具是钝器。每个人都可以找得到最适合他的利器，我希望你也一样。如果你是 UX/UI 设计师，你一定会听说过无数个交互原型工具。设计资讯网站总是不厌其烦地介绍新的交互原型工具，标题通常是：《这款最新的设计工具，也许你该上手试试》《动效设计神器！Sketch 绝佳搭配》《30 秒制作交互原型的新晋神器》《这才是适合设计师的动效制作工具》《2016 年十佳原型

原型设计 2018年02月12日

2017 年，这五条设计趋势将惊艳整个设计圈

Spell（高级产品设计@Salesforce）：今年年初的时候，我写了一篇关于2016年设计趋势预测的文章。一方面为了记录自己观察到的一些现象，一方面让自己养成每年总结的好习惯。回头一看，记录下的点滴竟然逐一变成了现实，不禁感觉非常幸运。今天我来分享一下我自己对于2017年设计趋势的观察。我会谈到以下5点：微交互将会大量主导产品设计细节平，却不再那么平了，颜色，字体和质感

产品 2016年10月20日

习惯养成 APP 的交互设计 & 视觉设计

前言“学树”（Habitree）是9月时从交互设计到UI设计独立完成的一个个人项目，也是第一次挑战时间管理类应用这个有趣的领域。虽然最终因为种种原因很遗憾没有顺利地交付开发和实际上线，但设计阶段还是已经有一个相对完整的阶段性成果的，在此分享给大家。好的习惯，像一棵小树，有破土而出时，带着未知和青涩的期待，也有经历春夏的风雨后，熬成满树金黄，沉甸甸的喜悦，改变自己，从一个小习

产品 2016年12月09日

第一次组队接设计外包，我学到了这4个经验

@Yeah秋强 ：这段时间和朋友接了一个设计外包项目，我是交互设计师，其他两个负责视觉设计，第一次组团队，无论团队内部还是合作公司那边，都是边磨合边工作，进行不是很顺利。磕磕碰碰做完后，回顾这次项目经验，有4点经验想跟大家分享一下。设计外包三板斧：一、项目需要一张数据表这次算是一个全新的项目，从零开始，但是实际上第一版出来的功能已经非常多了。产品那边没有一个完整的功能列表给

产品 2016年09月08日

Aure｜豆瓣电影 APP：滑屏切换和菜单顶部吸附结合的交互实现

本文是关于豆瓣电影APP在滑屏切换和菜单顶部吸附结合的交互实现。enjoy~从预览效果来看，这里涉及到滑屏和单击左右切换、顶部菜单两个主页的吸附这两大交互。我的上一篇文章讲的就是前一大交互，不过我还是会在这里复习一下的。第一步：截屏，切图我的手机可以长屏截屏，得到第一页截屏：１、切图我们需要切到如下素材：手机状态栏和搜索框、广告、正在热映黑字、即将上映灰字、黑色滑块、滑块下

产品经理 2017年09月18日