怎样用ps 做ui设计
步骤:1、新建一个画布尺寸为:640*1136,然后保存,命名如:5S效果图模板2、再新建一个画布,命名如:效果图展现2、再新建一个画布,命名如:效果图展现尺寸随意,可以大点,自己看情况吧。3、将刚才保存的那个5S效果图模板.PSd拖到这个画布中。
Ctrl+T变换到合适的尺寸,倾斜到合适的透视效果。
4、然后双击”5S效果图模板”这个图层。这就是智能对象的好处。跳到这个画面后拖入你想要做的界面:然后保存:Command(Ctrl)+ S,关闭:Command(Ctrl)+ W5、回到这个展示页面注:这儿忽略了一步,把刚才保存的图层拖过来。同学们应该都懂吧 – -复制一个图层:按住Option(Alt)+ 鼠标左键拖动图层往下拽,或者Command(Ctrl)+J,选下面的一个图层,双击图层进入图层样式,选择斜面和浮雕,设置一下参数:参数自行调整,其中,阴影角度45°可随大环境光线可根据情况自行调整,阴影模式透明度随意,自己看情况调整。
6、然后,从第二个图层开始连续复制多个该图层,每复制的一个图层都在上一个图层的下方,每复制一个图层都往下移一个像素,按住option(Alt)+鼠标左键拖动图层往下拽,可使用键盘上的下方向键来控制。然后,在最后一个图层上设置一个投影然后,在最后一个图层上设置一个投影,参数自行解决。最后调整下整体环境。
ui设计需要学什么软件?
1、Adobe Photoshop(简称 PS )这是优先要学会的软件,普及度很高的一款软件,只要熟练掌握以后,学习后面的一些软件将会有很大的帮助。对于UI设计师来说这款软件主要用于:界面布局设计、图片处理与合成、插画创作、运营需求设计等等。
现在市面上很多PS教程书籍,买本案例实战的即可,最好是最近年限的。
一般跟着上面的案例做,刚开始的基础章节要挨个学习,熟练基本操作以后,后面的案例可以跳着做,不同的案例讲了同样的工具操作,可以适当跳跃一些重复的练习,快速把更多的工具学习完成。2、Adobe Illustrator(简称 AI )AI软件,是一款矢量图形设计软件,在矢量插画、图标设计、LOGO图形设计、字体设计、排版等方面都有非常大的优势,配合PS软件将会大大提高我们的工作效率。学习方法和PS一样,只要你先学会了PS软件,那么这款软件学习起来将会事半功倍。3、SketchSketch 是近几年崛起的一款强大的设计工具,可以帮助UI设计师快速完成界面设计,仅支持Mac系统。
在Sketch中,可批量命名图层、智能标注页面、填充图片和文字等,也可以为静态的设计添加简单的页面交互。此外,Sketch拥有非常丰富的插件市场,可以弥补软件功能的不足,也可以满足不同人群的设计需求。4、Adobe XDAdobe XD 和 Sketch 的功能比较相似,也支持打开 Sketch 文件,弥补了 Windows 用户无法使用 Sketch 的遗憾。
相较于前面介绍的几款工具来说,XD 具有更加轻便易用的特点。UI设计师可以使用 XD 快速完成原型制作和界面设计,还可以快速设置页面交互。5、AxureAxure 是在互联网产品设计行业内被广泛使用的原型设计工具之一。
使用 Axure ,可以轻松创建网页和移动端项目原型。作为老牌设计工具,Axure具备非常强大的交互功能和丰富的可编辑元件,如果想要打造最接近真实效果的可交互原型,那么Axure是一个不错的选择。不过相较于摹客等轻量化设计工具来说,Axure前期的学习成本较高,需要花费一定的时间去学习。
6、Dreamweaver最后介绍的两款工具,可以作为UI设计师的加分项。第一款是网页代码编辑器 Dreamweaver 。之前在分享UI设计师求职攻略时,我们提到,根据目前互联网大厂的招聘需求可以看出,大厂设计师正在往全栈设计师发展,因此对于想要完成进阶的UI设计师来说,不仅需要掌握界面设计工具,还需要学习和了解前端的布局和设计,才能更好地配合开发工程师们完成产品研发工作。7、C4D另一款加分工具是三维设计软件 C4D ,相较于 Maya 和 3D Max 等工具,C4D 更加简单易上手。
除了在广告、电影、工业设计等行业广泛应用以外,近年来,在电商平台设计方面,C4D 也逐渐开始崭露头角,如果你想要紧跟电商平台设计的潮流趋势,那么 C4D 一定是你必须了解的设计软件之一。

评论列表