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

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

产品 2017年03月31日

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

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

产品 2016年07月11日

交互丨设计师最常提到的「场景」，从这 3 个方面可以学会

@Yeah秋强 ：之前有人问过我一个问题：实习期间最大的收获是什么？我回答的是：场景。的确，实习之前其实没有什么场景的概念，那时候我会觉得交互设计是一门很理性的学科，主要依靠的是逻辑分析。实习期间，每次给导师讨论方案或者问题的时候，导师总是会冒出来一句：你这个设计点依据的场景是什么？在给产品经理展示方案的时候，产品经理也会冒出来一句：你有没有考虑过这里的使用场景。甚至于，只

产品 2016年12月01日

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

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

产品 2017年03月23日

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

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

产品 2017年06月18日

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

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

产品 2016年11月21日

「薛之谦憋大招 H5」制作过程详解

文章来自薛之谦H5制作团队的经验总结，记录了H5的整个制作过程，主要对H5的设计构思以及动画设计进行细致的分享，希望能够对大家有所启发。 不知大家有否见过这样一个H5： 这则名为《薛之谦2个月没写段子，结果憋了个大招》H5在微信上发布3小时左右，PV已经突破120W。正如title所说，这是薛之谦憋的一记大招，也是品牌团队、公关传播和创意设计团队整齐抱团憋的一记大招。刷屏期

产品 2017年01月08日

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

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

业界综合 2017年05月02日

没思路？教你从空间/变化/形式3个方面搞定电商banner排版

@谢思靖 ：什么是真正好的排版，我觉得起码要做到清晰易读、信息突出并且观感上舒服好看，在这个基础上有突出的设计感、形式感，就是正真好的排版。怎么做？3个部分决定排版的步骤和方法，咱们分步来说。 空间是文字之间、图文之间的排列关系，是排版的第一步和基础，一张图的空间关系即构图自一开始就影响到整体的走向和最终的成型，所以在设计之初，一定得经过深思虑，深入了解文字的多少、图形的类

产品 2016年06月03日

形式追随功能！聊聊卡片式设计的基础概念和运用方法

编者按：卡片式设计有什么优点？什么时候可以运用卡片式设计？最近腾讯设计师leey 在项目改版中也运用了卡片式设计，发现效果不错，所以希望借在项目里的思考与尝试，抛出引子，供大家参考。在互联网产品中，除了内容型外，一些功能型的产品信息内容也是相当巨大的，特别是管理控制系统，业务管理、功能操作、数据展示等。在信息量这么大的页面中除了重视内容质量外，形式功能的组织与呈现也是同等重

产品 2016年07月24日