博舍

AI怎么绘制25d效果的手机模型? 怎么用ai画手机界面

AI怎么绘制25d效果的手机模型?

很多时候,我们需要2.5d效果的模型,该怎么制作2.5d效果的手机模型呢?下面我们就来看看详细的教程。

AdobeIllustratorCC2018(AI)中文安装版64位

类型:图像处理大小:2GB语言:简体中文时间:2017-10-20查看详情

1、首先用基础的形状做一个简单的手机,颜色只要不是纯黑色就可以,后期需要更换颜色。

2、先给所有的图形【编组】,然后【效果】-【3D(3)】-【凸出和斜角】

3、【对象】-【扩展外观】,把立体效果扩展成路径

4、扩展后,右键【取消编组】,多次操作直到不能再取消了,然后选中手机厚度部分的形状,【路径查找器】面板,【形状模式】,选择【联集】

5、此时选中所有的图形,可以看出虽然从表面看不出,但因为做立体效果的图形是四个基础图形编组,所以生成的路径会有很多我们不需要的部分

6、选中【形状生成器工具】,快捷键shift+M,对图形进行合并及删除。

7、处理后得到路径很清晰的图形

8、现在给手机的各个部分填充不同的颜色就得到了一个立体效果的手机。

9、改变3D凸出和斜角位置选项为【等角-上方】则可以得到一个平放的立体手机效果。

以上就是ai设计2.5d效果的手机模型的教程,希望大家喜欢请继续关注脚本之家。

相关推荐:

AI怎么设计手机相册App图标?

ai怎么绘制卡通2.5D风格的立体苹果手机?

ai结合ps绘制2.5D风格的手机插画的教程

axure原型图手机界面尺寸

使用axure原型图手机界面尺寸制作的原型,如果你没有设置自适应视图的话它是不会自动适应任何设备的。若要解释清楚这个问题需要的篇幅比较长,请大家自行参考Point/Pixel/PPI/DPI的意思和它们之间的关系。这里不再赘述,直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置手机/移动设备中勾选包含视图接口(includeViewporttag),并进行配置axure原型图手机界面尺寸,生成HTML后再到相应的移动设备中浏览就正常了。

例如:iPhone4320*480

      iPhone5320*568

      iPhone6375*667

      iPhone6Plus414*736

      SamsungGalaxyS4360*640

标题

如何创建APP页面

元件库,创建一个适合自己的元件库,然后载入到Axure。然后每新建一个APP页面的时候,axure原型图手机界面尺寸从左边元件库中拖动到右边,然后直接把位置改成(0,0)。延伸一下,创建元件库的时候尽量把这几个元件都命名一下,比如命名为页面框架,上导航,左按钮,右按钮。这样以后需要修改的时候直接全局搜索即可。

使用母版创建APP页面:可以使用母板的方式来制作,但是设计新APP原型的时候就没办法反复调用了,但是不太推荐。

有些页面需要考虑到重要内容得让用户第一眼就能看到axure原型图手机界面尺寸,比如商品详情页面就需要保证订单在任何屏幕上都应该显示在第一屏幕。延伸阅读了解更多所以从横向标尺那里拉出一条线,有了拉的箭头你在往下拉到667的地方。如果你的APP比较特殊,所有的页面都需要用到一屏线。axure原型图手机界面尺寸那就建一个”固定位置”类型的母版,画一条横线,位置(0,667),宽度400左右。然后“添加到页面-所有页面”即可。

兼顾主流屏幕

虽然你的原型375x667只是iPhone6/6s/7的逻辑分辨率,axure原型图手机界面尺寸但是我们可以在原型中把主流屏幕的分辨率体现出来,如果需要特殊适配的话,单独说明即可。比如Android主流分辨率是720x1280,那原型尺寸是360x640。建一个”固定位置”类型的母版,模板内容是一个360x640的页面,然后批量复制到所有APP页面的底层即可。

关于颜色

线框图的黑白灰之纯美,有利于专心布局界面,axure原型图手机界面尺寸而不用在意界面的颜色搭配。

黑白灰颜色常用的数值是:

文字黑色#282828

文字深灰色#656565

文字浅灰色#98989

边框浅灰色#C3C3C3

背景淡灰色#f2f2f2

按钮背景纯白色#ffffff

综上所述

界面尺寸布局:满屏尺寸750x1334px

高度电量条高度40px,导航栏高度88px,标签栏高度98px;

axure原型图手机界面尺寸各区域图标大小导航栏图标44px,标签栏图标50px;

各区域文字大小电量条文字22px,导航栏-文字32px,标签栏字20px;

常用的文字大小:32px,30px,28px,26px,24px,22px,20px;

常用的颜色:背景浅灰色#f2f2f2,文字深黑色#323232,axure原型图手机界面尺寸边框色深灰#CCCCCC;

常用可点击区域的高度:88px;

单行文字的背景框的高度:88px,双行则为:176px,三行则为:264px;

常用间距:亲密距离:20px;疏远距离:30px,其它距离:10px,44px等;

按钮和文本框,原型图做成直角的axure原型图手机界面尺寸,圆角半径是多少,由Ui来设计;

这种情况,需要修改原型。单个页面的逻辑流程图或用户学习使用时间,超过其它页面平均数的axure原型图手机界面尺寸3倍以上;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

上一篇

下一篇