扫码阅读
手机扫码阅读
产品经理画原型,掌握这3类元素就可以了!

我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。


刀哥说
扫码关注公众号
原型设计常见问题与解决方法
产品经理在原型设计过程中面临诸多挑战,如缺乏自己的组件库、对界面元素使用的不清晰理解及忽视场景的交互方案设计。这些问题根源于对交互设计知识的不足。
掌握iOS交互界面元素
文章梳理了iOS交互设计中的三大类界面元素:栏、控件和视图,共33个子元素。熟练掌握这些元素,包括它们的中英文名称、使用场景以及设计方案,对提升原型设计能力至关重要。
构建个人组件库的必要性
通过熟悉和绘制这些元素,产品经理应构建自己的标准组件库,而不是依赖网络上的通用库。自主绘制可以加强记忆,而且网络上的库往往存在冗余。形成自己的组件库有助于灵活搭配出不同组件,打造更贴合需求的交互设计。
界面元素具体用法
- 栏元素:包括状态栏、导航栏、搜索栏等六种,各有特定位置和用途。
- 控件元素:涵盖按钮、开关、选择器等十四种,用于各种状态控制和操作。
- 视图元素:由内容类和操作类组成的十三种视图,如表格、警告框,为展示和操作提供支持。
设计指南的重要性
虽然这些指南源自iOS,但其背后的设计逻辑对安卓、H5等应用也同样适用。产品经理不必精通交互设计,但应具备基本的交互设计知识,并掌握移动端和Web端的基础控件。
结语
文章鼓励产品经理不依赖网上下载的组件库,而是通过阅读官方设计指南并亲自动手绘制一套组件,从而更牢固地掌握交互设计的知识。同时,作者提供了公众号作为进一步学习的参考资源。
想要了解更多内容?


刀哥说
扫码关注公众号
刀哥说的其他文章
加入社区微信群
与行业大咖零距离交流学习


PMO实践白皮书
白皮书上线
白皮书上线