做ui设计ps主要做哪些东西
职业技能 / 设计培训 / UI/UE培训
-
91搜课网
2021-12-31 10:44
从工作经验来看，ps里面有20多个基本功能，但是UI设计真正常用到的功能只有4个：字、图、色、动。因此，如果你想成为UI设计者，只要集中精力，深入地研究这四种能力就行了，不必首先去研究PS的所有功能。
对初学UI设计的同学来说，不管是自学还是报培训班，往往一开始就是从一堆ps的基本功能开始学。初学UI设计者如何高效的学习ps？UI设计师需要掌握哪些ps功能？
从工作经验来看，ps里面有20多个基本功能，但是UI设计真正常用到的功能只有4个：字、图、色、动。因此，如果你想成为UI设计者，只要集中精力，深入地研究这四种能力就行了，不必首先去研究PS的所有功能。为什麽四个？这取决于界面内容和视觉元素。大多数界面，都是由文字、图形、色彩这三种主要视觉元素构成的。
如何通过ps来实现这个过程？
1.文字特征、字体类型、大小、粗细、颜色、行距等。
2.图形功能：利用圆形、矩形等基本图形，利用布尔运算，设计新的复杂图形形状。
3.色彩功能，为字体，图形赋予色彩变化。
4.移动功能，通过移动字体、定位图形，达到舒适的排字、组合效果。
5.图层，所有的文字、图形设计，都是基于图层来实现，
简而言之，图层就是放置文字、图形的容器，将不同的文字或图形，放置于不同的图层内，便于进行复杂设计的管理。就像家里的收纳柜子，网易新闻首页的实际操作PS。
之前讲过理论逻辑，为了加深大家的理解，下面以网易新闻首页为例，来看一下如何使用ps。
首先，对接口内容组合逻辑进行分析。
那就打开ps，新建的画布750x1334px，分辨率72，背景色白色。
步骤二，绘制头部模块的内容。
1.创建新的分组，双击重新命名-头，(没有分组也可以，但对于复杂图层来说，分组便于后续的管理和修改，以及同事间的协作)
2.选择矩形工具，创建一个新宽度750px、高度128px的填充矩形，(为什么高度是128，这是苹果系统规格)，双击色板，修改填充颜色值#d13c35，然后顶对齐。
创建新的图层，选择文本工具，进入网易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键删除。接着，选择描边选项-端点-圆角，最后输入直播文本，居中对齐。
希望能帮助初学者，对PS制作界面有一个直观的了解，知道自学的PS技能，怎么应用到界面设计里面。
来自
本文仅代表作者观点。未经许可，不得转载！
赞同
推荐课程查看全部
火星时代
AAA教育
益阳佳程软件
非凡进修学院
位置：北京91搜课网 > 学习攻略 > 做ui设计ps主要做哪些东西