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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
实用网页小工具——栅格宽度计算
0.0°
2020-10-16 原创文章 教程 举报 2197 6 10 0

「把一个界面平分成12列,每列间隔16个像素,那每个单元格宽度是多少?」



大家好,我是灰色执照~

上周,微信设计群的朋友在学习的时候,看到「草帽」在 figma 教学视频中使用了一款比较实用的网页小工具 对栅格的宽度进行计算 


但是这款工具需要访问丹麦的一个网站,无法科学上网的朋友是没办法使用的(部分企业是禁止翻墙的,对网络还会有限制和监控,比如不让你访问淘宝、京东……等非工作相关的网站)。


于是,他希望我也做一款类似的产品。


经过设计群里的一番讨论,大家觉得这个网页小工具虽然和大名鼎鼎的栅格插件GuideGuide非常相似,但是在交互和使用上,又比GuideGuide更加的直观和好用。


作为服务设计师的开发者,我一直强调自己要和广大群众打成一片,去真正了解大家的需求,提供有价值的服务。让更多的设计师喜欢上「灰大设计」这个品牌, 让更多的设计师真正受益


我从来都是说的很少,做的很多。灰色执照绝对是实干家,在他的电脑里面有个文件夹,记录着大量的,由各个群成员提出的一些好想法和设想。如果时间允许,灰大都会努力的去实现这一个一个小需求。也欢迎你拉我进你的设计群~


▲微信群当时的聊天截图




   言归正传,我们来看看最新的产品吧  

▲新产品截图 



这是一款计算栅格的工具,你只要输入相应的数值,网页的中间就会显示对应的效果。

可以说是所见即所得~


对于这样的问题:“把一个界面平分成12列,每列间隔16个像素,那每个单元格宽度是多少?”你使用这个工具后,分分钟就可以搞定。因为他足够直观。不得不说,丹麦设计师的这个交互想法非常不错,

不过呢…...


▲Figma里面最牛逼的功能



大家访问「灰大设计导航
https://www.pslkzs.com/nav.php
点击导航头部这个地方,就可以使用这个工具了。



这个实用小工具的介绍就到这里,有什么意见或建议记得给我留言反馈~

Powered by Froala Editor

更新:2020-10-16

收藏

6人已收藏

  • 76

    作品

  • 646

    粉丝

  • 33

    关注

  • 腾讯CDC解散,是不是大厂设计也失去话语权了?
  • 寻一位UI合伙人
  • 我,7天,开发了一款免费的词云工具
  • 灰大设计团队近期作品

    猜你喜欢

      2020-10-16 原创文章 教程 举报 2197 6 10 0

      实用网页小工具——栅格宽度计算

      0.0°

      你确定要举报实用网页小工具——栅格宽度计算

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年10月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      6
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录