欢迎来到朵拉利品网
知识中心
资讯
  • 资讯
  • 产品
  • 供应商
您的位置: 朵拉利品网 >  知识中心 > ps做UI设置面板 ps怎么做ui界面
ps做UI设置面板 ps怎么做ui界面
2021-06-10 20:19:25 来源:朵拉利品网

2, PS怎么简单的设计UI界面



ui设计需要的基础就是一些简单的美术基础和平面设计基础,要求也不算高,你这个情况应该没问题,编程不太需要。一般流程是这样的,大致5个阶段,PS ,Illustrator , DW,InDesign都会用到。
第一阶段 UI用户设计基础(UI行业发展及UI设计师职业规划,美术基础,平面设计基础,图形与创意设计,网页设计基础,交互式网站),软件:Photoshop、Illustrator
第二阶段 移动界面设计(图标创意思路与方法,图标的创作设计,主题图标设计,Ios系统Android系统Windows phone系统,UI设计实训课程)
第三阶段 交互类(UCD,交互设计高级技术)
第四阶段 流程设计(界面开发对接,流程管理,移动媒体综合开发实训)
第五阶段 综合项目实训及就业阶段(根据所学内容,选择一种移动平台(IOS/Android/Winphone),软件界面,WUI类型设计,完成初稿设计。依据项目初期确定的需求进行验收,并签署验收报告)

3, UI设计师的工作界面怎么用PS设置



Photoshop新建文档设置
操作:菜单 → 文件 → 新建
宽度:640像素
高度:1136像素(4英寸iPhone设备)
分辨率:72像素/英寸(ppi)
颜色模式:RGB颜色
背景内容:白色(可选)
颜色配置文件:不要色彩管理此文件(更多颜色设置后)
像素长宽比:方形像素
配置如下图:
对齐设置
这个处就是当你使用图层、形状等操作时自动对齐网格,画矢量图不怕模糊边缘,确保每个像素保持清晰。
设置:
菜单 → 视图 → 对齐
菜单 → 视图 → 对齐到 → 全部
首选项设置
操作:菜单 → 编辑 → 首选项 → 常规,建议按下图设置
启用轻击平移
仅仅是一个滑移效果,占内存又不能提高操作效率,建议关掉。
根据HUD垂直移动来改变圆形画笔硬度
功能挺好用的,按Alt+右键左右/上下移动可以分别改变画笔的大小和硬度。
将矢量工具与变换与像素网格对齐
这个强烈建议UI设计开启这个功能,这个让你来矢量力不会产生半像素虚边,十分好用。但在需要微调整时可暂时关闭它。
文本设置
字体我一般把字体设置为犀利,如果你是Photoshop CC版本,它有一个Windows LCD/Mac LCD抗锯齿功能,文字可以为网页一样效果了,所以建议升级到Photoshop CC吧。
操作:首先选定文本 → 字符工具(AA)选择Windows LCD/Mac LCD
全局光
继苹果iOS人机界面指南,你应该把灯光设置为90°。
操作:图层 → 图层样式 → 全局光 → 90°
网格设置
现在设计iOS界面都要兼容视网膜(Retina),所以我把每个网格设置为2像素,这样我就不怕图像在视网膜设备下变得模糊了。
操作:菜单 → 编辑 → 首选项 → 参考线、网格和切片,网格线间隔:4像素;子网格2。或者网格线间隔:2像素;子网格1。我喜欢前者^_^
导出设置
不管我们是做网页不审设计iOS APP应用程序时,导出图像最好是使用”存储为Web所用格式”来导出。
这里通过”存储为Web格式…”导出PNG-24为例,其中默认设置比较重要,如下图:
操作:菜单 → 文件 → 存储为Web格式所用格式
预设:PNG-24
透明:勾选
交错:未勾选
嵌入颜色配置文件:未勾选 (Photoshop CC版本才有)
转换为 sRGB:未勾选
质量:两次立方
Retina显示器设置
如果你是使用带Retina视网膜的MacBook Pro,你应该确保你是使用2800*1800像素(1440*900点)
操作:Apple菜单 → 系统偏好设置 → 显示 → 最适合显示器
颜色配置
颜色配置是极为复杂的一个操作,如果你不是这领域的大神,那么还是老老实实的用推荐的配置吧,这里我选择了Marc Edwards的颜色配置选项。

名词解释


如图

如图是佛山市舍彩家具有限公司旗下的一个品牌,于2018年01月14日在中国商标网创建成立,集研发、设计、生产、销售和服务于一体,主要经营软体家具。

接下来

《接下来》是孙燕姿新专辑《未完成》中的歌曲,歌曲作词为廖莹如,作曲为李偲菘。孙燕姿这位新加坡才女希望在新碟内表达她最真实、简朴的一面。她更首次监制新专辑内两首歌曲《永远》及《休止符》。

矩形

矩形也叫长方形,是有一个内角是直角的平行四边形。 在几何学科定义中,矩形为四个内角相等的四边形,即是说所有内角均为直角。

相关推荐


ps做led灯光效果 怎么用ps制作LED灯的照明效果图