网络推广

首页 > 网络推广 > 正文内容

移动端原型怎么画需要注意哪些问题

襄助网络2天前网络推广477

很多产品经理在企业中做移动端的原型时,被UI喷的体无完肤:“你这是原型吗“你怎么连基本的对齐都做不到“这两个按钮,倒是哪个是一级按钮,哪个是次级的“你这原型太丑了,我用不了!

一般来说,在企业中制作移动端的原型,都是制作iOS版本的;本文也是基于此,跟大家探讨一些iOS原型制作的规范。

移动端原型怎么画需要注意哪些问题

第一, 原型大小,指的是在Axure中对应的长宽。规范的移动端页面大小为:宽度375高度667(单位为px,本文中,所有的数字单位均为px,隐去不写),当然,如果页面比较长,比如首页,可以无视667这个要求,把该有的内容都制作出来即可。

这里需要注意的是,如果原型的高度是超过667,需要保证标签栏仍然在最底部,而且按规范去制作。如下图一:

第二, 部分模块的规范要求。移动端的页面,iOS人机交互指南中,针对重要模块是有明确要求的;比如说,顶部的状态栏(显示信号、时间、电量的区域),原型高度为20;状态栏下方的导航栏(显示返回、搜索框等内容),原型高度为44;底部标签栏(比如微信APP底部的微信、通讯录、发现、我),原型高度为49,图标大小为2525,字号为10号。如下图二:

可能有的人就要说了,一定要按照这个标准吗我把底部状态栏画成60高度不可以吗我把顶部状态栏高度画成40不可以吗可以,没有问题。但是,如果这样做了,你的原型一定观感不好(就是,别人一看就很low的意思)。

为什么一定要遵循这些规范,这个是苹果官方每年将体验最好的APP选出来,然后总结他们的设计规范得出来的,如果你按照这个规范来制作APP,画原型,那根据你的原型制作出来的产品,体验就是最好的。

第三 ,很多 产品经理 在画原型的时候,线条感太重,比如下图,该怎么处理呢如下图三:

其实,比较简单,在制作原型时,通过给元件填充一些不同饱和度的灰色进行区分,这样不仅去掉了元件的边框(降低了线条感),同时原型整体的效果更好,如下图四:

第四 ,很多产品经理的原型在制作的时候没问题,但是一旦预览就开始出现不对齐、文字排版混乱等异常情况。我们先说一下原因吧:因为当原型中文字过小时,在预览的情况下,浏览器会自动对文字进行放大的处理,保证能够阅读。那处理办法是什么很简单,导出图片。

下图五为原型的导出内容截图,图六为原型的导出图片效果。

今天就跟大家分享上面的四个方面,希望大家在以后制作移动端原型过程中,能够尽量避免以上的错误出现,尽量遵守规范去制作。

返回列表

上一篇:怎么注册企业邮箱

没有最新的文章了...

相关文章

网站优化排名如何做推广

网站优化排名如何做推广

  网站优化排名主要是以现代营销理论为基础,借助网络通信和数字媒体技术实现营销目标的商务活动,是科技进步顾客价值变革市场竞争等综合因素促成;是信息化社会的必然产物。网站优化排名根据其实现方式有广义...

选择关键词要注意什么

选择关键词要注意什么

选择关键词要注意的:1.了解用户的搜索习惯:了解用户的搜索需求,了解用户的搜索习惯,了解他们使用说明搜索引擎,键入哪些关键字等。2.不要用过于宽泛的关键词:过于宽泛的关键词不但竞争激烈,而且搜索这类词...

如何做新品网络营销推广

如何做新品网络营销推广

  ​如何做新品网络营销推广   无论是国内的新品推广,还是国外品牌在国内的落地,能在当今互联网环境中发展稳定的企业,其共同点是口碑很好。TOM网络营销推广的主要策略,就是运用用户口碑营销的力...

强烈建议收藏谷歌SEO优化简单实用的个小技巧

强烈建议收藏谷歌SEO优化简单实用的个小技巧

在数字化时代,谷歌SEO优化对于跨境电商卖家至关重要,它能显著提升网站流量和曝光。今天,我们将分享10个简单实用的SEO优化技巧,帮助您提升在线表现。首先,关键词研究是SEO的基石,选择合适的关键词能...

怎样从零开始运营好社群

怎样从零开始运营好社群

作为中国生鲜行业知名自媒体,舒雍会千人收费社群操盘手,舒雍觉得,运营好社群无非三点:1需要一个超级IP能够玩转自媒体,能够引流。叫好又叫座。或者你有线下人脉资源,或者有实体店,能够引流。重点,引流是第...

网站建设改版时要注意的问题有哪些呢

网站建设改版时要注意的问题有哪些呢

第一,改版和上传要一次性搞定。我们在进行企业网站改版时,一定要一次性搞定,不要改一点传一点,否则会对网站的优化非常不利。想要做到一性搞定改版问题,就必须要事先确定好网站想要改成什么样子的,用其他的页面...

现在,非常期待与您的又一次邂逅

我们努力让每一次邂逅总能超越期待