在Photoshop中进行App界面设计的关
键技术手段
知识要点
0 1 在PS中基于App界面设计实时预览
0 2 PS基于App界面设计图层命名规范
0 3 PS尺寸标注插件
在PS中基于App界面设计实时预览
基于App界面设计实时预览
1.由于手机跟PC的屏幕显示效果略有差异,为了保证设计
稿在实际使用环境中,能有一个优秀的视觉展现,在设计
时需要基于目标平台,对设计进行实时的预览,设计时需
要以目标平台为准;
若目标是手机APP界面,则需要使用手机对设计稿进行实
时预览。但是由于色域的区别,设计稿在还原成Html网
2.页的时候,仍然会产生偏差。这时候需要对设计稿进行灵
活的调整,建议设计者了解基本的DIV和CSS,方便对已经
APP化的设计稿进行调整。
基于App界面设计实时预览
实时预览工貝
为手机设计的APP界面,在预览时并不是十分方便,
通过辅助工貝,可以轻松实现设计稿的真机实时预览。
PC上常用的手机端实时预览工貝是一款叫做PsPlay的
软件。
Ps Play是一个通过Wi-Fi网络,实时在终端设备上预
览电脑上Photoshop的设计稿,可同步调试及截图保
存