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

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

产品 2017年03月31日

为你的网页设计添加吸引眼球的首屏页面的 7 种方法

是时候让我们来讨论一下关于网页设计的中的首屏页面的一些设计思路了。首屏页面是用户初步浏览你的网站所接触的“第一视觉”，它可以说是你的整体网站设计的门面工程了。无论用户是从桌面设备，平板电脑还是移动设备访问你的网站，所有内容都是在这个页面上会被集中体现。所以，你在这个“第一屏幕”中包含的信息是网站设计成功的关键。该设计关系到你的网页设计是吸引用户停留并做出你预期的动作，或迫使

产品 2017年03月31日

「这个控件叫什么」系列之加载占位图 + 页面指示器

@龙爪槐守望者 ：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Skeleton Screen/加载占位图Skeleton Screen（加载占位图）是近年流行的加载控件，通常表现形式是在界面上待加载区域填充灰色的占位图，与线框图的效果非常

产品 2017年03月31日

除了系统默认样式，日期选择器设计还有哪些选择？

我们的设计涉及到人们吃、喝、住、行、购、娱、医疗、教育、工作等各个方面，每个需求场景都是由事件触发的，对于事件的设计离不开时间选择，比如什么时候就餐、什么时候出行、什么时候去看电影、什么时候参加会议、什么时候去就医、什么时候安排下一步计划，等等。系统自带的可能难以满足设计需要，自定义其交互形式与样式可以实现更多的可能性。一．选择到天（DAY）排查设计的时候需要考虑以下几点：

产品设计 2017年03月31日

实践提炼：复杂 To B 产品的设计思路

作者根据自己的工作经验，总结了一些面对大型B端项目时可用的设计思路，希望可以给大家的工作带来一些帮助。ERP系统是典型的To B产品，拥有体量大、功能杂、专业强等特点。前段时间接触了如此庞大系统中三个子系统的改版工作，从手足无措到冷静思考，在无数磕磕绊绊中总结了一些面对大型B端项目时可用的设计思路。因为项目复杂，此篇是整体设计思路的提炼及方法论的提出，具体的案例及方法论阐述

产品经理 2017年03月31日

PM 要多加底部导航时，设计师如何说服他打消念头？

记得之前写过关于标签导航如何设计的一篇文章，大体上的介绍了几种类型，这周正好遇到一个关于标签导航的问题：产品经理要求在底部的导航中由原来的五个主功能增加至六个，交互设计师如何说服产品打消这个念头？本周就这个问题我详细说下当中的几个要点以及延伸出来的几个问题。不要打破标签导航的架构之前说过：在项目研发阶段，我们应该关注产品的主要功能，不应该偏离方向，为了其他辅助功能去改变产品

产品 2017年04月01日

想剑走偏锋？试试这 6 种实验性的网页导航模式

虽然绝大多数的设计都遵循设计规则和用户的使用习惯，但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘，这一点是毋庸置疑的。在网页的导航栏设计上，也是如此。随着越来越多的网页开始采用加粗的非衬线字体置于网页顶部作为导航，许多有想法的设计师开始有意识的打破这一规律，别出机杼，采用不一样的导航模式。当然，如果你的网站用户量大，并且需要尽量降低用户的使用门槛，遵循常规的设计

产品经理 2017年04月01日

升级篇：利用品牌基因法进行图标设计

图标设计如何具有品牌性？这可能是设计师工作中经常会遇到的问题。但很多新人也许并不了解什么是品牌性，更不知道如何将品牌性融入到图标当中，不过没关系，看了这篇文章你就不会那么困惑了！前一阵子写了一篇《利用品牌基因法进行图标设计》，但只讲了一种提取视觉基因的方法，不够全面。菜心担心大家因为方法的不全面而导致设计效果过于死板，所以近期将整个品牌基因法的体系重新梳理了一遍，增加了一些

产品 2017年04月04日

交互设计的未来在哪？

除了电脑和手机，越来越多承载了新交互形式的产品涌现。语音、体感等更加自然的交互方式会不会成为主流？未来的产品形态和交互方式会走向何方？当NUI（自然用户界面）代替GUI时交互设计师和视觉设计师该何去何从？人机交互的未来在哪？这些问题都值得我们去思考...欲了解未来，先要熟知过去。1.交互的起源 20世纪七八十年代，从施乐、苹果、到各种计算机研究所，都在讨论为数字产品提供更加

产品 2017年04月02日

Icon 改版：对于细节的把控才是关键

在这次新的视觉改版迭代中，我们更新了过去较为单一的图标形式，重新定义了图标系统。在旧版页面中，我们发现有几个问题，比如：页面形式复杂，导致页面的焦点太多，重要功能不够突出；一些功能过于隐藏，导致用户很难搜寻…所以在这次新的视觉改版迭代中，我们更新了过去较为单一的图标形式，重新定义了图标系统。在新版中，我们主要做了如下改变：采用 九宫格形式 ，实现更清晰简单的页面层次更具页面

产品 2017年04月01日