如何应对交互设计中的技术实现问题

技术实现是交互设计的last but not the least环节，甚至有时应该是设计优先考虑的问题，毕竟没有实现的设计只是图纸而已。可作为一个技术门外妹，什么时候需要考虑技术实现问题？都需要考虑哪些问题？如何保证设计不受技术实现的影响？本文作者将以聊天中的文件下载为例，讲一下笔者的经验和小心得。WHEN什么时候需要考虑技术实现的问题？在遇到特殊需求和有特殊设计的的时候聊

产品 2017年04月05日

让你的数据动起来！谷歌在线黑科技将数据快速做成 GIF 动画

这几年 GIF（Graphics Interchange Format）图像互换格式有起死回生的迹象，或许不能说 GIF 真正离开过，至少它算是早期网络速度还不快时最受欢迎的图片格式（最早出现为 1987 年，至今已经超过 30 年时间），试想当时网速就连开网页都要等很久，怎么可能会有影片串流？GIF 动态图是会动又不太占流量的最佳选择。Google 也看准这一点，近期推出

产品 2017年06月14日

网页配图之道！八条实战学来的首图设计技巧（一）

@飞屋睿UIdesign ：国内有大部分设计师称之为Banner，但我的概念中Banner图还是一条长长的横幅广告。国外的设计师把首图成为Hero图，Hero字面意义也就是英雄，但直接叫英雄图片恐怕带来误解，不如叫首图。首图，地位第一，又位于首页，意思直达，大家能理解就好。大概很多设计师其实已经觉察到了，网页设计做得好不好，除了网页本身的布局、配色以外，很大程度上依赖的是配

产品 2016年07月11日

三维思考，UXD体验设计的彩虹交换

如果说商业目的是一道光，设计要做的就是安置一个三棱镜，让用户感受到彩虹，对于设计而言，这个体验上的等价交换我称为“彩虹交换”。“ 张三丰将太极剑慢吞吞软绵绵地演了一遍，问张无忌看清楚没有，又问他忘掉没有，张无忌想了想，说忘了一大半了；接着张三丰又表演了一遍，竟和前次完全不同，又问张无忌忘记了没有，他说还有三招没忘；这么教下去，直到张无忌说全忘记了。张三丰道：‘不坏，不坏！忘

产品 2018年03月15日

13 种面向复杂程序的表单设计样式

从复杂的ERP系统到Facebook，应用程序中无不包含表单输入的需求。 表单——在其诸多表现形式之下—— 却统一作为一个用户提交信息的窗口。本文介绍了13种不同的表单呈现方式，并尝试探索数据输入的未来。1、模态窗口式表单 简单的模态窗口适合于复杂性低、输入项有限的表单。这种形式实现起来容易，对用户体验而言也是简单直接。然而，需要额外模态或弹出框的复杂交互都可能会导致用户错

产品 2017年01月05日

一个策划眼中的手游 UI 规范设计

没有配图，全是干货。貌似写于2016年，有非常小部分的规则有变化，但无大碍。一、设计概述在讲述设计规范时，首先要明确界面的分类，在我看来，界面只有主界面、一级界面、二级界面三种。其中主界面仅包含三种：登陆界面、主城主界面、战斗主界面。一级界面即指从主界面入口点击一次后第一个呈现在玩家眼前的界面，也包含由系统呼出的结算界面等。二级界面很好理解，即在一级界面打开的新界面，二级界

产品 2017年03月31日

从《坠楼惊魂》看 UI 对于玩家留存的重要性

作者：Stanislav CostiucUI在游戏中拥有许多功能和目的。因为这通常都是玩家第一眼会看到的，所以它也将成为吸引玩家的主要元素，同时它也能够提供玩家最自在的行动方式。而UI的最大作用之一便是用户留存。在此我将以《坠楼惊魂》为例和你们分享这一作用的重要性。AaaaAAAaaaAAA!!! for the Awesome(from mobile9)我真的很喜欢《坠楼

产品 2016年11月21日

线上吐槽大会！10 个丑惯了的互联网设计元素

好奇心日报：好奇心研究所做过一项名为「你周围都有哪些美感严重缺失的东西」的调查，我们本想评选出“街头十大丑”，比如毫无设计感可言的店铺招牌、拙劣的仿欧建筑、工地铁皮围栏等等，但由于没有明确的范围限定，结果收到了读者对所有可见辣眼元素的全方位吐槽。虽然没有实现本意，但调查结果中获得 631 票的“网站里各种高清无码小广告”和虽然仅获得 63 票但非常戳点的“政府官网”两个选项

产品 2017年03月23日

2017 年流行的这些字体排版趋势，你都知道嘛？

技术和设计趋势一样，随着时间的推移总在不停地变化。对于网页设计师和前端而言，字体和排版所涉及到的技术和设计尤其是如此。不过纵观这几年，网页字体和排版在大方向上并没有明显变化，结合当前主流产品和设计，并不难确定2017年内，我们需要关注的这些字体和排版趋势。定制：品牌化的字体Bookerly, San Francisco, Product Sans 这些带着明显品牌烙印的英文

业界综合 2017年05月02日

来谈谈 APP 提示弹窗交互设计

移动端常见的 3 类提示弹窗：提示框、泛 Toast 和消息推送。 —— 由noname_ice分享移动端常见的提示弹窗可分为3类：提示框、泛Toast 和消息推送。1.提示框提示框是一种打断用户操作行为的弹窗，用户必须做出确认、取消等操作才能进行下一步。常见的用法有功能引导（但别指望傲娇的用户会认真看）、弹出广告信息或者重要通知（虽然用户未必觉得有卵用还感觉有点烦）、提醒

产品 2017年06月18日