您的当前位置:首页正文

产品经理技能树之 设计规范

2024-11-28 来源:个人技术集锦

这个技能点的名字叫做:设计规范,也许会有产品经理认为这个技能属于设计师的范畴,而与自己无关。但是如果这些产品经理如果真的进入产品的实际开发进程之后就会发现,不懂设计是很难协调好团队中的设计资源的。没有设计规范作为沟通基础,产品经理都无法向设计师准确得描绘清楚自己想要的页面效果。而这种无法准确描述的情况又通常都会导致反复的低效率沟通。

当然,在对于设计规范的掌握上,对产品经理的要求与设计师是不同的。产品经理需要理解设计规范的原则以及设计规范的最佳实践,但是无需拥有设计师那样熟练掌握各种设计工具的能力。当然,如果能掌握一些设计工具的使用能力对产品经理而言也是大有益处的。比如,如果不能掌握AI和Sketch这两种设计工具,我就无法个人开发出技能树这个App。

接下来,话题继续回到产品经理需要掌握的设计规范。对于设计规范的最佳实践无疑就是官方的应用以及一些优秀的第三方应用,这一点在前一个技能点“官方应用”中有着很详细的介绍。而对于设计规范的理解就涉及到了本技能点最重要的两份规范文档:IOS平台的Human Interface Guidelines规范(下文简称HIG规范)以及Android平台的Material Design规范(下文简称MD规范)。

这两份规范值得产品经理或者设计师反复得去阅读。伴随着项目经验的累计,每读一遍都会有新的收获。但是,对于一个产品新人而言,可能第一遍的阅读会产生很多困惑,抓不到重点。对于这样的读者,我建议可以配合着官方应用来理解规范。

我举一个非常简略的例子。新手产品经理可以尝试把iPhone的屏幕切分成几个区域,根据区域的不同来熟悉相关的控件。

屏幕的顶部和底部的区域,这里主要会出现bar类的控件。

顶部一般出现的是Navigation Bar,这个Navigation Bar一般会显示标题、返回按钮与功能按钮。

底部一般会出现的是Tab Bar。当信息的类别比较多的时候,会使用TabBar对信息加以分类。比如“iBooks”的底部。

底部有时候还会出现Tool Bar,这个Tool Bar会显示一些功能按钮。比如“邮件”的底部。

 

除去屏幕顶部和底部的区域后,就是内容区域了。

内容区域可以是显示文本内容的TextView,显示地图的MapView或者是显示网页的WebView。

于此同时,内容区域还会包含一些包括Search Bar在内的功能区域。Search Bar有两种显示方式。一种是作为Table View的一部分,默认不显示,下拉才显示出来,比如“邮件”;

 

另一种是点击搜索按钮后进入一个新页面,新页面顶部的Navigation Bar中显示Search Bar,比如“AppStore”;

 

以上是对HIG中的控件规范的非常概略的解读。通过这种与最佳实践配合的方式,新手产品经理能够快速入门设计规范。之后就可以开始进入反复研读的阶段。对于MD规范也是如此。

与“官方应用”中的思路一样,产品经理在对官方规范有了一定理解之后,就可以尝试用这些规范来对比一些优秀的第三方应用。第三方应用的风格可以说是五花八样,其中有一些在官方规范的基础上发展出了一套非常有个性的风格。这类应用中比较著名的有FlipBoard、Paper等。这些个性十足的App能够带给产品经理非常多的灵感与想法。

 

 

 

转载于:https://my.oschina.net/u/938986/blog/630924

显示全文