教你熟练掌握设计神器 Sketch

如果你是界面设计的新手，那么目前市面上最好用的界面设计工具无疑就是 sktech 了。我们 Infinum 设计工作室做了很多移动端和网页的设计，综合比较下来，sketch 是最适合我们工作流程的设计工具。sketch 功能强大、迅速，你可以在几天之内就掌握基本功能。如果你想要熟练地掌握 Sketch，这还是需要花费一定的时间成本的，而这也正是这篇文章主要包含的内容。无论是

产品 2016年12月18日

APP UI 设计及切图规范

APP UI设计及切图规范1.概述1.1 编写目的该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范，是系统进入UI设计的前置文档。部分内容来自网络收集修编，转载请注明由 嗡嗡（iwengweng.cn） 整理。1.2 读者对象项目实施工作组UI/UE设计人员。2.色值规范系统采用统一色彩标注值，超出的需要进行登记管理。色彩范围值：以通用字号C开头标识

产品 2016年12月18日

卡片化设计和微交互是 2017 年 UI 设计当中最重要的趋势

无论哪家设计媒体，还是个人设计自媒体，都会在年末的时候，发布一下来年最新的一些设计趋势和潮流。今年也不例外。比如，现在很多设计媒体已经疯狂转载和宣传《2017年UI设计的10大趋势》或者是《2016年-2017年移动端UI设计趋势》等等博人眼球的文章。而25学堂的小编只想告诉大家，2017年整个APP UI设计不会发生太大的变化。卡片化设计和微交互，还将会是2017年UI设

产品 2016年12月18日

5 分钟带你了解搜索功能设计

由于搜索引擎技术的不断成熟，加上用户的时间越来越珍贵，像搜索这样提高用户检索效率的功能在产品中已经逐渐成为标配。今天我们来谈一下搜索功能的设计。 首先搜索功能的原理主要就是三步： Step1：对用户输入信息的解读转译 Step2：根据用户的输入信息对内容进行筛选 Step3：将筛选后的结果进行排序 第一步主要是对用户输入的信息进行转译的过程，通过切分用户的输入文本，过滤非

产品 2016年12月18日

核桃 app 界面设计及设计规范

2016已经接近尾声，上两天刚参加完比赛，利用这几天空闲时间，把最近沉淀下来的东西分享出来。上个月团队几个小组进行友谊比赛，命题是“邮件”。规定大家以产品思维去设计一款全新的产品，形式不限。很难得的是所有人都参加了产品设计的每一个环节。我们秉着发现问题、解决问题的态度开始了这次友谊比赛。通过不停的尝试与否定后，我们锁定目标人群为威客群体，针对威客群体接私单的特定场景，通过用

产品 2016年12月18日

腾讯 ISUX 丨微云 WEB 端的改版设计经验总结

近期，我们对微云WEB端进行了一次“简单”的改版。这篇文章简要记录了改版过程中的一些思考。为什么要改版微云WEB端与移动端体验不一致。移动互联网背景下，项目团队把多数资源都分配给了移动端的研发，桌面端的功能和体验得不到及时的跟进，导致用户在两个平台上的体验存在很大的落差。微云WEB端的设计较为陈旧。苹果iOS的快速发展使得整个UI设计行业日新月异，设计理念不断进化向前，微云

产品 2016年12月18日

顶尖高手都在这！2016 年度设计精选大盘点

2016年不可错过的设计工作室、设计师、创意网站、设计博客、设计趋势等精品推荐。5个值得关注的设计工作室1. UENO.旧金山、纽约、冰岛都设有工作室，服务客户包括Google、路透、Medium、Airbnb、孤独星球、思科和Dropbox。2. Hello Monday来自纽约的设计工作室，业务涉及数字设计、网站等。3. MediaMonksMediaMonks 是一家

产品 2016年12月18日

强烈推荐！设计师与程序员不能错过的 10 个酷站

编者按：今天推荐的这10个酷站，包括大量免费高质量的设计素材和顶尖灵感，每一个都值得放进收藏夹，一起来收。1. CodePen对于程序开发者而言，CodePen 一直是盛产想法与创意的圣地。它不仅能够以在线形式，将前端代码编辑与展示，而且你还可以与全球众多的开发者们交流想法、分享你的作品。在 CodePen 上，你会发现众多非常有创意的页面、图标以及各种酷炫、好玩的效果。或

产品 2016年12月18日

Origami Studio 小案例记录 02 卡牌拖拽

案列来源qq群里面的小伙伴 不点名 怕点错了+_+纯属于娱乐而已小伙伴的灵感来源与炉石传说小游戏里面的卡牌动画交互形式：新人一枚，有说错的地方请在评论去回复。演示效果制作思路：通过drag（拖拽模块）实现拖拽效果，通过判断拖拽的方向来驱动卡片的旋转。最后松开卡片回到原点。制作准备：打开软件可以看见图层面板有一个背景图层,Color Fill。我们添加一个矩形Rectangl

产品 2016年12月19日

PS 制作气球文字（附源文件）

雪姐姐教你5分钟用PS做一个气球立体文字！效果赶上C4D渲染，在上海UEgood学UI设计，好，快，省！QQ群：425269385雪姐姐做的另一个效果~··脑洞有多大，就能做各种色彩和质感的气球！1、下载附件中的气球PSD模板和动作样式及元素素材。2、创建一个长宽为2000的画布，写一个U字，然后字体选Arial Black。（然后按图层把文字转换成智能对象）3、顶部菜单-

产品 2016年12月19日