github界面
GitHub是找到免费发布给公众的项目的好地方，但是您是否曾经出过一个回购协议，却忘了它可能有多酷和有用？ 在本综述中，我将介绍GItHub上免费提供的一些出色的项目，这些项目非常着重于帮助界面设计师为Web构建。
1. 字节大小图标
字节大小图标是由样式控制的微小SVG图标集。 如果您没有从头开始设计来满足上下文需求的特定图标集，那么这样的资源可能会非常有用。
“每个图标均沿32x32网格进行手工编码，并使用SVG笔触，以实现最大的样式灵活性； 这意味着您可以调整重量，颜色，大小，以及是否要使边缘为圆形或正方形。”
所有92个图标的最小压缩大小为10.5kb或.svgz 2.9kb。 根据需要直接在页面中直接内嵌每个图标，或者通过外部SVG文件和use标签加载它们。 然后，您可以通过更改stroke-width属性以及更改线帽和stroke-linecap的形状轻松地更改图标stroke-width ，并且使用stroke-linecap和stroke-linejoin进行线连接。 通过使图标变圆或变正，将改变图标的样式。 您可以选择在CSS中使用所有这些笔触属性。
2. 阴影
Shade是一种数学派生的渐变资源管理器，可为您提供滑块以控制所需的结果。
您可以调整色相，饱和度，明暗度以及渐变散布的每个相应选项。 我目前看到的一个缺点是无法选择控制倾斜角度，但是以视觉方式获得输出以及适当CSS确实很棒。 对于在设计工作中越来越多使用渐变的人来说，这是一个有价值的工具。
3. 材料成分
Materialize是基于Google的Material Design的前端框架。 它声称以用户为中心，易于使用，并有助于在设计和确定接口组件时加快开发速度。
4. SVG图案填充
Web上的图案可以以多种方式应用，既可以使用图像也可以使用CSS，但是使用SVG也可以实现图案效果，而SVG可以在任何屏幕分辨率下保持清晰且文件大小紧凑。
通过SVG模式定义，CSS背景图片网址以及通过D3.js使用模式填充，可以三种方式使用这些模式。 可以为每种样式自定义颜色，您甚至可以提交新样式以将其包含在仓库中。 这对于界面设计可能需要的任何图案都非常方便，这些图案可以重复进行，同时保持清晰度并控制文件大小。
5.可 启动性
对于那些使用接口的人来说，这是一个非常方便的项目。 它允许用户对产品或喜爱的商品进行评分。
每个评级选项对所有人都可用，包括键盘控制，还带有动画效果。目前，该项目包含八个不同的评级选项供您选择，但是您当然可以随时提交一个新的想法/模式以供选择。当前提供的模式。
如果您精通Sass，则可以根据自己的需要调整评分小部件，例如使用基于10星的系统或关闭轮廓线并将其悬停。 这可以通过为_variables.scss文件中的变量设置true / false值并运行Gulp任务来处理文件来完成。
6. 清单
为理解用户如何与您的组件交互，为设计收集真实内容变得越来越重要。
7. 草绘剪贴板填充
这是一个Sketch插件，可将剪贴板上的任何图像粘贴为任何形状的填充！
如果您要创建伴奏并且不想浪费时间查找图像并将其导入到项目中，这将非常方便。 特别是当您要将图像放置为不同的形状时。 超快速，超简单和超棒，可加快工作流程。
8. 草图材质
Sketch材质是一个Sketch插件，可以帮助您生成复杂的Material组件，例如表格，芯片，表格，按钮，工具提示等。
如果要创建模型，则可以极大地提高工作流程的效率和速度。 我最喜欢的部分之一是高程方面，它使您可以快速访问Material Design的美味阴影。 Sketch Material专注于艰苦的工作，因此您可以专注于重要的事情，例如设计，设计，设计。
9. 草图
准备打印设备草图。 所有文件均包含.png和.pdf格式的空白虚线网格模板，并包含各种设备。
这些表不仅可以打印，而且可以在您选择的数字软件中用于创建快速模型。 由于该项目是免费提供的，并托管在GitHub上，因此如果您找不到所需的设备，则始终可以建议添加一种新设备。
总结思想
我只浏览了这里提到的项目，很想听听您在日常工作中对UI设计有用的其他信息。 在下面留下您的意见和建议，并祝您编程愉快！
翻译自: https://webdesign.tutsplus.com/articles/9-recommended-github-repos-for-interface-design--cms-29353
github界面
71
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
