APP展示图,教你怎么用PS制作APP的界面图片(4)插图

APP展示图,教你怎么用PS制作APP的界面图片(4)

今天就教大家怎么做出这种厚度的地方还不是白色的,而是根据界面内容交相呼应的图案的APP界面展示图片。 以苹果5S的尺寸为例。 步骤: 1、新建一个画布尺寸为:640*1136,然后保存,命名如:5S效果图模板 2、再新建

APP展示图,教你怎么用PS制作APP的界面图片(2)插图

APP展示图,教你怎么用PS制作APP的界面图片(2)

4、然后双击5S效果图模板这个图层。 这就是智能对象的好处。 跳到这个画面后 拖入你想要做的界面: 图片来自Dribbble:Dribbble GIF for the Timeline App by Sergey Valiukh 然后保存:Command(Ctrl)+ S,关闭:

广告位
APP展示图,教你怎么用PS制作APP的界面图片(3)插图

APP展示图,教你怎么用PS制作APP的界面图片(3)

然后,在最后一个图层上设置一个投影 然后,在最后一个图层上设置一个投影,参数自行解决。 最后调整下整体环境。 完工! 以上的好处便是使用了智能对象,它可以让你想展示的界面可以随意替换。 如需展示多个界面的

UI教程,设计笔记本主题UI图标教程(4)插图

UI教程,设计笔记本主题UI图标教程(4)

今天跟大家分享一篇笔记本风格的UI图标,效果的纹理主要通过图层样式制作出来,喜欢的一起学习一下。先看看效果: 现在再来回忆一下这个笔记本的画法吧。它大体可以分为三个部分:body,button,belt。哈哈,3b。那

UI教程,设计笔记本主题UI图标教程(2)插图

UI教程,设计笔记本主题UI图标教程(2)

然后开始绘制身体中间的那个带子的部分(最上面的那个扣儿除外,那是第三部分要说的哦)。加上那个belt的效果图如下,先来看看: 下面开始说belt的绘制。Belt主要是用了图层样式、滤镜和画笔工具,画笔工具配合图层

UI教程,设计笔记本主题UI图标教程(3)插图

UI教程,设计笔记本主题UI图标教程(3)

然后再画上面的那个棕红色的细皮带: 用到了图层样式和滤镜,如下: 主体部分完成。然后单独给这部分加个高光,就像刚刚body的那部分一样,叠上几层或者调整调整,但是仍然是微弱的高光,尽管微弱,细微的地方,画

家具鼠绘,ps鼠绘一个杯子插图

家具鼠绘,ps鼠绘一个杯子

总结过去的学习经验,建议大家边观察边思考,观察整体与细节的处理,思考为什么这样做,如找到更好适合自己的实现方法,不妨去尝试做出来,这样才能更有效助你提高。

UI知识,新手如何自学UI设计?(4)插图

UI知识,新手如何自学UI设计?(4)

什么是UI设计 UI的本意是用户界面,是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成,但实际上还包括用户与界面之间的交互关系。 个人认为UI设计不仅仅是丰富原型稿和产品经理交接,一定程度上囊

UI知识,新手如何自学UI设计?(2)插图

UI知识,新手如何自学UI设计?(2)

界面输出也就是切图以及标注,并输出整体界面的视觉规范。 四.前端以及开发阶段 配合好开发人员完成相关的界面结合,验收视觉以及前端、开发成果。根据他们的反馈,改进交互设计,并与产品经理协调。 五. 优化阶段

UI知识,新手如何自学UI设计?(3)插图

UI知识,新手如何自学UI设计?(3)

百度外卖这两个页面用的是卡片式 四. 内容为王 真正有价值的app,一定是内容取胜。 新浪利用字体排版,尽可能的内容前置,弱化图标和操作让用户集中注意力于内容阅读上。 优点:让用户聚集于内容上 典型例子:滴滴

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部