整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

如何有效标注才能高度还原设计稿?

如何有效标注才能高度还原设计稿?

源:片点Uidea,已获授权。作者:奶片&点点

前言

优秀的设计能够有效地传达产品价值,但也离不开技术的落地支持。随着市场环境变化与行业水平的提升,越来越多设计师开始意识到:设计稿还原的重要性。

但是在配合过程中,设计与研发思维的偏差也逐渐体现:“这个需求做不了,那个间距调不好”……设计稿落地后,往往要经过多轮测试和“小板凳”对接,才能达到预期效果。

可以说,在每一位UI设计师的成长过程中,设计稿还原,是一个必定经历 且 难以解决的问题。

如何更好的实现设计还原度,减少重复工作呢?不妨试试换个角度,学习用开发的思维来做设计。

整篇文章分为以下五个部分:

  • 位置
  • 图标分割线
  • 组件间距
  • 文字
  • 投影

一、位置

“元素位置”的标注是设计验收时与开发人员的必争之地。

面对它的时候,设计师应站在开发的角度,用动态视角的思维,对界面中元素位置进行合理的动态布局,输出正确的位置标注,减少开发人员多次返工的窘境。

1.1、绝对位置与相对位置

我们常说的“位置”是代表元素在界面内X轴与Y轴的坐标,同一元素会因为在不同的机型中呈现出不同的位置,大致会分为两种:1. 绝对位置;2. 相对位置。

就如初中物理学到的“运动与静止的相对性”,一艘船在海面航行,海岸是参照物,船相对于海岸是相对位置,海上的灯塔是绝对位置。

1.1.1、 绝对位置

绝对位置:屏幕是参照物,元素的位置相对屏幕固定,不会受其他元素的影响。

比如:常见的导航栏、底部Tab栏,吸底按钮和悬浮按钮。

1.1.2、 相对位置

相对位置:元素位置不固定,会随着页面尺寸或其他元素的影响而改变。

比如:支付宝的列表流。列表的间距固定,当删除一个列表时,下面的列表位置自动上移。(如下图)

1.2 、位置标注的注意点

在做位置标注的时候,要有盖楼思维。什么是盖楼思维呢?

设计并列关系的模块,即相似的“楼层”,元素以模块的形式叠加成一栋楼。

在做标注的时候,通过分析元素与元素之间的相关性作出标注,标注元素位于所在楼层的位置。它能同时适用在整个制作设计稿的过程中。

比如:列表流、多个卡片或多行金刚区,只需标注某一层中元素的位置关系即可。(如下图)

1.3 、绝对位置与相对位置的标注方法

对于位置的标注,并不是把元素的坐标点、上下左右间距都标注出来。而是根据元素与元素之间的关系,决定是否标注为绝对位置或相对位置,并对其进行明确清晰的标注以便开发人员能更好更快的还原。

绝对位置的标注采用百分比标注或固定位置标注。

相对位置采用普通像素标注即可。(如下图)

二、组件间距

常见的的设计标注文件中,组件间距大致可以分为两种:

页边距

内容块之间的间距

2.1、页边距

指内容到屏幕边缘的距离,也叫安全距离。

同时,在36氪的界面中还可发现一个小细节:右侧图标并没有贴着安全区域。这是因为在图标尺寸较小的情况下,为了保证其易点击性,会在其四周填入空白像素,使可点击热区面积大于图标的视觉尺寸。(如下图)

在设计的过程中,我们应该使用常用的页边距,如32px、30px、24px、20px。

同时需保持所有界面中页边距的一致性,减少和开发人员的沟通成本。

2.2、内容块间距

主要分为两种:块外间距和块内间距。

通常情况下,会根据格式塔中的“相近原则”,使块内间距小于块外间距,保证内容块的亲密性以及块与块之间的分隔感。(如下图)

我们先着重来说说块外间距。

在开发过程中,开发人员往往需要使用模块开发,这时就需要用到块外间距。在标注块外间距的时候,需要设计师和开发人员保持思维的统一,这样才能保证页面的还原度。

如何使用块外间距进行页面搭建呢?一般来说,常见的有四种方法:

1. 给定间距,自上而下进行适配。这种方式容易导致下面布局拥挤,不常用。

2. 给定间距,从上下向中间方向适配。一般可以基本做到适配各个尺寸,但容易出现布局不协调的现象。

以上两种方法不是很好用,基本已淘汰。

3. 确定各元素中心点位于画板的比例位置,按比例确定位置。这个方法可以完美适配出优美的布局。(如下图)

4. 把画板分割成几块,所有元素在各个区域居中。

这是最符合开发思维的适配方案,也是还原效果比较好的适配方案。

具体的做法是固定上下区域,中间间隔区域自适应。单独划分的区域可以直接给定高度数值,或者给定比例。(如下图)

3和4是比较常用的高度适配方法,尤其是第4种,酷狗和QQ音乐都是采用第4种方法进行适配。(如下图)

块内间距的标注涉及到文字、图标等内容会在后面章节进行说明,此处省略。

总而言之,为了避免设计师和开发人员在间距上产生问题,一方面在设计的过程中,我们保持统一性,减少出现大量不同间距数值的情况,让开发人员在写页面的时候更顺畅、效率更高。

另一方面我们需要在标注的时候关注开发人员所需要的内容,理解开发思维,与他们统一思路。

2.3、组件间距标注的注意点

在设计的过程中,我们常使用以下方法来规范间距:

2.3.1、 定义最小单位网格,如4px、6px、8px等;

2.3.2、设置常用间距:如最小单位为4px的情况下,常用间距设置为:8、16、24等4的倍数。

一稿适配时,面对不同尺寸机型,使用4px网格换算之后都是整数倍,这样我们的视觉元素就不会因为适配而变形模糊。而常用间距使用最小单位网格的倍数设置,可以保证视觉元素的精准,使设计变得有理有据,也便于开发人员实现还原,降低沟通成本。

比如:能使用16的时候,就避免使用18或者20,但是也要依据实际情况进行动态调整。做到尽量“克制”,避免过多的间距让开发人员在还原的过程中产生不必要的麻烦。

1.4、组件间距的标注方法

关于内容间距的标注,在与开发人员对接的过程中,目前有两种主流方式:

2.4.1、进行手动标注,需要与开发人员沟通标注其关注的要点;

2.4.2、设计师利用插件工具一键导出所有标注,比如:蓝湖;

三、图标分割线

3.1图标

图标是设计中最常用的基础元素,我们会在金刚区、tab栏、个人中心、导航栏等不同位置用到。分析图标的间距标注,我们会把所有图标简化成为两类:

规则(有底版)图标

不规则图标

有底版图标

这类图标大多出现在金刚区,比如:淘宝、唯品会。

金刚区图标常用布局有两种,一种是等间距,一种是屏幕等分。

淘宝用的是等间距布局,唯品会用的是屏幕等分。先标注出图标尺寸,再针对不同布局方式来进行间距的标注。这样我们就完成了有底版图标标注,与开发人员对接的时候就能很好的说明清楚,减少不必要的沟通成本。

不规则图标

这类图标会出现在金刚区、列表流、导航栏、tab栏等位置,比如:得到、马蜂窝等。

不规则图标我们需要按照图标盒子的区域来进行切图,标注的时候也是以图标盒子区域来进行标注。

同时,还需要:标出图标盒子是有最小可点击区域。通常来说最小的可点击区域是48px*48px,把它写入规范文档中。这样,方便开发人员查阅,也节省了整个项目流程的时间。

3.2、分割线

分割线作为页面中的微小元素,我们很容易在设计中忽视它,因此,做好分割线的标注是非常重要的。下面主要以3个主要场景来分点解释分割线的标注:

列表流

feed流

内容块之间

3.2.1 列表流

大部分列表流都会用到分割线,比如:支付宝、微信。

这种分割线叫等屏分割线,用于分割列表中的每个数据项。我们标注出列表流的高度,再以图标为参考标注出分割线到图标的距离。

当我们自己在画分割线时,建议分割线使用1px的高度,与开发人员对接时说明在@1、@2、@3的情况下,分割线都是1px。

3.2.2 feed流

feed流也是使用分割线的常客,比如:澎湃新闻、简书。

我们需要标注出分割线到内容的间距,再标注出分割线到文字的间距,文字的标注需要注意一点,就是文字本身有默认行高。所以我们不能完全标注到文字本身,而要留出几个像素作为文字自身的行高。

3.3、 内容块之间

内容块之间有时候也会用到分割线,比如:开眼、哔哩哔哩。

我们需要标注分割线到内容的间距,再标注出上间距和下间距。

但这里有一点需要注意的是:在画分割线时会出现遗漏的问题。我们经常会用到sketch来画,但是由于sketch的默认属性,线条的线型是居中(center)的,这会导致我们画的线条在视觉上是对齐像素的,但是在数据上会显示0.5个像素。

当多个元素之间计算间距时会导致数据上显示的和实际画面中的图形不一致。这时就需要我们使用矩形工具来画一个1像素宽的线条,这样就可以既保证视觉上对齐,数据中也是整数。

四、文字适配

4.1、文字行高适配

有部分设计设计师用原始方法来标注文字:如下图,标注从上面文字“科”的末端开始测量到下面灰色文字的最高点“2”结束。在这种情况下,开发人员还原出来的效果和设计稿有一定的差距,需要调试很多遍才能达到想要的效果。

后来,设计师逐渐使用了sketch文字默认的行高导出标注文件,但在验收开发版本还原度的时候,还是发现与设计稿标注的间距不一样。

这是为什么呢?因为不同的字形在高度上都会产生微小的差异,无论是使用原始方法或是使用sketch默认行高去标注文字,它都与前端在编辑文字的软件里的字体默认行高不一致。

比如,iOS的Xcode以及Android文字编辑器对应下的行高效果。

由上图可以发现:开发人员在写字体的时候会使用一个类似textview的,我们可以理解成一个文本框,字其实不是顶满这个框的,是有一定留白的。

所以,我们可以把行高可以理解为一个包裹在字体外面的无形的盒子,在标注文字的行高时,要把留白算进去,以文本框(即默认行高)的形式去标注。

具体的配合开发人员还原文字间距的标注方法,大致可以分为3种:

1. 安装插件;

2. 手动修改文字行高;

3. 文字组件化;

4.1.1、安装插件

比较偷懒的方式:在sketch装个“antofixiostextlinehinugin.sketch”插件。

这个插件适用于苹方和SF字体,点击fix即可一键修复成xcode原生行高。虽然这类插件看着能一劳永逸,但目前市面上应用较少,bug也比较多,单行文本基本可以还原,多行文本则基本不适用。(插件可在附件下载)

4.1.2、手动修改文字行高

最准确的方式:根据前端编辑器默认行高自行完美还原。

手动把文字行高与前端默认行高修改成一致,从而给出准确的文字间距。这种方式虽会花费不少时间,但也最精确,你可以据此设置出最美观合理的间距,而不用担心上线稿的还原度问题。

4.2、文字样式

最便捷的方法:手动调整sketch里的字体的默认行高并形成样式。这样规范好设计能更好的让开发人员还原设计稿,也便于我们后期的页面校对和调整。

这时眼尖的朋友可能会发现,Android和iOS开发的文字编辑器默认的行高也不一样啊,难道我们要出2套设计标注文件吗?

虽然不可否认的是,最理想状态当然是设计师出2套设计稿,但在职场打滚过的设计师都会知道,多数产品都是处于快速迭代的过程,出2套设计稿花费的时间成本过高,并不符合实际情况。

对于这点,比较建议大家可以尝试把ios和安卓都设置成一样的行高,针对特殊页面再单独做标注调整。

总而言之,具体使用哪种方法去做文字的标注,要根据自己的项目具体情况具体分析。

4.3 、文字弹性适配

文字弹性适配一般涉及的是宽度适配。

宽度适配普遍使用的是间距适配,即定好左右页边距,中间弹性拉伸。这种方式可以做到较好的适配,也是做快速常用的适配方法。

五、投影

阴影作为一个重要的视觉元素,让主元素和其他元素从背景中“弹出”并拥有深度,更好地将信息层级呈现给用户。(当然,我们今天的主要目标并不是教大家如何制作阴影,而是关于弥散阴影如何更好的与开发人员对接,还原给用户更好的体验)

大家做的弥散阴影在与开发人员对接的时候是否遇到过以上痛点:

卡片位置偏移、文案对不齐、错位、弥散投影的颜色过浅或过深等等一系列问题?

面对这些实现的痛点,以及与开发人员沟通时出现的各种问题,我们又该如何解决呢?

结合自己实际的工作经验和与开发人员沟通的心得,实现弥散投影的方法,可以通过两个方法实现:

切图对接开发人员

css代码实现

5.1、用切图与开发人员对接

这个时候需要设计师和开发人员都比较细心,因为切图也有一些弊端,因为每个卡片都使用切图的话,会使开发的包变大,可能会出现加载慢,闪退等情况,这些体验也是很糟糕了。

所以在这个过程中的一些问题务必要提前与开发人员及项目人员沟通好。

5.2、前端会首选用css代码实现弥散阴影效果

常规情况下,效果都比较好,但是也会遇到一些遇到异常情况,比如不规则形状,通常用代码也比较复杂,这个时候需要提前与开发人员沟通切图情况,避免后期一些问题。

弥散阴影教程链接:

https://www.uisdc.com/photoshop-diffusion-shadow-design

代码实现教程链接:

http://www.gaoquanquan.com/archives/162

总而言之,在做设计的过程中,我们需要更好地理解下游的工作,达到一个高效的沟通。不管是哪一种方法,没有对错之分,关键是要懂得“权衡利弊”,提前与开发人员沟通到位。只要是适合自己公司项目且能够高效还原设计稿的方法,都是值得一用的。

六、总结

为了更好的解决设计还原度问题,需要注意以下几点:

6.1、元素位置

使用盖楼思维进行设计并模块化标注设计稿,在输出明确清晰的标注的同时单独标注出易引发歧义的元素,以减少还原度误差;

6.2、组件间距

在设计开始前确定最小单位网格,并使用倍数原则确定常用间距,保证适配时各元素间的准确性,减少开发复杂度;

6.3、图标

根据图标盒子的尺寸进行切图与标注,以便后期开发;

6.4、分割线

标注中需要说明分割线在不同机型下始终保持1像素高度;

6.5、文字

由于开发环境下文字上下是有padding高度的,所以设计时需要手动修改行高为开发环境下的默认行高;适配多行文字时,确定好文字左右页间距,内容部分弹性拉伸即可;

6.6、投影

常规投影与弥散阴影推荐使用css代码完美实现;特殊情况下还需提前与开发人员沟通权衡各种方式的利弊,选择适合项目产品的实现方式。

优秀的设计离不开开发人员的落地支持。作为设计师,协同开发人员完成设计落地也是工作中重要的一环。做好以上几点,站在开发人员的角度为他们“多想一步”,高质量的设计还原指日可待。

何语言的核心都必然会描述这门语言的最基本的工作原理;而描述的内容通常都要涉及这门语言的语法、操作符、数据类型、内置功能等用于构建复杂解决方案的基本概念;实际上,我们现在要学的就是ECMA-262通过ECMAScript的描述了Javascript的所有基本概念;

一.语法:

1.标识符(IDentifier):

所谓标识符就是一个名字,是指用来标识某个实体的符号,就是命名,就是指变量、函数、属性的名字,或者参数名;

命名规则:第一个字符必须是字母、下划线或一个美元符号$,其他字符可以是字母、下划线、$或数字;

注:不能用数字开头(以便区分标识符和数字);

var i;
var w123;
var $wangwei;
var _zero;
var π=3.1415926;
var 零点程序员="零点教育";
console.log(零点程序员 + ":" + π);

说明:JS允许标识符使用Unicode字符,即允许使用非英语或数学符号来书写标识符;但出于可移植性和易读性,通常只使用ASCII字线和数字来书写标签符;

按照惯例:采用小驼峰大小写格式,如:userName,虽然没有强制要求采用这种格式,但为了与ECMAScript内置的函数和对象名格式保持一致,最好使用这种方式;

采用这种方式,一定要使用有意义的单词,如:

var str;
var user_name;
var userName;
var txtUserName;
var intUserAge;
var bSex;
var get_user_name=function(){};
var getUserName=function(){};

区分大小写(需要注意,html和CSS不区分大小写;许多JS对象和属性与它们所表示的HTML标签和属性是同名的);

<a href="http://www.zeronetwork.cn" onClick="alert('zero')">this is a</a>
<script>
    var a=document.getElementsByTagName('a')[0];
    console.log(a.href);
    a.onclick=function(){
        alert("network");
    }
</script>

忽略空格:可以在代码中随意使用空格和换行,因此可以采用整齐、缩进排版代码,提高代码的可读性:

var a,b,c=1;
var person={
    name : "wangwei",
    age : 18,
    native : "安徽"
}

3.注释:

// 单行注释
/* 
* 这是多行(块级)注释
* 可书写多行
* 多行注释不能嵌套
*/

多行注释第二行开头不必使用*,之所以添加星号,纯粹是为了提高注释的可读性,这种格式在企业级应用中用得比较多;并且星号与内容最好有一个空格,这不是什么硬性规定,纯属习惯,好的习惯就是专业素质的体现。

4.直接量(literal):

就是程序中直接使用的数据值,一般用在表达式中,如:

12;  // 数字
1.2;  // 小数
"hello world";  // 字符串
true;
/zeronetwork/gi;  // 正则

5.严格模式:

ECMAScript5引入了严格模式(strict mode);严格模式是为Javascript定义了一种不同的解析与执行模型;在此模式下,ECMAScript3中的一些不确定的行为将得到处理,而且对某些不安全的操作也会抛出错误;启用严格模式,可以在顶部添加:”use strict”;这行代码看起来像是字符串,而且也没有赋值给任何变量,但其实它是一个编译指示(pragma),租用于告诉支持的Javascript引擎切换来严格模式;

也可以指定函数在严格模式下执行,在函数内部的上方包含这条编译指示:

function doFun(){

“use strict”;

}

注:格式模式下,Javascript的执行结果会有很大的不同。

6.语句:

ECMAScript中的语句以一个分号结尾;如果省略分号,则由解析器确定语句的结尾,如:

var a=3  // 即使没有分号也可以,但不推荐
var b=4
var a=3; var b=4;  // 第一个分号不能省略
var sum=a + b;
console.log(sum);

在解析时,会自动补上分号;

但是,并不是在所有换行处都会自动填补分号:只有在缺少了分号就无法正确解析代码的时候,才会填补分号,即当前语句和随后的非空格字符不能当成一个整体来解析的话,其他情况不会,如:

var a
a=5
console.log(a);

通常来说,如果一条语句以“( [ / + -”开始,那么它极有可能和前一条语句合在一起解析,在某些情况下,可以在语句前加上一个分号,确保前面的语句被修改或分号被误删除,当前也会正确的解析,如:

var x=0;  // 这里可以省略分号
;[x,x+1,x+2].forEach(element=> {  // 前面的分号确保了正确地解析语句
    console.log(element);
});

另外,还有一种特殊情况,就是涉及return、break和continue语句,如果其后不带分号,会强制填补;

function fun(){
    return
    false;
}
console.log(fun());  // undefined

虽然语句的结尾的分号不是必需的,但强烈建议任何时候都不要省略它,原因在上面已经讲过了;另外,在实际场景中,可以通过删除多余的空格来压缩ECMAScript代码,比如:jquery.min.js文件(如果没有分号,压缩就会出错错误);

另外,加上分号也会在某些情况下增进代码的性能,因为这样解析器就不必花时间推测应该在哪里插入分号了;另外,也会增强代码的可读性和整洁性。

二.关键字和保留字

ECMA-262描述了一组具有特定用途的关键字,其就是具有特殊含义的单词,这些关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等;按照规则,关键字也是语言保留的,不能用作标识符;今后的学习中会慢慢讲解。

break、do、instanceof、typeof、case、else、new、var、catch、finally、return、void、continue、for、switch、while、debugger、function、this、with、default、if、throw、delete、in、try

ECMA-262还描述了另外一组不能用作标识符的保留字,尽管保留字在这门语言中还没有任何特定的用途,但它们有可能在将来被用作关键字:简单来说,就是JS还没有使用,但保不齐今后会使用。

abstract、enum、int、short、Boolean、export、interface、static、byte、extends、long、super、char、final、native、synchronized、class、float、package、throws、const、goto、private、transient、debugger、implements、protected、volatile、double、import、public、let、yield

如果使用了关键字作标识符,会导致“”错误;而使用了保留字标识符有可能会也有可能不会导航相同的错误,取决于特定的引擎;

另外,第5版还对eval和arguments增加了限制,在严格模式下,这两个名字不能作为标识符或属性名,否则会抛出错误。

注:这些保留字不需要特别去记忆。


Web前端开发之JavaScript-零点程序员-王唯

新网8月29日电 28日下午,由腾讯公司主办、工业互联网产业联盟承办的第四届互联网安全领袖峰会(Cyber Security Summit2018,简称CSS2018)工业互联网分论坛在北京召开。本届工业互联网安全分论坛邀请到工信部网络安全管理局,中国船舶工业集团有限公司、科技委委员、信息安全学科带头人丁宇征,中控科技集团、宁波工业互联网研究院创始人褚健教授,中国信息通信研究院、安全所副主任柯皓仁,绿盟科技高级产品总监王晓鹏,腾讯安全副总裁方斌,中国信通院安全所副所长谢玮等各界嘉宾,围绕工业互联网安全行业解决方案、创新技术跨界融合、工业互联网应用安全等议题展开讨论。

工业互联网作为新一代信息技术与制造业深度融合的新兴业态和应用模式,其安全性更是在产业智能制造转型中起到至关重要的驱动作用。数字经济时代,信息安全已经不只是一种基础能力,还是产业发展、社会正常运转的驱动力,对于工业互联网的发展现状来说,安全则是保障产业健康发展的前置条件。会上,来自政府、企业、机构的专家和学者围绕“工业互联网浪潮下安全新探讨”主题展开了深入研讨。旨在通过技术引领更多不同方向、不同领域的创新发展。

机遇与挑战并存 工业互联网成数字时代物联网新入口

随着全球新一轮科技革命蓬勃兴起,工业互联网作为新一代制造技术的产物,被众多业内人士称为物联网新入口,在未来社会发展中将成为重要成分,日益成为新工业革命的关键支撑。基于工业互联网开发、互联、跨域的特点,安全已经成为工业互联网发展的前提和基础,加强工业互联网安全保障已经成为工业信息安全工作的前沿与重点。

但在工业互联网的发展过程中也面临着诸多安全风险。“设备智能化带来的设备安全;数据的开放流动与共享带来的数据安全;控制环境开放化带来的控制安全;网络IP化、无线化及组网灵活化带来的网络安全;应用范围的扩大带来的应用安全”工业互联网中国船舶工业集团有限集团科技委委员、信息安全学科带头人丁宇征在论坛演讲《架构新体系 迎接工业互联网安全新挑战》中深入剖析了工业互联网安全挑战。

工业互联网中国船舶工业集团有限集团科技委委员、信息安全学科带头人 丁宇征

对此,来自绿盟科技高级产品总监王晓鹏也在会上提出了保障工业互联网安全的建议,王晓鹏在演讲《工业新业态下的安全思考》中指出:“安全驱动力一直在不断变化,风险如影随形。构建工业互联网安全体系则需要从边界安全、安全评估、业务感知、业务防护与安全运营五大项入手。全行业应共同构建起健康完善的工业互联网安全建设体系,以此来应对未来的各项挑战。”

提高安全保障能力 加强工业互联网安全建设体系化

面对即将到来的数字时代和更多未知的安全威胁,如何快速构建起工业互联网安全体系成为工业互联网行业亟待解决的问题。在本届工业互联网安全分论坛上,腾讯安全副总裁方斌带来了有关“筑牢安全防线:新时期下的工业互联网安全探索”的主题演讲,分享腾讯安全在新时期的新探索。方斌表示,腾讯将坚持开放、合作、共享,推动工业互联网发展的战略,以腾讯“安全大脑”为核心,持续在工业互联网安全领域展开探索和实践。据方斌介绍,腾讯“安全大脑”融合AI、大数据、移动互联网、云计算、物联网等新兴技术,整合腾讯安全联合实验室和众多安全专家,结合腾讯近20年安全经验积累,对海量安全数据进行收集、分析、处理,从而提供安全态势感知、溯源分析、风险趋势预测、智能化辅助决策、安全协同处置等智慧安全能力,是腾讯着力打造智慧安全的核心引擎。

“工业互联网安全仍是一个相对全新的安全领域,具备高度复杂性和前沿性,单一企业难以提供全链路、全流程、全天候的工业互联网安全能力,开放、共享、合作,已经成为网络安全空间新形势下的共识。未来,腾讯将继续发挥自身优势、开放安全能力、联动行业力量,全面提升工业互联网安全防护水平,共建工业互联网安全新生态。”方斌在会上说到。

腾讯安全副总裁 方斌

同时,中控科技集团、宁波工业互联网研究院创始人褚健教授与中国信息通信研究院安全所副主任柯皓仁也以演讲《工业控制安全问题及实例分析》与《工业互联网安全行业解决方案实践分析》也为工业互联网安全体系建设提供了新的思路。褚健教授表示,目前工业化发展水平层次不齐,中国具备“智能制造发展基础”的企业仅为5%,未来,安全将成为智能制造最重要的保障。同时,柯皓仁主任也在会上表示,工业互联网安全正在面临新要求、新挑战、新发展,国家高度重视工业互联网发展,出台工业互联网安全指导文件,明确并落实企业主体责任,安全成为工业互联网的关键要素。

除主题演讲外,与会嘉宾们围绕“工业互联网加速落地,如何促进安全生产力升级转化”的圆桌论坛环节中,分别从不同层面、不同行业、不同视角对分享了各自在信息化与工业化深度融合推进中的诸多进展,对工业互联网安全与生产力升级转化安全的看法以及对未来工业互联网安全部署的建议,以全新跨界视角共商中国工业互联网安全体系建设。

在数字经济时代,信息安全已经不只是一种基础能力,还是产业发展、社会正常运转的驱动力。CSS始终关注全球前沿安全,除工业互联网安全分论坛外,CSS2018还推出金融安全分论坛、AE50 安全产学研论坛、P16基础实施安全领袖圆桌等九大分论坛,汇聚全球行业大咖,共同探索安全未来,拉动全行业视线聚焦安全领域最前沿动态,搭建网安尖端交流新平台。