原文:小程序UI设计(2)-符合视觉规范-字体规范

下图是微信小程序官方要求字体规范根据此要求小程序设计工具定制了符合规范的组件。如下图工具使用时,将左侧组件拖拽到设计区域即可。字体大小和颜色都是按照规范设置的。在使用时根据微信要求在不同位置摆放即可。以下截图是text组件使用范例 ...

2016-12-13 13:28 0 6899 推荐指数:

查看详情

程序UI设计(5)-符合视觉规范-按钮视觉规范

设计工具中,根据规范我们定义了大中小三种按钮的尺寸大:720rpx *94rpx 圆角10px 字体18中:360rpx*70rpx 圆角8px 字体16 文字距离两边最小60:120rpx*60rpx 圆角6px 字体13 文字距离两边最小30这些按钮都放在工具的模板中,如下图: 微信中 ...

Tue Dec 13 21:36:00 CST 2016 0 4338
程序UI设计(4)-符合视觉规范-表单输入视觉规范

下图是微信官方的要求 按照程序UI设计(3)-符合视觉规范-列表视觉规范同样的方式,我们可以设计一样符合规范的输入项目。规范中没有说明padding-left的大小,我们暂定是15px。这样最外层view的padding-left和padding-right都是15px。以 为例制作符合规范 ...

Tue Dec 13 21:35:00 CST 2016 0 2736
UI设计规范整理一iOS字体和切图及规范

UI设计规范一iOS字体和切图及规范 说明: 1.对象为程序员等开发人员。 2.方法有千种,仅供参考。 3.文档的本质是备份与查看,对外方便协作与对内提升效率。 4.文档不是万能的,如果文档查看对象看不懂,就没任何意义。我喜欢当面沟通,因为能避免大部分文档的局限性 ...

Wed Nov 08 21:49:00 CST 2017 0 6725
如何定义视觉设计规范

Effect:用来制作交互复杂的产品原型。 常见的手机APP视觉设计流程: ...

Tue Sep 15 05:20:00 CST 2015 0 1851
UI设计规范

文章从建立设计规范的原因、设计规范的适用范围,以及设计规范的制作流程,全方位解答UI设计规范的问题。 这篇的基础部分我做的比较详细,组件部分写的有些概括,主要是因为组件部分不是通用的,要根据自己的稿子进行整理和归纳,归纳好之后做好标注和规范说明即可,这部分是一个罗列 ...

Fri Mar 08 05:56:00 CST 2019 0 1010
Android UI 设计规范

1. 基础常识 1.1 主流屏幕尺寸 标识 屏幕尺寸 hdpi ...

Thu May 10 17:54:00 CST 2018 0 2028
微信程序组件设计规范

微信程序组件设计规范 组件化开发的思想贯穿着我开发设计过程的始终。在过去很长一段时间里,我都受益于这种思想。 组件可复用 - 减少了重复代码量 组件做为抽离的功能单元 - 方便维护 组件作为template使用,可以方便计算各种属性而不是在wxml引入wxs 在日常的 ...

Mon May 24 22:15:00 CST 2021 0 578
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM