Photoshop——APP设计规范

随着Android和iOS语言的兴起,能够在手机上运行的APP软件已经成为了目前移动应用技术的焦点,APP的UI设计随之也越来越受到重视。

用户的需求不断增加,技术也在不断的更新,UI设计也越来越被重视起来。

作为一个入行已经两年的UI设计师,这里有一些作图的经验和技巧要与大家分享。

 

我们就从头说起,首先给大家分享的是一个完整的APP的制作流程,是这样的:

用户需求-->产品设计-->UI设计-->后端开发-->移动端开发;

这也就诞生了4个职业,产品经理、UI设计师、后端程序员、前端程序员。

产品经理负责分析用户需求,功能模块划分,设计产品架构图等工作;

UI设计师负责承接产品经理的产品架构图,之后利用Photoshop或者sketch等软件来排版、构图、配色,最后以图片以及切图的形式交给前端程序员;

后端程序员的任务是根据产品来编写数据库,提供接口以及接口文档,完成客户端数据的传输;

前端程序员根据UI设计师提供的UI图、产品经理提供的业务逻辑、后端程序员提供的接口和接口文档完成一个完整的APP!

 

闲话不叙了,拐入正题,我们主要讲讲UI设计师的部分:

1. APP UI图的最小尺寸是:宽->750像素,高->1334像素,分辨率->72,这个最小尺寸是使用的IPhone 6 的标准尺寸;

2. 接着,设计app需要丰富的脑洞和创造力,但这需要在一定的限制下,比如,我们的界面需要有通知栏(放信号和wifi的那一条)、标题栏、内容栏、主菜单栏,如下图,这些基本的内容是不能舍弃的,因为我们的原则是给用户更好的使用体验度,当然,我们适当打破一点这些布局去追求用户体验也未尝不可,如网易云音乐app;

3. 接下来是字体要求,在app设计中,我们使用的字体应该全部使用黑体(以图片形式存在的文字除外),因为程序员在实现UI图的时候,如果要用到其他非系统自带的字体时候,需要加载字体包,这不仅增大了app的文件大小,也减慢了app的加载速度;

4. 接下来是配色要求,我们的配色应以一个主色为主,其他颜色做点缀,主色至多是一种颜色,而且这种颜色应该尽可能的能够长时间观看,这是为用户考虑,UI设计的原则就是用户至上,同学们也可以尝试使用黑白灰三色做主色,也相当好看;

5. 接下来是排版要求,排版应讲究对齐原则,这样会给用户很舒服的体验,且应该留出边距,不能出现文字贴到图片边缘的情况;

 

建议有兴趣的同学可以去研究一下谷歌公司的Material Design作图风格,相当漂亮。

以上就是我分享给大家的作图经验,如果有遗漏之后会再补充,欢迎各位大佬和萌新的指正,接下来会推出网页设计规范的博客,敬请期待!

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
对于基于PhotoshopApp设计,我可以给你一些基本的指导和建议。首先,Photoshop是一款功能强大的图像处理软件,但在设计App时,它可能不是最理想的工具。通常,设计师更倾向于使用专门的UI/UX设计工具,如Sketch、Figma或Adobe XD。 然而,如果你仍然想使用Photoshop进行App设计,以下是一些步骤和技巧: 1. 确定设计目标:在开始设计之前,明确你的App的目标和受众。这有助于你制定设计风格和用户体验。 2. 创建画板:在Photoshop中,创建一个新的文档,并选择适当的设备尺寸,如iPhone或Android手机。 3. 设计界面元素:使用矢量形状工具、文本工具和绘画工具等,在画板上设计App界面元素,如按钮、文本框、图标等。 4. 制定布局:考虑用户界面的布局和排列方式。使用图层面板来组织和管理你的设计元素。 5. 添加样式和效果:通过图层样式、滤镜、渐变等功能,为设计添加各种样式和效果,以增强用户体验和视觉吸引力。 6. 导出设计:一旦完成设计,你可以导出各个界面元素作为图像文件,以便在App开发过程中使用。 请注意,Photoshop是一个像素级的图像编辑软件,而App设计需要考虑到不同的屏幕尺寸和分辨率。因此,在使用Photoshop设计App时,你需要了解适配不同屏幕的技巧和最佳实践。 希望这些指导对你有所帮助!如果你需要更具体的信息或有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值