新手入门:零基础小白入门移动UI设计-创视优品

新手入门:零基础小白入门移动UI设计

  •   设计是把计划、规划和设想通过视觉形式传达出来的行为过程。简单地说,就是一种创造行为,一种解决问题的过程,其区别于其他艺术类的主要特征之一就是设计更具有独创性。
      在设计界中,有许多种类,大致可以分为技术设计、艺术设计、营销设计、视觉传达设计、工业设计、环境设计这6大类。
    UI设计属于视觉传达设计的一种,是机器与用户交流时的一种界面设计。除了以上列出来的几种设计外,还有信息设计。信息设计就是将信息以可见的形式表现出来,方便人们辨识。此外,还有通用设计,是指通过设计,使产品、空间以及标识等,不论使用者的年龄、性别、身体状况及能力等,都可以方便使用。
      移动UI设计的相关知识包括UI设计、移动UI的概念和特点、手机的界面特色及不同移动UI的视觉效果等,只有了解移动UI设计的基本知识才能更好地设计出出色的App产品。
    一. 认识移动UI设计
      UI的原意是用户界面,是由英文User Interface翻译而来的,概括成一句话就是人和工具之间的界面。这个界面实际上体现在生活中的每一个环节中,例如,计算机操作时鼠标与手之间就是这个界面,吃饭时筷子和饭碗之间就是这个界面,在景区旅游时路边的线路导览图就是这个界面。
      在设计领域中,UI可以分成硬件界面和软件界面两大类。本书主要讲述的是软件界面,介于用户与平板电脑、手机之间的一种移动界面,也可以称之为特殊的或者是狭义的UI设计。图1-1所示为支付宝软件的界面。


    图1-1 支付宝软件的界面
    二. 移动UI界面设计规范
      UI设计的规范主要是为了设计团队朝着一个共同的方向、风格和目的来设计出界面效果,以便于团队之间的相互合作,提高作品的质量和效果。
      在对移动UI进行设计时,确定其规范性,可以使整个App在尺寸、色彩上达到统一,从而提高用户对移动产品的认知和操作便捷度。图1-2所示是iPhone6界面的尺寸规范。


    图1-2 iPhone6界面的尺寸规范
      移动UI是软件与用户交流最直接的层面,设计良好的界面能够起到“向导”作用,帮助用户快速适应软件的操作与功能。
    图1-3所示为控制按钮的状态样式设计,该设计对按钮的大小和形状进行了统一,并通过不同的颜色和文字来区分其功能。


    图1-3 控制按钮的状态样式设计
    三. 移动UI设计的个性化
      移动设备在视觉效果上通常具有和谐统一的特性,但是考虑到不同软件本身的特征和用途,此在设计移动UI时还需要考虑一定的个性化。移动UI效果的个性化包括如下几个方面,如图1-4所示。
  • 本文章摘自书籍或来源于网络,如果您喜欢本文,请通过正规渠道购买正版书籍或者访问原网站,如有侵权,请联系我们及时删除。
  • 相关资讯

    您可能对下面的文章也感兴趣!

    我们的服务项目

    企业宣传片、三维动画、企业会议片、MG动画、短视频、产品广告

    Top