职业技能 / 设计培训 / 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技能,怎么应用到界面设计里面。
来自
本文仅代表作者观点。未经许可,不得转载!
赞同
位置:北京91搜课网 > 学习攻略 > 做ui设计ps主要做哪些东西