老生常谈！设计高素质的 UI 应该掌握这 7 个关键属性

我们的世界正在快速的数字化，这也是为什么UI界面在近10年来一直都是热门话题，同时，这也意味着，作为设计师的我们比以往任何时候都要专注打造高素质的UI，以及让用户欲罢不能的用户体验。我们需要好的UI和优秀的设计。我们一直在追求好设计，优秀的设计，让人难忘的设计，能够脱颖而出的设计。我们相信设计是有迹可循的，有成熟的、可考量的标准来衡量，它甚至可以作为我们设计的方向而存在。从

用户研究 2017年01月08日

UI 设计师应该知道的设计原则

界面清晰是UI设计的第一步，要想让用户喜欢你设计的UI，首先必须让用户认可它、知道怎么样使用它。让用户在使用时预期会发生什么，并方便地与它交互。所以一些必要的 UI设计原则还是要掌握的。 ▲ 正确示范|界面没有任何的操作提示，用户就明白通过左右滑动屏幕来查看更多卡片，还知道卡片是以扇形为运动轨迹。全力维护用户的注意力在阅读的时候，总是会有事物分散我们的注意力。因此，在设计界

产品 2017年01月08日

混合型界面：对话式 UI 会走向何方？

2016年是对话式设计之年。消息应用正以惊人的好评度和参与率，占领世界和app store的排行榜。每个社区产品、应用市场、点播服务、约会应用、社交游戏和电商产品，为了提高好评度、参与率和销量，都已经或即将加入消息功能。 有大量关于对话式UI的讨论，还有这种人机对话模式如何通过简单的指令和文字反馈（偶尔配合照片），将消息或语音交互融合在一起。虽然我很喜欢文字和照片，但它尚有

业界综合 2017年01月08日

发一组旅游 APP 的 UI 设计

这算是一套半成品吧，自己接的私活~ 约定是做完一个台湾旅游APP所有的界面设计和标注，后来因为各种原因，做了一半之后不了了之。具体的产品结构就不再做线程图了，一共和雇主沟通过两次，每次2个小时左右，他把大体的思路给我讲了一遍，自我鼓励一下，算是理解能力强的，几个小时就领会了要做的APP的整体思路，起码交工的这部分符合（或者超出 捂脸……）雇主的心理预期，放一些界面效果图吧。

产品 2017年01月06日

新手福利！超全面的 UI 设计切图规范指南

编者按：切图是初级设计师最重要的能力，网上一直没有全面系统的教程，今天@UI酷设计 这篇好文从零开始教你学会切图方法，附上切图神器，绝对值得收藏。考拉快跑：移动UI设计切图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的

产品 2017年01月06日

18 个 UI demo 设计实例，深挖让用户愉悦的小惊喜

文章分享了对话框及模态窗口、注册与登录页面、导航及菜单、滑动条和切换开关等UI设计实例，希望对大家有所启发。CodePen网站已成为开发者的游乐场。那是一个你可以驰骋想象、开发创造的沙盘。里面既有实践的东西，也有实验性的概念——是个激发灵感的宝库。我们在其中做了一些挖掘，发现了一些有趣的UI demo和概念图，包括对话框和模态窗口、注册与登录页面、导航及菜单、滑动条和切换开

产品 2017年01月05日

让你着迷的渐变色，重新回归 UI 设计主流

2016年的双十一和双十二色彩搭配给我们APP设计师打了一剂强心针。让25学堂的小编认为迷人的渐变色，重新回归UI设计主流。为什么会这么说呢？证据一：优酷新logo的发布。新LOGO彩更明亮、设计更简洁，焕发年轻气息，不仅去除了“优酷”汉字，而且拼音“Youku”的每个音节上都添加了红蓝圆点点缀。红色与蓝色采用了渐变的特效。证据二：阿里双十二的色彩搭配规范淘宝的主打色是 玫

产品 2017年01月06日

游戏图标 UI 设计教程 - 精致的游戏加血药瓶图标教程

图标这个东西就是锻炼你的构图表达能力。让玩家能在最短的时间内领会这个图标的含义。至于图标的风格就看游戏的定位了。所以大家不要纠结一个图标要话的如何精美。UI不仅是给玩家美的感受，更要让玩家舒服的去享受游戏的操作，所以做一个好的UI设计师不仅仅要学会把控游戏的风格，也要把控好游戏的操作性，下面画一个比较随意的大药瓶。不针对于游戏。 游戏UI、CG原画交流群 {{57237

产品 2017年01月05日

制作 UI 人物头像教程！

教程转自 UI资源库今天红玉老师告别繁琐的文字经验分享，找一个好玩的UI头像制作教程！转自：UI资源库作为老罗的脑残粉，讲真，是被罗老师的头像吸引进来的。教程制作的确实“德艺双馨”的郭德纲老师！制作精良，教程简单易懂！学起来！我们是知识的搬运工和制造者，加群学习更多UI知识：米你设计学院【UI】 562902075 点击链接加入群【米你设计学院【UI】】：http://jq

产品 2017年01月05日

制作剔透的玻璃按键 UI 图标教程

玻璃按钮的暗部非常少，重点是高光部分的渲染，可以先用图层样式做出内侧边缘高光及底部的投影;再用手绘的方法加上顶部的高光;其它部分可以加上一些环境光或倒影等即可。最终效果 1、新建一个画布(我的是1000*1000px，新手可以效仿)，背景颜色(个人喜好，我的背景是图片模糊处理过的，我会在专门发一篇关于背景的，这次先添加颜色就好)新建一个你认为合适的导航，我这里是圆角为17p

产品 2017年01月05日