這是一個最好的時代，這是一個最壞的時代。

不可否認，人工智能已經(jīng)深入到我們生活中的方方面面了，而在我們設(shè)計這個行業(yè)，前段時間的UCAN2017大會的召開，更是將人工智能即將替代視覺設(shè)計師的話題推上了風(fēng)口上，今天我們就來談?wù)?，在人工智能時代，設(shè)計師應(yīng)該如何面對機器人設(shè)計的競爭，而我們應(yīng)該如何讓自己保持競爭力。

就像這句話說的，“這是一個最好的時代，這是一個最壞的時代。”目前的整個社會的發(fā)展，與互聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)、共享經(jīng)濟、人工智能息息相關(guān)，于我們視覺設(shè)計師來講，是一個空前的好機會，然而，面對市場從業(yè)人員的增多，行業(yè)競爭的壓力越來越大，包括人工智能的崛起，這一切又充滿著挑戰(zhàn)與壓力。

關(guān)于人工智能的樣子

未來人工智能究竟是會以什么樣的方式改變我們的生活，而人工智能究竟長成什么樣子呢，下面我們可以通過幾個短片來看看關(guān)于人工智能的樣子吧！

從PC到web，phone，TV，再到汽車，平臺經(jīng)歷了很多轉(zhuǎn)變。前幾年我們都在做“四塊屏幕”（所謂的“四塊屏幕”，指的就是未來互聯(lián)網(wǎng)的入口實際上來自四塊屏幕：電腦、手機、平板、電視），這“四塊屏幕”其實承載了非常多內(nèi)容，讓整個互聯(lián)網(wǎng)變得更豐富多彩。但是我認為這可能是表面上比較積極的現(xiàn)象，隨之還有另外的一些改變。

比如做手機系統(tǒng)設(shè)計，這是比較基礎(chǔ)的撥號系統(tǒng)，這些界面一眼看上去感覺都差不多，而這是在整個行業(yè)發(fā)展的過程中都無法避免的現(xiàn)象。大家的使用習(xí)慣是趨同的，在經(jīng)過多次的迭代變化后，像小米、魅族、華為，很多廠商都可以使用這樣的形式，他們在布局、功能和很多細節(jié)的一些體驗上都會非常的類似。我覺得這會為我們這個行業(yè)帶來很大的變化。

除了視覺界面，在一些交互流程上也有著很多類似。

以電商購物的流程為例，選擇商品—添加到購物車—商品結(jié)算，很多電商設(shè)計師或者做支付行業(yè)的設(shè)計師都會經(jīng)常接觸到這樣的流程設(shè)計。在五六年前大家還在考慮，這個大格局當中有哪些方面可以進行優(yōu)化和改變，可以做出不同的部分。但現(xiàn)在來看，大家都已經(jīng)設(shè)計得非常類似了，基本上會使用淘寶這種已經(jīng)很成熟的模式。

人工智能繪畫

這是去年一家國外設(shè)計公司做的一個平臺，運用人工智能的方式幫助你去設(shè)計VI，或者設(shè)計logo。這個平臺大家都可以去在網(wǎng)上使用，非常簡單，你可以輸入相應(yīng)的名字，口號，選擇顏色，然后經(jīng)過五六個步驟的簡單選擇，就可以生成像這樣的一些logo。

點擊鏈接觀看Google AutoDraw用AI識別簡筆畫

你可以選擇不同的樣式，在不同的樣式里面也可以改變字體和顏色，得到一些簡單的VI的方案。作為設(shè)計師，會覺得這樣的東西還是比較初級的，但是實際上，它已經(jīng)逐漸的改變了一些設(shè)計工作。

人工智能設(shè)計Banner

今天被提到多次的阿里魯班系統(tǒng)，還有ARkie海報在線平臺，原理都比較相似，就是輔助設(shè)計師完成一些工作。這樣的人工智能的產(chǎn)品讓越來越多的基礎(chǔ)的體驗設(shè)計，不再成為設(shè)計師的本職工作和難題。在技術(shù)成熟、模式完善、使用習(xí)慣逐漸被固化的時候，我們需要思考，以后我們該做哪些事情呢？

我們常說：“多一點真誠，少一點套路”。

這在情感上是適用的，但在自我提升的過程中，我們需要更多的方法和套路。

套路是最快的成長路徑

常常有人問我：

• 如何快速上手一份新的工作？
• 如何快速研究一個行業(yè)？
• 如何快速學(xué)會PPT？
• 如何快速學(xué)會UI設(shè)計？

……

從0到1，我們都想快速掌握某一門技能、一門學(xué)科，或快速上手一份工作。但很多人，兩眼一抹黑，東學(xué)學(xué)、西學(xué)學(xué)，看似很努力，但效果卻并不好。

其實，瞎忙活是沒有用的，或者說是非常低效的。這時候，我們需要學(xué)習(xí)人工智能，掌握正確的套路。

那我們今天就從視覺設(shè)計師在工作中經(jīng)常遇到的問題進行套路的學(xué)習(xí)。

專題頁設(shè)計

我們仔細觀察可以得出，任何一個多復(fù)雜的專題頁設(shè)計，都是由以上四個模塊組成的，而這些模塊的組成，都可以被分解在一個一個獨立的小元素，而我們把這些小元素進行拼裝就可以很快的完成一個專題頁的設(shè)計。

APP設(shè)計

在這里，我們通過IOS系統(tǒng)的控件來分解一下UI設(shè)計，從上圖中我們可以看出，一個漂亮的購物平臺首頁，其實就是由幾個簡單的色塊拼接而成，而我們只需要掌握相關(guān)視覺的規(guī)范文件，就可以做一個看起來還不錯的APP。

Banner設(shè)計

我們都知道，一個最常規(guī)的最完整的Banner，一般都由這五個部分組成：文案／模特商品／背景／點綴元素／LOGO，

我們來看看機器是如何做Banner設(shè)計的呢？

四個組成部分：設(shè)計框架、元素中心、行動器、評估網(wǎng)絡(luò)

組成一，設(shè)計框架。還是以這個廣告為例，首先通過人工標注的方式，讓機器理解這張設(shè)計有哪些元素組成，比如它的商品主體，花的背景，蒙版。往上一層，我們通過設(shè)計的經(jīng)驗知識，定義一些設(shè)計的手法和風(fēng)格。手法指的是這些元素為什么可以這么構(gòu)成，這個知識在設(shè)計腦子里機器是不知道的，所以會有手法這一層做輸入。最上面這一層是風(fēng)格，當這些元素構(gòu)成之后，它從美學(xué)或者視覺角度看是一個什么感受。讓機器知道它是用什么組成的，為什么可以這么組成，以及它組成后的效果。這個過程將一個設(shè)計問題轉(zhuǎn)化成數(shù)據(jù)問題，這就是設(shè)計數(shù)據(jù)化。

組成二，元素中心。因為我們做的是元素級生成，所以必須準備一個元素的庫。我們會通過收集一些版權(quán)圖庫，以及自己造設(shè)計元素的方式，輸入到一個元素的分類器。這個分類器會把這些元素分布到各個類型里，比如背景、主體、修飾，也會完成圖片庫的提取。

組成三，行動器。接下來，就是設(shè)計的具體過程。比如今天我們接到一個設(shè)計任務(wù)，要為這樣一件衣服設(shè)計一個花朵風(fēng)格的廣告。這時候會有一個行動器，負責(zé)把前面準備好的底料放到設(shè)計框架里。這個過程和下圍棋很像，左邊是棋盤，右邊是下圍棋的棋子。行動器就是把元素放到棋盤里，這是整個行動器的生成原理。

它很像設(shè)計師實際在做設(shè)計的過程，如設(shè)計師要做一個花朵的時候，也在軟件里面會不斷去調(diào)每個位置、每個像素、每個角度。同時，整個過程也是一個強化學(xué)習(xí)的過程，行動器會在不斷試錯中更智能。

組成四，評估網(wǎng)絡(luò)。設(shè)計成品出來之后，我們要告訴機器人，從設(shè)計的角度是好還是不好。我們有一個設(shè)計評估網(wǎng)絡(luò)，最終實現(xiàn)的效果就是給它輸入任何一個設(shè)計成品，它能打個分。技術(shù)原理是，我們通過人工輸入大量歷史上投放過的一些設(shè)計圖評分，它從這里訓(xùn)練出一個打分的模型出來。同時，專家也會人工干預(yù)打分，完成雙向反饋。

如果把下圖中的冰山比作設(shè)計師的工作內(nèi)容的話，機器人可以替代的部分就是冰山以上的部分，而冰山以下的部分是設(shè)計師通過對用戶，對情感，對市場等多種因素考慮后而得出的冰山以上的部分的設(shè)計。

機器讓我們成長

在人工智能時代，我們面對機器人的競爭，不用害怕，我們可以利用機器讓我們更快更好的成長，讓機器人協(xié)助我們處理冰山以上的部分，而把我們設(shè)計師的重點放到視覺以下的部分，比如可用性，易用性，情感化設(shè)計，品牌傳播，市場運營，商業(yè)模式等。

作者：李漢江（簡書ID：設(shè)計師李奧），A股上市公司怡亞通高級視覺設(shè)計師，十多年品牌設(shè)計及互聯(lián)網(wǎng)產(chǎn)品視覺設(shè)計經(jīng)驗。

本文由 @李漢江 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載