郑州ui设计吧 关注:1,161贴子:499
  • 4回复贴,共1

手机APP设计规范之图标和按钮视觉设计规范

只看楼主收藏回复

手机APP设计规范之图标和按钮视觉设计规范


1楼2018-11-06 09:39回复
      APP界面里面的图标(iCON)设计规范
    我们在绘制APP UI界面设计里面的图标,在PS里面尽可能用形状来绘制。保证图标和按钮是矢量图。切图的时候的格式都是PNG。而且是图标和按钮的尺寸大小必须为偶数。
    App 里的图标还应该根据不同的功能需求设计不同的状态:如常态、选中态、点击态等。而且每一个图标除了英文的命名以为,还需要一个中文名字的备注下图标所代表的含义。让开发和其他同事看得懂。这也是我们做APP视觉规范的最终目的。
      每一个手机APP设计师的整理自己的APP图标视觉规范是不一样的。时间财富网小编就跟大家推荐2种图标视觉设计规范分类方法。
    1、按照界面位置和模块来分类
    APP图标视觉规范
    2、按照功能模块来分类:分为功能型图标和示意型图标。
    APP图标规范分类
    当然你也可以有自己的APP图标视觉规范规则。只要你们自己可以看得明白就行。


    2楼2018-11-06 09:39
    回复
        APP界面里面的按钮(Button)设计规范
      App 里的按钮拥有 4 种属性:分別为一般、点击、不能点击、选中
      按钮规范因不同功能和场景需要,设计不同的样式和颜色,在尺寸上也分有:长、中、短;而且按不同手机平台长中短尺寸也注意有所不同。
      按钮切图一般以.png切图为最佳,无论是ios和andorid平台。切记
      APP图标按钮设计规范
        APP里面的按钮也分为:重要按钮、一般按钮和软弱按钮
      重要按钮:一般是指在整个界面当中比较大,醒目的位置,通常是指执行重要操作以及吸附在底部的按钮。比如下单、搜索、确定、提交等等操作。
      一般按钮:不是特别重要操作的按钮。比如清空、退出、说明性的等按钮。
      重要按钮和一般按钮都是文字是在按钮上的,而且占的面积比较大。
      软弱按钮:这里指优先级最低的一种按钮,这类案例主要是文字和图标一起搭配出现的。比如筛选、排序等按钮。


      3楼2018-11-06 09:40
      回复
        ?


        4楼2019-07-05 10:42
        回复


          IP属地:山西来自Android客户端5楼2022-09-26 17:32
          回复