文章目录[隐藏]
为帮助网页开发者实现与微信客户端一致的视觉体验，并降低设计和开发成本，微信团队推出了网页设计样式库：WeUI。
该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dialog (对话框)等网页常用的各式元素，并已在 GitHub 上开源。
开发者只需三步，就能在自己的网页上轻松实现按钮、浮层提示等功能：
1. 根据文档说明，下载 WeUI 库。
2. 在页面中引入 weui.min.css 文件。
3. 从官方 demo 中拷贝需要的功能组件代码到自己页面即可。
[button title="Demo 体验地址：WeUI" url="http://weui.github.io/weui/" color="success" size=""/]
原创文章，作者：ioued，如若转载，请注明出处：https://www.iamue.com/12454/
现在的用户下载app时最先看到的东西就是引导页。一个引导页就像一个导游，它会快速的向用户介绍app本身对用户有什么用处已经该如何操作。这是描述应用本身最简单的方式，但是它的设计却不是那么容易。 一个引导页最…
数码图像是由红绿蓝（RGB）3种基本颜色构成的；当其中某个颜色数值偏高就会造成偏色现象，这是每个摄影师都会遇到的坏运气。大多数人只凭肉眼来判断、调整图像的偏色问题，其实这是不准确的。对此，小编本期为你着…
我们在Salesforce的产品设计团队当中有个不成文的规矩： 无论谁拿出一份什么清单 – 功能列表、研究报告，或者哪怕只是体恤衫名录 – 无论什么，只要是清单的形式，肯定会有人出来问一句：“按优先级排过序吗？” 有时…
摘要
别人上班时，设计师在改稿...
别人下班时，设计师还在改稿...
别人约会时，设计师仍然在改稿...
设计和研发、推广一道，是移动应用的成功要诀之一。定义用户操作应用的方式，与应用的功能和高效的盈利模式同等重要。而且，当涉及到为电视这样的新交互模式设计界面，许多在智能手机和平板上有效的模式，都需要重…
最近在整理设计稿中出现的图标，整理除了汇总之外，还需要重新调整一下图标的大小，使他们看起来“差不多大”。调了很久，也咨询了一些设计师朋友，最后在谷歌的Material Design找到了一种规定的方式，特此来记录一下…
在整体设计流程中，用户故事可以说是点亮应用绝对目标的那一点星光。该片文章的作者将给我们讲解为什么哪怕是小范围的采用用户故事也能给整体UI设计流程带来巨大的好处。 一支设计团队坐下来讨论为一家新客户所设计…
许多人对现代艺术的评价是这样的：“这不就是一团乱麻吗！”“一滩烂泥！”“复制粘贴而已，我也会。”（请自行脑补该类文字所描述的作品）。事实上，现代艺术的影响从Windows Phone到大众点评的界面设计，几乎无处不在。…
如果追溯 Progress bar「进度条」的原型，通常被认为起源于 Henry Gantt 所提出的「甘特图」。用图形方式来表示某种项目的活动顺序和持续时间是甘特图的核心思想。 后来甘特图的概念被广泛用于计算领域，随着计算机…
