ui教程吧 关注:232贴子:596

设计师推荐Sketch插件

只看楼主收藏回复

Sketch是为Mac打造的一款界面优美,功能强大兼有矢量图形的绘制软件。在Sketch中用户能轻松地设计图层面板,而且Sketch为用户提供可能要的各种操作功能:多层式填充、渐变、噪点、混合模糊以及更多。更值得一提的是,Sketch拥有布尔运算来混合多个形状为更复杂的形状。


1楼2017-01-21 14:42回复
    1 . Marketch(for ui)https://github.com/tudou527/marketch
    用过Zeplin的同学基本都会觉得这款免费的插件,好用到泪流满面。直接在本地生成html,非常便捷查看尺寸颜色等参数,和Zeplin一样的思路。它能够真正的彻底告别标记尺寸和颜色等dirty work。这款软件能够大大的节省了我们的时间。我想大家的时间都很宝贵,我们还是做点更有意义的事情吧。


    2楼2017-01-21 14:43
    回复
      2、Content Generator Sketch Plugin (for UI/UX)
      https://github.com/timuric/Content-generator-sketch-plugin

      这个插件真是酷炫至极我们做app设计的时候,我们可能会使用各种各样的头像来模拟真实效果。那么找头像也是一件耗时间的事情, 这个时候神器来了, 只需选中你要填充头像的图形,他会帮你随机选择并填充合适的图像。 填充图片还分男女,人名也分性别。还能自动生成邮箱和电话可以节省大量时间,让你的Mockup看起来更加逼真。


      3楼2017-01-21 14:44
      回复
        Sketch Notebook Master (for UX)https://github.com/marcosvidal/Sketch-Notebook


        交互设计师都想让自己的mockup变得更加整洁,但为自己的设计写上注释是少不了的事情。整理格式会花很多时间,不整理看起来又很乱,说明太多经常会盖住相关内容。这个插件可以自动生成一个边栏用来写相关注释。选中相关控件,即可生成标记icon,右侧生成comment. comment可以自动排序对齐,十分方便快捷。


        4楼2017-01-21 14:44
        回复
          Align To
          https://github.com/LucienLee/AlignTo
          这是一款优秀的辅助对齐工具,可以帮你实现面向关键对象的对齐。在Sketch中基础的对齐功能只能面向一个选区或一个画板,而这个插件则允许了面向关键对象的对齐。对于一个在Sketch中要经常使用图形的设计师,这个功能会使你能更容易地实现元素的重复,然后再根据需要进行微调。


          6楼2017-01-21 14:46
          回复
            6、Sketch Runnerhttp://sketchrunner.com/
            这款插件通过一个直观的操作界面能大大简化你的日常工作流程。停止搜索你的菜单和开始运行命令直接从您的键盘。有了它,你不必再通过各级菜单间的切换来寻找Sketch的具体功能,你只需要通过键入这些功能名称的关键词就可以了。


            9楼2017-01-21 14:48
            回复
              Fluid
              https://shimo.im/doc/dYHNUUaxfjwxRasX
              Fluid是我们酷九合金社的设计师老师推荐的一个插件,它供了一种方法来创建更多基于约束的响应式设计。它基于Auto Layout约束。对于设计而言,精确度和一致性都是非常重要的,而这个插件则十分有效的解决了这个问题。


              10楼2017-01-21 14:49
              回复
                Sketch Notebook
                http://marcosvid.al/sketch-notebook/
                Sketch Notebook 是一个非常方便的草图设计插件,安装上之后,工作区域中会多出一个侧边栏,其中包含多种不同的元素,借助这个工具栏,你可以轻松添加或者删除注释、调整位置、管理它们的可见性。


                11楼2017-01-21 14:50
                回复
                  Day Player
                  https://github.com/tylergaw/day-player

                  Day Player 是一款我们酷九合金社的老师们都喜欢用的插件,它主要是创建图片占位符的Sketch 插件。在这个插件的帮助下,你可以调用不同的图片占位符服务,创建不同的效果。


                  12楼2017-01-21 14:50
                  回复
                    AEFlowchart (for UX)
                    https://github.com/tadija/AEFlowchart
                    Flowchart 顾名思义,就是出流程图的。共有四种控件样式 Decision | Input Output | Process | Start End自动生成对应样式,一键连接所有元素。注意:生成连线为1px,且图层默认被锁定。颜色过浅,有时候需要自己调整下border颜色,大神可以自己去调整脚本里的相关参数。Sketch 升级到3.2.2之后经常没法自动连线,比较苦恼。


                    13楼2017-01-21 14:51
                    回复
                      Content Generator https://github.com/timuric/Content-generator-sketch-plugin
                      这个插件允许你快速创建一些假数据以模拟真实效果,比如用户头像、姓名以及地理位置数据等。老实说,这款插件我也并不太常使用,但是相比之下,前面提到的Craft插件缺少查询功能,因此我还是将这款插件作为Craft的补充,而且我还能用它添加人脸的轮廓图。


                      14楼2017-01-21 14:52
                      回复
                        Sketch Toolboxhttp://sketchtoolbox.com/
                        Sketch Toolbox是一个超级简单的Sketch插件管理器。当然了,通过这个插件管理器去安装其他插件件自然也是轻而易举的事,你可以实现在一个地方集中查找、下载、安装插件,非常高效便捷。


                        15楼2017-01-21 14:52
                        回复
                          Icon-Fonthttps://github.com/keremciu/sketch-iconfont
                          这款插件帮助你轻松插入和管理图标字体。作为一名设计师,有时候为了提升界面的美感,我们常常会考虑使用图标。而这款插件为你提供了从Material Design图标到FontAwesome的多个选择


                          16楼2017-01-21 14:53
                          回复
                            Artboard Toolshttps://github.com/frankko/Artboard-Tools

                            这是一个画板工具插件,它可以用来排布多个画板并在画板间实现导航关系。试想一下,当你的画板数量已经达到50+的时候,想必你最好要考虑该把这些画板按照一定的顺序进行排列了。这个插件便是救兵。


                            17楼2017-01-21 14:53
                            回复
                              最后给大家再推荐一个,我们合金社的设计们经常用的手机实时预览sketch的软件:Sketch mirror
                              是用来在手机上直接实时预览的如果你有用到其他更多更优秀的Sketch插件,不妨留言分享给更多人,谢谢~


                              19楼2017-01-21 14:54
                              回复