在Photoshop中进行App界面设计的关键技术手段.pdf

在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的设计稿，可同步调试及截图保 存