本書是一本跨界于Web前端開發(fā)和網(wǎng)頁美工設(shè)計(jì)的教程。全書圍繞UI設(shè)計(jì)理念與原則，以培養(yǎng)學(xué)習(xí)者良好的UI界面設(shè)計(jì)及原型開發(fā)能力為目標(biāo)，綜合運(yùn)用以PhotoShop、XD原型設(shè)計(jì)為主的各種工具軟件，通過對(duì)任務(wù)的分析、分解、分步實(shí)施，將UI設(shè)計(jì)知識(shí)與PS/XD操作技能融于實(shí)踐過程。全書共四篇，第一篇為UI元素設(shè)計(jì)，包括導(dǎo)航、Banner等常見網(wǎng)頁元素；第二篇為移動(dòng)端界面設(shè)計(jì)，包括實(shí)用型、應(yīng)用型和網(wǎng)站類界面設(shè)計(jì)；第三篇為PC端界面設(shè)計(jì)，包括門戶類、企業(yè)類和電商類網(wǎng)站界面設(shè)計(jì)；第四篇為原型設(shè)計(jì)，是UI界面設(shè)計(jì)對(duì)接Web前端開發(fā)的關(guān)鍵環(huán)節(jié)。