
本书较为全面地讲解了移动端UI界面的设计与制作,以培养学生的UI设计理念和方法为基础,结合Photoshop、Illustrator等软件,有针对性地剖析设计制作的实施策略与过程,以训练和提高学生UI界面设计的制作技能。全书共6章,内容包括初识移动端界面设计、色彩在移动的界面中的应用、移动端界面版式设计的原则、 移动端界面设计的基础、不同的界面风格,以及综合案例。特别是在综合案例中,通过不同界面风格的多个递进的设计实例,从任务分析、功能定位、制作步骤入手对界面设计的制作进行全过程讲解。本书结构合理、内容翔实、图文并茂,将艺术设计的知识与技巧融入其中,引导读者进行思考及软件操作实践,提升读者的审美、审艺能力,使之尽快成为具有先进设计思想和理念的平面设计实用型、技能型人才。本书适合职业院校界面设计相关专业使用,也可作为界面设计初学者的入门参考书。
随着我国信息技术与计算机技术的迅速发展,以及网络技术的突飞猛进,人机界面设计和开发已经成为国际计算机界和设计界最为活跃的研究方向。在经济飞速发展的同时,人们对文化的关注和需求也在不断增长。因此,丰富人们精神生活的文化创意产业就显得尤为重要。 交互性已经成为网络界面设计追求的目标。为了使设计满足可用性要求,全面了解用户特征及多元化要求是十分必要的。这就需要设计师找到正确的方法来记录和实现多元化的用户要求。 纵观全球,界面设计发展迅速,前景良好。特别是移动端的界面设计,各类优秀作品层出不穷。近年来,我国的界面设计产业通过将本土特色与国际化相结合,不断趋于成熟。同时,界面设计产业的不断发展需要大批技术熟练、富于创意的优秀设计人才。 本书以移动端UI设计为切入点,从艺术创意设计与赏析角度,对中外的界面设计进行分析。本书共7章,分别介绍了初识移动端界面设计、色彩移动界面中的应用、移动端界面设计要素、移动端界面版式设计、移动端界面图标与组件设计、界面风格的设计制作、综合案例。通过对本书的学习使读者能够表达与实现任何创意,能够熟练进行有创意的视觉设计,尽快成为具有先进设计思想和理念的平面设计技能型人才。希望书中的案例对喜欢界面设计的读者有所帮助。 书中所涉及的艺术形象及影视图像,仅供教学分析使用,版权归原作者及著作权人所有,在这里对他们表示感谢。 本书由崔建成主编,张琛、杨利担任副主编。由于编者水平有限,书中不足之处在所难免,希望广大读者提出意见和建议。
第1章 初识移动端界面设计 001 1.1 移动端界面设计的概述 001 1.1.1 移动端界面设计的范畴 003 1.1.2 移动端界面设计的原则 003 1.2 主流平台与设计规范 005 1.2.1 iOS与基本设计规范 005 1.2.2 Android与基本设计规范 006 1.2.3 移动端界面设计优秀案例 007 第2章 色彩在移动界面中的应用 010 2.1 终端显示色彩基本知识 011 2.2 色彩的组成 012 2.3 色彩的对比 014 2.3.1 色相对比 015 2.3.2 明度对比 015 2.3.3 纯度对比 016 2.3.4 补色对比 016 2.3.5 冷暖对比 017 2.3.6 面积对比 017 2.4 色彩的调和 018 2.4.1 同类色的调和 018 2.4.2 近似色的调和 019 2.4.3 对比色的调和 019 2.4.4 渐变色的调和 020 2.5 色调的变化 021 2.6 移动界面色彩搭配原则 023 2.6.1 界面色彩搭配层级 024 2.6.2 色彩搭配应注意的问题 027 2.7 界面设计配色技巧 029 第3章 移动端界面设计要素 035 3.1 移动端界面构成要素 035 3.1.1 启动图标 035 3.1.2 启动页 036 3.1.3 引导页 036 3.1.4 登录注册页 037 3.1.5 缺省页 038 3.1.6 首页 038 3.1.7 模块页 039 3.2 设计表现方法 040 3.2.1 纸上法 040 3.2.2 软件法 041 3.3 风格确定 041 3.3.1 扁平化 042 3.3.2 新拟物化 049 3.3.3 3D化 050 3.4 应注意的问题 050 第4章 移动端界面版式设计 053 4.1 移动端界面常见版式 053 4.1.1 列表式布局 053 4.1.2 宫格式布局 054 4.1.3 卡片式布局 054 4.1.4 瀑布流式布局 055 4.1.5 多面板式布局 056 4.1.6 旋转木马式布局 056 4.1.7 弹出框式布局 057 4.1.8 抽屉式布局 057 4.2 版式设计应注意的问题 058 4.3 版式设计案例分析 060 第5章 移动端界面图标与组件设计 064 5.1 认识图标 064 5.1.1 图标类型 064 5.1.2 图标设计形式 065 5.1.3 图标设计规范 066 5.1.4 图标设计应注意的问题 067 5.2 认识组件 070 5.2.1 组件类型 070 5.2.2 组件规范 071 5.3 图标与组件的设计与制作 072 5.3.1 图标的设计与制作 072 5.3.2 开关控件制作(见图5-44) 075 第6章 界面风格的设计与制作 082 6.1 扁平化风格界面的设计与制作 082 6.1.1 正确认识扁平化风格 082 6.1.2 移动端扁平化风格界面制作 083 6.2 写实化风格界面设计与制作 091 6.3 卡通绘画风格界面设计与制作 103 第7章 综合案例 109 7.1 输入法皮肤的设计与制作 109 7.1.1 输入法皮肤设计原则 109 7.2.2 输入法界面设计案例解析 111 7.2 移动手机端应用界面设计制作 113 7.3 游戏界面设计与制作 121 7.4 音乐播放器App 127 7.5 新生报到小程序 138 ?