欢迎光临澳大利亚新华书店网 [登录 | 免费注册]

    • 交互思维与实战(Figma+Principle UI设计实用教程纺织服装类十四五部委级规划教材)
      • 作者:编者:刘月蕊//卢芷仪//王培栩|责编:谭英
      • 出版社:东华大学
      • ISBN:9787566924759
      • 出版日期:2024/11/01
      • 页数:182
    • 售价:26.8
  • 内容大纲

        本书是关于UI设计的入门书籍,主要讲解以移动智能终端为主的界面设计,内容包括理论基础、案例分析、软件详解、实战案例训练、作品集设计五个部分。第一部分对理论知识进行梳理;第二部分通过案例分析,培养读者的审美与设计思维;第三部分对软件的实际操作进行了讲解;第四部分结合具体项目进行实战演练,将理论应用于实际工作中,帮助读者快速掌握界面设计思维与方法;第五部分讲解如何利用高质量作品集展示自己的设计水准,从而获得工作机会。书中使用Figma与Principle两款软件进行UI设计教学,实现界面从低保真原型到高保真视觉及交互效果的设计过程。其中Figma是一款时下流行的基于Web的云应用UI设计工具,支持多人协作、云端实时保存,具有原型设计、UI设计等功能,不仅适用于独立设计师,还便于多人设计团队在线上协作。目前,其市场占有率正在持续攀升,也适合作为一款简单易懂的UI设计入门软件投入教学。Principle是一款交互原型与动效设计软件,操作简单,便于对移动端App进行轻量级的交互动效设计。本书旨在帮助入门级设计师构建Figma+Principle的UI设计生态圈,系统地学习从理论到实战的UI设计知识和技能。本书是从基本的设计思维和方法入手,逐步深入到具体的设计工具和实战案例,帮助读者全面提升自己的设计能力。本书内容布局合理并配套了教学视频,提炼了界面设计中的要点,将设计思维与实战训练相结合。本书不仅仅是一本教材,更是一本面向就业的实战指南。通过对本书系统化的学习,能使读者掌握从设计思维到工具应用的完整的知识体系,获得独立完成UI设计项目的能力。本书可作为艺术设计类相关专业院校师生的参考教材或教参,还可作为希望提升技能的新人设计师的读物。
  • 作者介绍

  • 目录

    1  UI设计的基础知识
      1.1  UI与UX
      1.2  移动端与PC端、游戏端及其他端
      1.3  B端、C端、G端
      1.4  UI设计师的工作架构
      1.5  最全UI设计流程
        1.5.1  头脑风暴
        1.5.2  用户调研
        1.5.3  用户画像
        1.5.4  竞品分析
        1.5.5  信息架构
        1.5.6  用户故事
        1.5.7  用户旅程图
        1.5.8  线框图
        1.5.9  低保真原型
        1.5.10  高保真原型
        1.5.11  设计审核
        1.5.12  设计交付
        1.5.13  设计走查与UI验收
        1.5.14  辅助上线
        1.5.15  迭代优化
      1.6  UI设计师技能
        1.6.1  视觉设计能力(★必备)
        1.6.2  用户体验感知能力(★必备)
        1.6.3  代码逻辑能力(▲辅助)
        1.6.4  沟通能力(▲辅助)
        1.6.5  创意思维能力(.加分)
        1.6.6  趋势观察能力(.加分)
      1.7  UI设计师常用软件
        1.7.1  常用软件介绍
        1.7.2  为什么要打造Figma+Principle的生态圈
      1.8  优秀设计师的工作技巧
        1.8.1  工作排期——合理分配工作时间
        1.8.2  A/B测试——通过数据来衡量设计成果
    2  什么是好的UI设计
      2.1  用户体验——以用户为中心设计
      2.2  好的UI设计
      2.3  优秀案例
        2.3.1  米家——生态闭环
        2.3.2  (Not Boring)Habits——正向反馈
        2.3.3  Airbnb——氛围留白
      2.4  选A还是选B?——界面设计局部案例练习
    3  软件详解(Figma+Principle)
      3.1  Figma
        3.1.1  进入Figma的世界
        3.1.2  绘制精美的图标
        3.1.3  如何使用插件
        3.1.4  UED常用网站
        3.1.5  制作一个完整的页面
        3.1.6  如何制作交互原型

        3.1.7  移动端Figma  App
        3.1.8  Figma中的进阶技巧
        3.1.9  Figma常用快捷键
      3.2  Principle
        3.2.1  初识Principle
        3.2.2  Principle的动效原理
        3.2.3  从Figma中导入文件
        3.2.4  交互与事件
        3.2.5  让按钮变得生动
        3.2.6  制作一个有趣的Loading界面
        3.2.7  滑动与转场
        3.2.8  Principle常用快捷键
    4  交互设计实战训练
      4.1  前期调研
        4.1.1  市场调研
        4.1.2  用户调研
        4.1.3  用户画像
        4.1.4  竞品分析
        4.1.5  产品定位
      4.2  梳理交互流程
        4.2.1  信息架构
        4.2.2  用户旅程图
      4.3  绘制线框图
        4.3.1  “首页”页面线框图
        4.3.2  “视频”页面线框图
        4.3.3  “收音机-听书”页面线框图
        4.3.4  “收音机-戏曲”页面线框图
        4.3.5  “收音机-广播”页面线框图
        4.3.6  “我的”页面线框图
        4.3.7  “我的-收藏”页面线框图
        4.3.8  “我的-福利中心”页面线框图
        4.3.9  “新闻-搜索”页面线框图
        4.3.10  “语音助手”页面线框图
      4.4  确定界面风格
        4.4.1  总结关键词
        4.4.2  整理情绪板
      4.5  完成UI设计稿
        4.5.1  配色
        4.5.2  字体、字号、字重
        4.5.3  主要界面设计
        4.5.4  其他界面设计
        4.5.5  切图与标注
      4.6  动效制作
    5  作品集制作
      5.1  作品集是什么
      5.2  作品集框架设计
      5.3  如何用Figma制作一本好的作品集
    参考文献