opebet网页版-bet亚洲官网手机版-登录

教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

传智教育|传智播客

一样的教育,不一样的品质

全国校区

 

什么样的原型是好原型?【opebet网页版-bet亚洲官网手机版-登录培训】

更新时间:2020年06月04日15时41分 来源:传智播客 浏览次数:

众所周知,opebet网页版-bet亚洲官网手机版-登录要会制作原型,就像是开发一定要会代码。原型的好坏美丑,直接决定了opebet网页版-bet亚洲官网手机版-登录工作能力的高低与他在企业中的价值。

一个好的原型,能够提升整个项目团队的工作效率。那什么样的原型才是好的,什么样的会被吐槽,就是大家这个系列的文章需要跟大家分享的。

大家计划分三篇跟大家讲解原型的注意事项及制作:

第一篇,什么样的原型是好的原型,它们有什么特征;

第二篇,移动端原型规范;

第三篇,PC端原型制作。

什么样的原型才是好的,它们又有哪些共性?大家一起来聊一聊。

首先,关于颜色;好的原型是黑白灰的,很多opebet网页版-bet亚洲官网手机版-登录喜欢用图片原件、用各种颜色块去“让自己的原型变的美观”。真的没必要,而且UI可能会很讨厌!为什么呢?因为你抢了他的活儿,而且你做的并不好。

<strong>opebet网页版-bet亚洲官网手机版-登录</strong>原型01

(图一)

<strong>opebet网页版-bet亚洲官网手机版-登录</strong>原型02

(图二)

有人可能会问,那我的原型中会出现不同级别的内容和文字,怎么体现呢?黑和灰都有不同的色度,颜色饱和度的高低可以直接让用户知道内容的优先级(比如图二中搜索框下方的导航栏)。

其次,关于图标;很多opebet网页版-bet亚洲官网手机版-登录喜欢去网上找各种icon,有代表主页、代表个人中心、代表分类、代表购物车...有必要吗?也没有,为什么?因为这些图标UI和前端是用不了的,你再次用一个很低劣的技能,试图去抢他们的饭碗!

<strong>opebet网页版-bet亚洲官网手机版-登录</strong>原型03

(图三)

<strong>opebet网页版-bet亚洲官网手机版-登录</strong>原型04.jpg
(图四)

除非是类似返回按钮这种箭头,不然稍微复杂一些的图标(比如搜索的放大镜),都建议使用占位符代替;

第三,关于原型内容之间的距离;很多opebet网页版-bet亚洲官网手机版-登录都知道安全距离的概念,但不懂如何应用。比如电商APP首页轮播图下方的一级入口,有图标和文字,下面两种哪个更好呢?

<strong>opebet网页版-bet亚洲官网手机版-登录</strong>原型05

(图五)

<strong>opebet网页版-bet亚洲官网手机版-登录</strong>原型06.jpg

(图六)

很明显是图五,为什么?因为左边的原型中,icon和文字距离相对更近,大家知道它们是一体的。

安全距离还包括内容离边框的距离,在上述的示例中,也明显是图五做的更好!

第四,原型中一定会有的交互说明。有的时候,一些按钮的交互说明很复杂,比如登录按钮的;有的opebet网页版-bet亚洲官网手机版-登录喜欢把它写成一段话(如图七),各种异常情况如何判断、错误提示如何给出、内容是什么等等;开发和测试看了想打人!

<strong>opebet网页版-bet亚洲官网手机版-登录</strong>原型07

(图七)

可以将这些内容分开写,利于阅读(如图八):

<strong>opebet网页版-bet亚洲官网手机版-登录</strong>原型08

(图八)

今天就跟大家分享上面的四个方面,希翼大家在以后制作原型过程中,能够尽量避免以上的错误出现。

好的原型有什么特征?它们都是被用心做出来的,不管阅读对象是谁,他们看着原型都能看进去,也能看得舒服。

目前传智播客的opebet网页版-bet亚洲官网手机版-登录学科正在招生中,如果感兴趣的小伙伴可以来看看,大家有专业的师资团队给大家授课,并且辅导大家就业,大家快来吧!推荐了解传智播客opebet网页版-bet亚洲官网手机版-登录特训班课程。


猜你喜欢

新人opebet网页版-bet亚洲官网手机版-登录一定要注意问题【防掉坑】

内容付费产品:如何让用户愿意花钱?

opebet网页版|bet亚洲官网手机版

XML 地图 | Sitemap 地图