美文网首页
APP控件设计思路整理

APP控件设计思路整理

作者: CharlotteChow | 来源:发表于2018-06-29 19:36 被阅读0次

    1. 按钮

    • 形式
      • 填充式
      • 线框式(考虑边框大小1/2)
    • 大小
    • 颜色
    • 尺寸
      先定高(宽),再通过多组对比选出另一个参数
      • 大按钮最小高度为36/40,常选44/48
    • 圆角
      常见2/4/圆形
    • 字号
      多组对比选出
    • 颜色
      在同色系中选出最合适的
      参考优秀网站/MD配色方案
    • 样式
      阴影(同色系,blur参数调大些)

    实际操作

    • 填充式
    • 深色 - 暂定蓝色系
    • 高选为40, 对照组宽为230/220/210/200,对比选择220


      image.png
    • 圆角0/2都还行,这里选择2


      image.png
    • 确定字号大小,对照组为17/16/15/14,对比选择15


      image.png
    • 对比颜色,排除法选择第4个


      image.png

    相关文章

      网友评论

          本文标题:APP控件设计思路整理

          本文链接:https://www.haomeiwen.com/subject/yiaoyftx.html