没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|行业资讯|编辑:胡涛|2022-08-26 13:21:40.047|阅读 193 次
概述:为了方便大家高效的使用sketch,下面小编将为您分享几个公认强大的sketch高级功能,能很好地帮助大家高效的使用sketch
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用。在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式。Sketch为您提供了真正协作设计过程所需的所有工具。从早期创意到像素完美的艺术品、清晰原型以及与开发人员交接。
为了方便大家高效的使用sketch,下面小编将为您分享几个公认强大的sketch高级功能,能很好地帮助大家高效的使用sketch
其实很多sketch用户效率低下,很大程度是因为没有好好利用Sketch的高级功能造成的。学会高级功能才能真正提高UI设计师的设计效率,把时间花在重要的地方。
Sketch的强大功能主要集中在这5个方面:Symbol组件、Text style文字样式、 Layer style图层样式、Library组件库、Resizing智能缩放。
下面我们就一起简单了解下。
Symbol是Sketch最最基础,也是最最重要的一个功能。没有了Symbol的Sketch就仿佛没有了灵魂。
它的功能也很好理解,比如一个蓝色按钮,几十个界面调用,现在老板任性地要求:蓝色不好看,我们换个红色的吧。如果我们使用了Symbol就很好办了,不仅能一键换按钮,甚至能通过两三下操作更换整个界面颜色。
此外,通过Symbol组件我们还能实现很多有效率的功能,比如Symbol嵌套,通过嵌套能实现迅速更换icon。
对于界面中的文字,很多设计师没有全局性思维,想到什么文字就直接使用,字号、颜色、对齐方式、加粗都没有统一的规划,导致细节混乱。如果前期不管理好,那么后期遇到修改的时候就会发现给自己挖了一个很大的坑,还会给技术开发带来困扰。
面对杂乱无章的文字,我们需要使用Text style来统一管理,建立起项目的文字规范。其实技术同学在开发之前,也会对文字提前进行样式整理,我们UI设计师也需要使用技术的思维去设计界面。
同Text style类似,Layer style主要是管理我们UI项目中的各种图层样式。比如描边、阴影、常用颜色等等。
举个例子,一个图标需要不同的状态颜色,按照传统的做法,我们需要制作图标1、图标2、图标3等Symbol,这样会造成组件的重复,维护起来非常不方便。
那么使用Layer style后,颜色就变成了一个可全局调用的样式,我们只需要做一个图标Symbol,需要什么颜色直接调用即可,大大减少了工作量,以及降低了样式错乱风险。
以上的Symbol、Text style、Layer style共同组成了Library组件库。其实Library可以简单地理解为一个UI规范,这个UI规范定义了项目的颜色、文字、图标以及各种组件,我们在设计的同时需要严格遵守和调用,这样才能保证一个项目具有一个完整的、统一的视觉语言。
同时Library也包含了原子化的设计思路,原子-分子-组织-模板-页面这五个部分共同组成了一个项目的基础。
此外Library也可以通过一些方法共享给其他设计师。也许你所在的公司需要多位设计师共同设计一个项目,在如何保持风格统一、如何调用组件、如何同步更新的问题上,可以采用Library的共享功能,打造自己团队的Library库。
Resizing与上面四个定位于组件样式的功能不同,它主要解决了响应式式设计的一些问题。通过Pin to Edge 和Fix Size两功能的配合实现多种响应式布局,让界面设计更加灵活。
在以前的PS时代,拉伸是属于破坏性的一种操作,我们在遇到样式一样、宽度不一样的组件时,只能重新建立一个新组件,这就造成了样式重复。而这在前端的面前都不是事儿,只需要改变宽度,内部使用的float、position等属性就可以发挥响应式作用,实现组件的复用。Resizing其实就是赋予组件响应效果的。
不使用Resizing,拉伸后,里面的组件会被破坏。 通过Resizing功能,我们就可以实现下面这种非破坏性拉伸效果。
以上五大功能还离不开一个最最基本的属性,就是命名和分组,这也是众多设计师容易忽略的两个点。在设计一个项目的时候,命名和分组其实在无形之中占用了我们相当多的时间。如何通过命名和分组提高设计效率,也成为一个UI设计师所必须解决的问题,同时也欢迎踊跃尝试,有问题可以及时提出来哟~
慧都为您提供Sketch正版代理授权
欢迎,了解有关sketch更多产品动态
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn
在工业和建筑领域,CAD 文件的处理至关重要。CADViewX 作为一款功能强大的 ActiveX 组件,能够为应用程序注入高效的 CAD 处理能力,助力企业和开发者轻松应对各类 CAD 文件操作需求。
在现代 Web 应用开发领域,Syncfusion 公司的 Essential Studio for JavaScript 脱颖而出,成为开发者构建高效、美观应用的得力助手。它不仅提供了丰富的 UI 组件库,还深度融合了性能优化与跨平台支持,帮助企业快速实现复杂业务需求。以下从功能特点、核心优势和应用场景三方面展开,带您全面了解这一工具。
工业3D应用开发,既要建模好、也要可视化强,选对技术栈非常关键。希望这篇对比能帮你理清选型方向,少踩坑、快上线!
近日,DHTMLX宣布推出全新的 DHTMLX React Gantt甘特图控件,旨在帮助开发团队更轻松地在 React 项目中无缝实现功能丰富的甘特图。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@wqylolg.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢