赞助商
立即赞助

如何遵守设计规范?我总结了这四个层次

UI设计3年前 (2021)更新 流光
2.2K 0 0

@龙爪槐守望者 :熟练掌握 iOS、Android 设计规范是个设计师必备工作技能,几乎家公司都要求做自己设计规范。我们在工作考虑去做件事时候,首先应思考是这件事情能带来什么收益,然后再去决定做不做和怎么做。

一、两个角度

我从两个度来看遵守设计规范带来收益。,用户长期使用某个平台系统后积累了很多应习惯,如设计品遵循了这些习惯,用户用起来会更畅,体验好是个品竞争力。另,个平台设计规范背后都有文件、技术支持和代码可以借鉴复用,这样可以提高设计和开发效率,能更敏捷应市场和用户需求变化,自然也更有可能在商业社会里成功。

如何遵守设计规范?我总结了这四个层次

△ 两个度

但是两个角度并非在任何条件下成立,假你开的产品之前有一个非常名的竞品偏偏用和平台设计规范相反的做法,时你的产品抄袭竞品的规范,竞品的用户被你吸引来之毫无使用障碍,能比盲目的遵守平台设计规范带来更大的收益。

虽然每平台规范后面各种源文件码可以参考,但如果完全遵守 iOS  Android 规范,细节的差异特别多,需招聘多的设师研发程师处理,甚至连商业转化率不同平台都会不稳,这种本提升商业营收变动,收益还抵不过亏损。

底如何遵守计规范才能获得最大收益?怎遵守规范?总结了四个层次来思考和执行。

二、规范四层次模型

将 iOS、Android 规范中的所有性划四个层次中,并采取不同的策略来决定是不是遵守它。

如何遵守设计规范?我总结了这四个层次

△ 规范四层次模型

三、限制层

所谓限制层,即 iOS、Android 限定完全不能更改的机制。比如 Android 导航栏的三大金刚键,你不可能把 App 做得按 back 前进下一页,或者在 iOS 上按下 home 键不回面,这是系统限定死的只能完全遵守。

限制实意味着机会,每个平台都有自己独特的特性,得当产生更大的收益,如 Android 的通知栏,一些音乐App 可把播放控制按钮驻通知栏中,方户操作。

如何遵守设计规范?我总结了这四个层次

△ Android通知栏驻

四、习惯层

习惯层是指户长期使该系统后产生的一些习惯,处于习惯层的特性可想办法较小的代遵守,或者同时兼容两种格。

例如想删除列表某条,iOS 用户常左滑动,而 Android 用户习惯长按。整个 App 有没有多功的列表都可遵循这条原则开发。

如何遵守设计规范?我总结了这四个层次

△ 列表单条目操作差异

于有下页列表,Android 没有任何指示,iOS 则有个右箭头,可以根据 iOS 规范兼容 Android,这样可见性更好,也不用专再设计另套图。

如何遵守设计规范?我总结了这四个层次

△ 统列表下页指示风格

五、通用层

iOS 和 Android 更新都会借鉴优秀特性,此很多地操作习惯上不多。比如 Android 不再固执荐你用 Drawer(抽屉导航),而是规范加入了底部 Tab,虽然两个平台视觉样有些, Tab bar 内在交互逻辑已经致,此处在用层特性需顾虑统成。

六、塑造层

讲个从朋友那听到小故事:款录音App,除国以用户都是击开始录音,而国用户绝大部分都是长按,为国用户录音习惯被微信这个国民 App 「塑造」了。

如何遵守设计规范?我总结了这四个层次

△ #论微信使用时长习惯培养# ​​​​

因此用户操 App 的习惯除来自系统身的规则,还受到用户常用 App 的二次影响。除学习 iOS 和 Android 的设计规范,研究用户常用的 App 也是一件很重要的情。

这四层次越底层违反的价就越,当然只足够的利益替违反规范的损失,除了限制层其他层的特性都可以违反,不少突然火起的创意游戏就很好的案例。

六、One more thing

这篇文章每层次我都只举了一例,这不符合我「具备可操作性的验」的写文宗旨。事实《这控件叫什么》就这四层次模型的垫,之后的文章中,我会把 iOS  Android 的所控件、特性归类到这模型中,给出系统的解决方案,让家看到了就能马运用到作中,速设发出同时满足 iOS、Android 平台用户习惯的 App。

欢迎关注作者的公众号:「爪槐守望者」

如何遵守设计规范?我总结了这四个层次

图片素材作者:Shashank Sahay

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

图标是几乎任何网站都需要的重要组成部分,无论是用来传递信息、导航还是用来装饰,图标和类似图标的元素都是一种富有吸引力...
图标设计
UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分,经过仔细打磨的 UI动效对于整个界面的提升是显著的。 动效呈现...
UI动效
动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯,交互的上下文逻辑也因为动效的加持而更...
动效设计
十、始,事物之极致也。大众点评在经历九个版本的迭代之后,重新站在变革的十字路口。 V10,一次新的品牌蜕变开始了……. 一...
品牌
王镇雷:在工作中,无论是设计师还是产品经理都会广泛接触到大量用户和商业数据,如何正确的理解及使用数据,是每一个互联网...
数据分析
UI和设计这一行似乎越来越难混了:进要懂手绘,退要明交互,以往一个界面的事情,如今都不够了。上一屏到下一屏之间的变化,...
AE
不知道为什么,聪明的人常常会做出愚蠢的决定。我在之前的《为什么有时候对产品钻研很深,却并没有带来好体验?》文章当中,...
Eugen Eşanu
任何设计规范都不能详细说明一个完整的用户界面。因此,根据定义,即使设计师致力于遵守适当的设计规范,仍然还会有很多设计...
一致性原则