ios设计规范_UI设计规范那些事全

a8a1a405-be1c-eb11-8da9-e4434bdf6706.png

周末一个初学UI的小伙伴问我有没有UI相关设计规范?

a9a1a405-be1c-eb11-8da9-e4434bdf6706.jpeg

经过一番整理,今天发出这份绝密设计规范!

1.如果你是为安卓平台设计可以看看Material (材料)设计的规范,

使用Material Design来设计安卓是最好的,比如知乎、印象笔记

等产品就是采用了Material Design的设计方式。

以下简称MD

https://material.io/design/

安卓界面设计尺寸:

https://material.io/tools/devices

MD色彩搭配工具:

https://material.io/tools/color

MD色彩系统:

https://material.io/design/color/the-color-system.html#

MD图标库:

https://material.io/tools/icons

MD的Sketch插件:

https://material.io/tools/theme-editor

安卓开发指引:

https://material.io/develop/android

MD色盘:

https://www.materialpalette.com

2.如果你是为iOS平台设计,可以下载iOS原生设计规范,

里面的图标、列表、间距在官方文档里面很清晰。

▼后台回复B1,即可得到ios13规范▼

aca1a405-be1c-eb11-8da9-e4434bdf6706.png

3.至于间距问题,建议可以使用8点网格,

很多优秀公司目前都是按照8点网格来做栅格。

https://spec.fm/specifics/8-pt-grid

4.对于配色问题,配色在移动端是很重要的,

下面网站是目前全球用的比较多的,扁平色彩配色!

https://www.materialui.co

!下图是网站正确使用方式!

aea1a405-be1c-eb11-8da9-e4434bdf6706.jpeg

5.往期UI设计规范文章如下(点击)

UI设计规范篇

安卓MD设计规范

app切图命名规范

安卓切图小常识".9.png"自行百度查询

热门资源推荐

afa1a405-be1c-eb11-8da9-e4434bdf6706.png

b2a1a405-be1c-eb11-8da9-e4434bdf6706.png

b5a1a405-be1c-eb11-8da9-e4434bdf6706.png

看完了,先点个在看

b6a1a405-be1c-eb11-8da9-e4434bdf6706.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值