小程序UI设计（2）-符合视觉规范-字体规范
下图是微信小程序官方要求字体规范 根据此要求小程序设计工具定制了符合规范的组件。如下图 工具使用时，将左侧组件拖拽到设计区域即可。字体大小和颜色都是按照规范设置的。在使用时根据微信要求在不同位置摆放即可。以下截图是text组件使用范例 ...
原文：小程序UI设计（5）-符合视觉规范-按钮视觉规范
在设计工具中，根据规范我们定义了大中小三种按钮的尺寸大： rpx rpx 圆角 px 字体 中： rpx rpx 圆角 px 字体 文字距离两边最小 小： rpx rpx 圆角 px 字体 文字距离两边最小 这些按钮都放在工具的模板中，如下图：微信中固定按钮type有三种，primary 绿色，default 灰色，warn 红色。size分为default和mini。镂空效果是plain参数。使 ...
2016-12-13 13:36 0 4338 推荐指数：
相关推荐
小程序UI设计（4）-符合视觉规范-表单输入视觉规范
下图是微信官方的要求 按照小程序UI设计（3）-符合视觉规范-列表视觉规范同样的方式，我们可以设计一样符合规范的输入项目。规范中没有说明padding-left的大小，我们暂定是15px。这样最外层view的padding-left和padding-right都是15px。以 为例制作符合规范 ...
如何定义视觉设计规范？
Effect：用来制作交互复杂的产品原型。 常见的手机APP视觉设计流程： ...
【网址收藏】京东视觉图片视频规范
京东主图视觉规范：https://pro.jd.com/mall/active/SLULn5voab5iB92t9ZLCDUCTBks/index.html京东详情页视觉规范：https://pro.jd.com/mall/active/4JYzprQ4zPBmFSjBKPc1J9uvsg2n ...
UI设计规范
文章从建立设计规范的原因、设计规范的适用范围，以及设计规范的制作流程，全方位解答UI设计规范的问题。 这篇的基础部分我做的比较详细，组件部分写的有些概括，主要是因为组件部分不是通用的，要根据自己的稿子进行整理和归纳，归纳好之后做好标注和规范说明即可，这部分是一个罗列 ...
2015最新移动App设计尺寸视觉规范【图文版】(转)
如今手机app的屏幕设计尺寸参差不齐，仿佛来到了移动界面尺寸战国时代，每家移动设备制造公司都为了迎合大众的口味，各家都在2014年大放光彩。2015年也将会是我们移动APP设计界快速发展的一年。 因为给我们的挑战越来越大，如何应付这么挑战，我们必须知道2015最新移动App设计尺寸视觉规范 ...
理解UI设计准则——边界视觉缺陷
如需转载，请注明出处http://www.cnblogs.com/PengLee/p/4544706.html 目录 位于视觉边界的错误信息 让用户注意到信息的重武器：请小心使用 在设计中利用边界视野的“跳入”特性 位于视觉边界的错误信息 人的视网膜上的中央 ...
Android UI 设计规范
1. 基础常识 1.1 主流屏幕尺寸 标识 屏幕尺寸 hdpi ...