王尘宇

ui设计中ps有什么作用?

1. 图片处理 我们在设计手机APP界面设计的时候，会发现很多APP界面中都会有图片，而这些图片素材的来源，一般都是用相机拍摄或者去素材网站中下载而来的，但是通过这些途径来的素材，并不是就能适合我们UI工作中要用的素材，所以这一步在我们UI设计师的工作环节中，就需要使用PS软件来对素材进行修改。都是需要我们设计师后期加工的，比如调整素材图片的大小，调整图片的色彩及处理图片的细节，甚至对多张图片进行合成的操作。

这些全是要用PS软件来进行处理的。

2. 界面设计 手机上的所有软件都需要界面设计，比如手机APP软件界面中的登录界面和注册界面，像大家经常用的微信这个APP，我们下载微信看到的第一步就是注册界面。只有我们注册了账号才能进行微信的使用，而我看所使用所看到的界面，这些就是我们我们用PS软件来进行设计的。 3. 图标设计 手机桌面中的一些主题图标，及手机APP界面中的应用图标，这些图标我们都可以用PS软件来进行制作。 4. 运营设计 很多公司不定期都会举办很多运营活动，像圣诞节，国庆节，中秋节等节日，这些节日都会有相对于的活动结合自身公司的产品来进行运营，这些运营的设计我们就可以用PS软件来制作。

5. 原型设计 原型是属于交互设计的工作内容，不过现在很多公司没有交互这个职位，还是由我们UI设计来担任。那这块的原型图就是我们需要设计的了，一般原型图是用AXURE软件和墨刀软件来进行设计，不过我们的PS软件也是可以设计原型的，而且设计的会比较漂亮，所以这块PS软件也是可以有帮助的。 6. 作品包装设计 要去面试UI设计工作的时候，最终都需要有一份作品集来进行面试， 那这个作品集就要进行精心的设计之后才能用来面试，常见的作品包装设计就是给APP界面加样机做展示图的效果，这些都是我们可以用PS软件来进行设计的。

7. 网页界面设计 我们经常打开的网站，比如搜狗，进去搜索一个资料，这一系列操作所产生的过程界面，也都是我们用PS软件来进行设计的。

UI设计师常用的ps功能只有这4个

摘要：本文主要讲解UI设计师常用的PS工具有哪些？PS实现界面效果的原理是什么？最后结合网易新闻首页案例进行PS操作分析讲解。目的让大家对UI设计师的工作有一个直观的、深入的认知，方便后续在学习PS技能时更有针对性、效率更高。

UI设计师常用的ps工具有哪些？ 对于初学UI设计的同学来讲，无论是自学还是报培训班，往往一开始都是先从一堆ps基础功能学起。

 这个过程是枯燥的、痛苦的，因为都是术语理论介绍，而且不知道对UI设计有什么用？ 那么，初学UI设计者如何高效的学习ps？UI设计师需要掌握哪些ps功能？ 就我的工作经验来讲，ps里面有20多个基础功能，但UI设计真正常用的功能只有4个：文字、图形、颜色、移动。 所以，如果你是想做UI设计师，只需要专注的、深入的研究这4个功能就行了，不需要一开始就研究PS所有的功能。 为什么是这四个？这个是由界面内容和视觉元素决定的。 几乎所有的界面，都是由文字、图形、颜色这三大视觉元素组成的。

以网易新闻为例，我们来分析一下他们的界面内容构成。 PS实现界面效果的原理是什么？ 前面分析了，界面内容由文字、图形、颜色三大视觉元素组成。 UI设计师的工作是 界面内容的排版、文字、颜色、图形的设计 更简单的来讲，就是 设计文字的大小、粗细、颜色，图形的形状、大小、颜色，然后在通过一定的组合原理，进行排列和组合 。

这个过程怎么通过ps来实现的？ 1. 文字功能，设计文字类型、大小、粗细、颜色、行间距等等 2. 图形功能，通过圆、矩形等基础图形，运用布尔运算，设计出复杂的、新的图形形状 3. 颜色功能，给字体、图形赋予颜色变化 4. 移动功能，通过移动字体、图形的位置，达到舒适的排版、组合效果 5. 图层，所有的文字、图形的设计，都是基于图层来实现的， 简单来讲，图层是盛放文字、图形的容器，不同的文字或图形，放到不同的图层里面，方便复杂设计的管理。有点像居家的收纳柜， 网易新闻首页PS实际操作 前面讲的理论逻辑，为了加深大家的理解，接下来以网易新闻首页为例，看看用ps是怎么实现的 第一步，分析界面内容组合逻辑 然后打开ps，新建画布750x1334px，分辨率72，背景色白色。 第二步，绘制头部模块内容 本文主要讲设计思路，工具具体步骤细节可能不会很细致，如有疑问的地方，可以百度查看相关工具的教程，或者私信我。

1.新建分组，双击重命名-头部，（不分组也行，但是对于复杂图层来讲，分组方便后续的管理和修改，以及同事之间的协同） 2.选中矩形工具，新建宽度750px、高度128px的填充矩形，（为什么高度是128，这个是苹果系统规范），双击色板，修改填充色色值#d13c35，然后顶对齐。 3.新建图层，选中文字工具，输入网易 logo，打开文字面板，调整文字大小36pt，颜色白色，字体类型圆体-简（网易logo是特殊字体，这里随便找的一个字体类型），选中文字图层，移动文字，使其距离画布左边距离34px，距离红色底部-容器距离24px。（为什么是这个距离，看着舒服就行，当然这个舒服的前提是大量的实验的结果，刚开始练习，可以不用考虑太多细节） 4.新建图层，选中圆角矩形工具，画出一个圆角矩形，调整圆角矩形参数：宽度w=540px，高度h=64px，圆角半径32px，颜色调整为白色，调整图层不透明度，由100%调整为20%，移动矩形位置，使其距离网易文字左边距30px，距离红色底部-容器距离14px。

5.选中椭圆工具，画出26x26px大小的圆形，双击图层，调出图层样式，选择描边-样式，设置大小3px，位置内部，然后点确定，修改图层填充度，从100%改成0%。 新建图层选中圆角工具，画出10x3px大小的圆角矩形，圆角半径1.5px，同时按ctrl+t，激活变形功能，旋转45度，然后移动位置至图示处，完成放大镜图标绘制。 6.直播图标的绘制原理也是一样，先新图层，选中圆角矩形工具，绘制44x49px大小，圆角半径8px的矩形，然后设置填充为无，描边3px，选中钢笔工具（关于钢笔工具，网上有教程详解），分别在左、右两边各添加一个锚点，然后选中这两个锚点，按delete键删除，然后选择描边选项-端点-圆角，最后输入直播文字，居中对齐。 下面是过程示范和图层样式说明 第三步，绘制TAB导航 这个不再详细说明步骤了，最后附件有源文件PSD，大家可以根据过程示范和PSD图层查看。

主要应用到的技巧有：文字等分，遮罩 下面是过程示范和图层样式说明 第四步，绘制头图 主要应用到的技巧有：遮罩 下面是过程示范和图层样式说明 第五步，绘制内容列表 主要应用到的技巧有：文字行高，遮罩，投影 下面是过程示范和图层样式说明 第六步，绘制底部图标 主要应用到的技巧有：椭圆和矩形，结合布尔运算，然后描边， 下面是过程示范和图层样式说明 最后效果和图层展示 源文件PSD百度网盘地址：链接:  https://pan.baidu.com/s/1p0cI9LaaTzoXsNKMOcKf2Q   密码: tmbx 希望能帮助初学者，对PS制作界面有一个直观的了解，知道自学的PS技能，怎么应用到界面设计里面。 至于PS技能方面的教程，后续会专门更新 如果有疑问的地方，欢迎留言评论。 如果觉得对你有帮助，欢迎点赞支持一下。

UI设计中PS有什么作用

众所周知学习UI设计要学习PS，平面设计是PHOTOSHOP应用最为广泛的领域，无论是我们正在阅读的图书封面，还是大街上看到的招帖、海报，这些具有丰富图像的平面印刷品，基本上都需要PHOTOSHOP软件对图像进行处理。同时PS又有修复照片、广告摄影，影像创意、艺术文字、网页制作、绘画、视觉创意、图标制作等功能。

界面设计是一个新兴的领域，已经受到越来越多的软件企业及开发者的重视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计师职业。

在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都是PHOTOSHOP。所以想要学好设计的同学一定要重视PS的学习。

UI设计师的工作职责是什么？

UI设计师工作内容的内容主要包括：负责网页、软件或界面的美术设计、创意工作和制作工作;根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计对页面进行优化使用户操作更趋于人性化维护现有的应用软件产品;收集和分析用户对于GUI的需求四方面。很多人选择学习设计其实都是三分钟热度，最好在学习之前先来做一个小测试→点击测试我适不适合学设计要成为一个优秀的UI设计师，除了需要掌握Photoshop、Illustrator等设计工具外。

还需要掌握Dreamweaver、HTML、DIV+CSS等网站技术工具，同时还需要具备交互设计的思想。

建议学员选择天琥教育，天琥教育是一所集设计培训、教育教学、设计应用知识推广、设计课程研发于一体的集团化连锁教育机构。?天琥设计课程由专门课程研发团队自主研发，课程设计紧跟互联网潮流，将最前沿的设计融入课程中，并且每年持续精进课程内容和教学建设。目前天琥已开设多个专业方向课程，包括UI设计、平面设计、网页设计、室内设计等专业。

UI设计师的职能有哪些？

一是图形设计，即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。

主要学习各种图形图像软件制作工具，进行色彩搭配，吸引眼球。

学习ps，对图片进行处理，编辑，图层，调色，特效，图像合成，通道技术，抠图技术等。学习illustrator矢量图制作的软件，包括图像的选择，形状，对象，变化，上色，文字处理，画笔使用效果，及图形样式，符号，图像置入等。学完之后，能从事淘宝美工，图像制作，LOGO制作等工作。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。

一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。APP用户界面设计，是参加UI设计培训的的重中之重。以用户体验度为原则，以用户为中心的设计理念。

主要学习HTML+css,Java，jQuery等，熟练运用文字，图片，背景，表格，表单和菜单等网页元素，增强用户体验度。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。