
前言
本书全面贯彻党的二十大精神,以社会主义核心价值观为引领,传承中华优秀传统文化,坚定文化自信,使内容能更好地体现时代性、把握规律性、富于创造性。
UI设计简介
UI设计是指对软件的人机交互、操作逻辑、界面样式进行的整体设计。按照应用场景,UI设计可以被简单地分为App界面设计、网页界面设计、软件界面设计以及游戏界面设计。UI设计内容丰富,前景广阔,深受设计爱好者以及专业设计师的喜爱,已经成为当下设计领域关注度非常高的方向之一。
如何使用本书
Step1 精选基础知识,快速了解UI设计

Step2 知识点讲解+课堂案例,熟悉设计思路,掌握制作方法



Step3 课堂练习+课后习题,提高应用能力

Step4 循序渐进,演练真实商业项目制作过程

配套资源及获取方式
• 所有案例的素材及最终效果文件。
• 案例操作视频:扫描书中二维码即可观看。
• 扩展知识:扫描“扩展知识扫码阅读”页对应的二维码即可查看扩展知识。
• 全书6章的PPT课件。
• 教学大纲。
• 教学教案。
读者可登录人邮教育社区(www.ryjiaoyu.com),在本书页面中免费下载全书配套资源。
读者可登录人邮学院网站(www.rymooc.com)或扫描封面的二维码,使用手机号码完成注册,在首页右上角单击“学习卡”,输入封底刮刮卡中的激活码,即可在线观看全书慕课视频;也可以扫描书中二维码,使用手机观看视频。
教学指导
本书的参考学时为64学时,其中实训环节为32学时,各章的参考学时参见下面的学时分配表。

本书约定
本书案例素材所在位置:云盘/章号/案例名/素材。例如,云盘/Ch05/制作天籁音乐播放器软件首页/素材。
本书案例效果文件所在位置:云盘/章号/案例名/效果。例如,云盘/Ch05/制作天籁音乐播放器软件首页/工程文件.psd。
本书关于颜色设置的表述,如红色(212、74、74),括号中的数字分别为其R值、G值、B值。
由于编者水平有限,书中难免存在疏漏和欠妥之处,敬请广大读者批评指正。
编者
2024年2月