恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
EduSoho UI 设计规范(Web版)
0.0°
2016-05-20 原创作品 网页 举报 79649 1726 960 38

因为我们的项目用到了Bootstrap前端框架,所以设计规范的一些元素是按照Bootstrap来的,另外我们也在一定程度上参考了Material Design以及Ant Design的一些东西,最后结合我们自身产品的特色和涉及到的UI元素总结出了下面这套设计规范。


在这套规范中需要注意几个问题,尤其是在Web Design中会遇到:


1、字体高度

字体是设计中非常重要的元素之一,很多设计师追求所谓的Perfect Pixel,如果要追求这个,你就必须要对字体有基本的了解,其中就包括字体高度,在Web Design中字体高度称为行高(line-height)。例如14px大小的字体,其实在行高设置为1.5的Web中高度为21px。


2、栅格布局

栅格布局是Bootstrap里面的重要概念,而且因为牵涉到响应式,所以设计师必须要对栅格的计算方式了如指掌,我们将Bootstrap的1170px container改成了1160px,所以栅格大小也做了相应调整,尤其需要了解1160px和1140px之间的关系。


3、场景色使用

因为我们产品的特殊性(需要考虑到大量定制和主题),所以色板还是沿用了Bootstrap的场景色方式,不同场景采用不同场景色,一些主题性的地方可以采用主色调。

更新:2016-05-20

收藏

1726人已收藏

benz

杭州西湖区招插画师,作品发邮箱 ben@8btc.com

  • 94

    作品

  • 3534

    粉丝

  • 0

    关注

  • Material Design 2018,更新内容总结
  • Wedding website practice :)
  • Traffic tools animation(附源文件)
  • Codeages Design Web中后台设计规范

    猜你喜欢

      2016-05-20 原创作品 网页 举报 79649 1726 960 38

      EduSoho UI 设计规范(Web版)

      0.0°

      你确定要举报EduSoho UI 设计规范(Web版)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年05月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      960
      1726
      38

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录