整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          如何有效標注才能高度還原設計稿?

          如何有效標注才能高度還原設計稿?

          源:片點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基礎實施安全領袖圓桌等九大分論壇,匯聚全球行業大咖,共同探索安全未來,拉動全行業視線聚焦安全領域最前沿動態,搭建網安尖端交流新平臺。


          主站蜘蛛池模板: 日本高清不卡一区| 久久精品一区二区| 国产一区二区在线观看视频| 99精品国产一区二区三区| 久久中文字幕无码一区二区| 国产精品区一区二区三在线播放 | 日韩制服国产精品一区| 国产一区二区三区播放| 国产精品美女一区二区三区| 2018高清国产一区二区三区| 亚洲线精品一区二区三区影音先锋 | 人妻av综合天堂一区| 91亚洲一区二区在线观看不卡| 一区二区国产在线观看| 视频一区视频二区在线观看| 精品国产日韩亚洲一区在线| 欲色aV无码一区二区人妻| 亚洲一区二区三区亚瑟| 麻豆一区二区在我观看| 亚洲一区二区在线免费观看| 日本不卡一区二区三区| 亚洲熟女一区二区三区| 久久精品一区二区国产| 国精品无码一区二区三区在线蜜臀| 亚洲国产专区一区| 福利电影一区二区| 一区三区三区不卡| 久久久久久一区国产精品| 丰满人妻一区二区三区免费视频 | 精品无码国产AV一区二区三区 | 日日摸夜夜添一区| 中文字幕乱码人妻一区二区三区| av无码免费一区二区三区| 无码人妻精品一区二区三区蜜桃| 中文字幕乱码人妻一区二区三区 | 国产乱码精品一区二区三区麻豆| 国产精品视频免费一区二区| 国产乱码精品一区二区三区四川| 日本一区中文字幕日本一二三区视频| 国产日韩精品一区二区在线观看播放| 在线不卡一区二区三区日韩|