当前位置: 首页 > 新闻中心 > 界面设计 刘娟 9787302546078清华社 高等院校移动应用开发新形态教材

界面设计 刘娟 9787302546078清华社 高等院校移动应用开发新形态教材

发布时间:2024-03-30 10:31:22

  1. 学习UI设计都要学什么内容呢?
  2. UI设计要怎么自学?
  3. 怎样用ps做ui设计(ps做ui界面设计教程)

一、学习UI设计都要学什么内容呢?

ui需要学习的内容主要包括工具软件的使用和设计思维的培养。

ui设计多指ui视觉设计,主要负责app、web、h5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展,纯视觉的工作已经开始日益减少,行业要求ui设计师也要懂点交互设计和产品方面的知识,即懂用户体验设计(user experience),国内称ue,国外叫ux(全栈设计师甚至要懂代码)。ui设计最后产出物是高保真视觉稿+页面标注+切图。主要使用ps、sketch、ai,辅助使用axure、ae等软件。关于软件的使用方法,可以网上找一些相关图文或视频教程来学习,最好是[基础实例教程],一定要结合基础实例分析。

想要了解更多关于ui的相关信息推荐选择pixso协同设计。pixso通过内网本地服务器部署,确保团队敏感数据和核心业务数据私有化,直接在原型基础上,快速邀请团队成员开启设计协作,自动生成切图标注,打开浏览器就能获取 css、ios、android 代码片段,还能根据团队配置,进行定制化功能开发,自定义管理权限,规避数据泄露风险。

二、UI设计要怎么自学?

1、学习软件知识

包括掌握photoshop、axure、illustrator、sketch、蓝湖等常用软件。另外,制作原型,界面,图标制作,素材制作,切图等等相关步骤的软件都需学会。

软件是是设计师的基础,新手刚入门可以先从这点入手。娴熟的技法,是完美展现设计作品的必备条件,要熟练掌握好。

2、临摹作品

对于刚入门的ui设计师来说只要去图库网站找一些素材,借助工具进行修饰即可,其实这只能锻炼你的借鉴能力,当你的技法娴熟到一定程度,就可以尝试临摹。通过临摹,一则用来强化技法层面的能力,二来也能提升初学者的创新能力。

临摹的内容,可以有两方面选择:一种是系统自带的图标,另一种则是行业牛人的设计作品,捉摸他们的设计风格、思想和细节,都能加深对设计的认识

3、掌握平面设计理论知识

包括要掌握构图、排版、色彩和图形的基础理论知识。学习的途径毋庸置疑我们首选从书本获得!

4、锻炼手绘能力。

成为一个优秀的ui设计师需要一定的手绘能力,为什么?首先,在纸上的动手能力比在软件上完成较快速,效率有一定提升。

另一方面,通过手绘,能突出自己创作的与众不同,甚至能够从“乱涂乱画”中得到灵感。没有美术基础的小伙伴也不要太担心,这些后天可以勤加练习弥补的。

5、学会寻找灵感

找灵感其实也就是培养审美的能力,这点建议大家可以多逛一下设计网站。当你能知道什么好看,什么不好看,会排斥那些不好看的设计的时候,这时候你的品味就自然上升了。

另外,看到不错的设计要记得采集下来,但一定要学会整理分好自己的素材文件夹。这对于一个设计来说是非常重要的。

三、怎样用ps做ui设计(ps做ui界面设计教程)

步骤:

1、新建一个画布尺寸为:640*1136,然后保存,命名如:5s效果图模板

2、再新建一个画布,命名如:效果图展现

2、再新建一个画布,命名如:效果图展现

尺寸随意,可以大点,自己看情况吧。

3、将刚才保存的那个5s效果图模板.psd拖到这个画布中。

ctrlt变换到合适的尺寸,倾斜到合适的透视效果。

4、然后双击”5s效果图模板”这个图层。

这就是智能对象的好处。

跳到这个画面后

拖入你想要做的界面:

然后保存:command(ctrl)s,关闭:command(ctrl)w

5、回到这个展示页面

注:这儿忽略了一步,把刚才保存的图层拖过来。同学们应该都懂吧_-

复制一个图层:

按住option(alt)鼠标左键拖动图层往下拽,或者command(ctrl)j,选下面的一个图层,双击图层进入图层样式,选择斜面和浮雕,设置一下参数:

参数自行调整,其中,阴影角度45°可随大环境光线可根据情况自行调整,阴影模式透明度随意,自己看情况调整。

6、然后,从第二个图层开始连续复制多个该图层,每复制的一个图层都在上一个图层的下方,每复制一个图层都往下移一个像素,按住option(alt)鼠标左键拖动图层往下拽,可使用键盘上的下方向键来控制。

然后,在最后一个图层上设置一个投影

然后,在最后一个图层上设置一个投影,参数自行解决。

最后调整下整体环境。