陈晓卿,以“封装”的思想,来做原型-优德88手机登录

admin2周前312浏览量

原型是产品司理岗位最基本也是最重要的产出了,那么作为咱们产品汪的日常作业,功率就很要害了,想要进步功率,无妨试一试用“封装”的思想办法来做原型吧~

原型是产品司理岗位最基本也是最重要的产出了,那么作为咱们产品汪的日常作业,功率就很要害了,想要进步功率,无妨试一试用“封装”的思想办法来做原型吧~

封装的概念

不论咱们是不是技能身世,整天被互联网浪潮浸泡的咱们,关于JAVA中三大特性:“封装”、“承继”、“多态”,总是有所潜移默化的吧。也正是由于这三大特性,才使得JAVA从互联网的“雨露均沾”中锋芒毕露,“偏偏只宠JAVA一人啊”。

1. 界说

封装(Encapsulation)是面向目标办法的重要准则,便是把目标的特点和操作(或服务)结合为一个独立的全体,并尽或许躲藏目标的内部完成细节。

2. 长处

好了,咱们或许会说这是什么鬼,赶忙“讲人话”…咱们直观地了解一下,意思大概是这样的:这个封装好的功用我管他怎样完成的呢,咱们直接拿过来用就行了;某些当地用着不爽怎样办,那就在本来的根底上改啊,尺度不合适我调尺度,色彩欠好看我调色彩,调完今后呢,仍是直接安上去就能用。

嗯,封装的意思,如同便是这样的。

那么,怎样以这种思想办法来进步咱们做原型的功率呢?咱们接着往下看~

做原型,“封装”的五层次 榜首层次:组合

嗯,没错,你或许现已猜到了,榜首层次便是这个十分low的,Axure中的组合功用。

已然这么low,那么咱们为什么还要讲呢?毕竟是榜首层次嘛,总是那么建瓴高屋地俯视众生,这样也欠好对不对(尽管笔者历来都是俯视)。

长处:

假如没用组合,假如你下个版别要把一个区域的东西换到另一个方位上去呢?假如你整个页面要呈现相似的东西好多遍呢?你会怎样办?你能怎样办?

形似只能鼠标拖个规模选中一大坨东西了,嗯,组合首要处理的便是这个问题。

第二层次:母版

咱们就随意举一个比如,就拿一个网站的顶部导航来说。关于一个产品原型,搞二三十个界面很随意吧,然后咱们就假定20个原型界面都有这个顶部导航,就算咱们用了组合,那也得仿制1遍,张贴19遍吧。假如其间的内容发生了改变,那咱们怎样办呢,只能改1遍,然后再张贴19遍。

年轻人为什么要这么摧残自己呢?

所以,会多处用到的相同内容尽量用母版。一起,母版趁便处理了摆放不齐的问题。

what?你说不知道母版怎样用?你也不知道母版怎样就处理了摆放不齐的问题了?

那就持续往下看吧。

这是一个APP的根底结构底板,母版功用就在鼠标右键啊。

然后呢,咱们还可以设置母版的方位,至于这三种方位到底是怎样用呢,咱们自己试,自己着手,锦衣玉食。

第三层次:组件

好了,方才咱们说的前两个层次,都是针对同一个项目内部的。当咱们做的项目满意多了今后,会发现更多共性的内容,这个时分,就需求总结这些具有共性的组件啦。

咱们拿分页功用 (Pagination)举个比如吧,这个功用够常见吧,但咱们总结细分一下,分页的类型也可以分为好多种啊,咱们总结过么?

笔者总结的有八种,放上去实在太多了,就挑选其间四种给咱们展现一下吧。

分页功用仅仅组件总结的冰山一角呀,咱们能总结的实在是太多了,只说分类,不说内容,大类就可以分为六类,小类的话,仅仅常用组件就可以分为二十项:

为了满意咱们的好奇心,咱们就再举一个比如吧。咱们可知道,文字的色彩和巨细,在不同的场景下,但是大有考究的,具体说来,咱们可以总结为以下十种:

组件总结两方面:

说实话,笔者画了那么屡次的轮播图,假如是没用现成组件,我还真得研究一下怎样做。(有或许不会做0.0)

第四层次:结构

从组件再往上提高一个层次的话,就到了结构层了。前面咱们仅仅总结了一个个的功用组件都是什么姿态的,当咱们阅历的不同类型的项目满意多了今后,咱们也可以接着总结一下:不同产品的结构都是个什么样纸?

例如:小程序渠道结构,短视频渠道结构,在线教育渠道结构,内容共享渠道结构,等等等等。

把这个层次的内容总结完之后,可就真是打通了任督二脉,十八般武艺样样精通了啊。

咱们仍是举一个比如吧,看一下内容类渠道的个人中心,大致是个什么风格:

做内容类产品的小伙伴,看到此图后,有没有一种莫名的亲切感呢~

第五层次:组件库

同学们,这但是“封装”思想做原型的最高境地啦,哪位同学能总结到这一层次,那都不必感觉,人生必定抵达了巅峰,人生必定抵达了高潮呀!升职,加薪,成为高富帅,迎娶白富美……嗯,想多了…

不过在做原型这一境地,肯定可以让咱们独孤求败了!

那么,组件库该怎样树立呢?

笔者常用的组件库,从大类区分的话,其实便是APP端和WEB端了。然后,将咱们第三层次总结的组件和第四层次总结的结构,再次进行概括总结,你猜怎样着~第五层次成了!

耳听为虚眼见为实,来来来,晓庄同学给咱们真真切切地共享一个实践事例,咱们可以自己着手看看哦~

http://www.axureux.com/demo/LibrariesMobLite/menu.html

“闲言碎语”

以一句IT界的经典言语总结一下,何为“封装”思想吧:咱们不出产代码,咱们仅仅IT界的转移工!

在公司的项目中,产品司理归于产品的规划层次,程序员归于产品的完成层次。咱们换到互联网的视角,来再看看这个问题:其实99%的程序员也仅仅在“代码转移”的作业,大到例如“Struts”结构,小到比如“if。

…else…”句子,有多少是程序员一个字符一个字符的敲出来的呢?答案是清楚明了的,他们完成的办法跟咱们今日所讲“封装”思想,其实是相同相同的~

不要以创造性的思想来进行考虑,咱们需求的仅仅立异,由于咱们所在的,是一个应用型技能的年代!

结语

今日咱们评论了以“封装”的思想,来做原型的五个层次,把握了这五个层次,那做原型对咱们来说,可真便是手到擒来了呀。

一个人能走多远,要害在于与谁同行!很高兴学习共享的道路上,可以与您相伴。假如以上内容对您有所协助的话,也希望可以点赞打赏一下,晓庄同学在此叩谢!

本文由 @晓庄同学 原创发布于人人都是产品司理,未经许可,制止转载。

题图来自Unsplash,根据CC0协议。

最新评论