本书是一本跨界于Web前端开发和网页美工设计的教程。全书围绕UI设计理念与原则，以培养学习者良好的UI界面设计及原型开发能力为目标，综合运用以PhotoShop、XD原型设计为主的各种工具软件，通过对任务的分析、分解、分步实施，将UI设计知识与PS/XD操作技能融于实践过程。全书共四篇，第一篇为UI元素设计，包括导航、Banner等常见网页元素；第二篇为移动端界面设计，包括实用型、应用型和网站类界面设计；第三篇为PC端界面设计，包括门户类、企业类和电商类网站界面设计；第四篇为原型设计，是UI界面设计对接Web前端开发的关键环节。