2015之前,淘寶的“雙11”,商品推薦是由人控制的,運營決定給用戶推薦什麽商品。但在20115年,“雙11”是阿裏第壹次基於算法和大數據為用戶做大規模項目。“雙11”之後,設計、工程、算法團隊聚在壹起討論明年怎麽辦。當時我們就想,我們做的個性化推薦,都是基於白底的商品推薦。能否再往前壹步,讓營銷導向性強的廣告資源設計“千人千面”?從純商品的個性化到廣告資源的個性化,中間的幾個關鍵技術點打通後,我們就著手做了。
第壹點:圖像算法“摳圖”。因為高質量的廣告設計需要把產品圖片挖掘出來,放入精致的設計主題中。以前設計師都是先給商品做好草圖再做設計。現在我們用機器來做批量設計,就要讓機器來做這個。我們與阿裏搜索部圖像切割的算法團隊合作,處理海量的商品自動摳圖。
第二點:把設計變成“數據”。壹幅廣告設計圖片是由像素組成的“信息”,而不是“數據”。我們用機器在線合成商品、文字、設計主題,讓每壹張廣告圖片都承載著商品信息,可以根據消費者喜好進行個性化。所以在魯班產品發布初期,我們要求設計師根據活動主題制作大量模板確定風格,事實證明這種模式可以大大提高點擊率。
第三點:讓機器學會設計。我們靠“人肉設計模板”度過了第壹階段,但從長遠來看,必須讓機器來做設計。始於16年8月,壹位負責淘寶“拍拍李濤”(在淘寶通過圖片搜索同款,帶著照片找)產品開發的圖像算法專家加入進來,主導整個智能設計的算法框架。
因為我們在做壹個很新的東西,行業內沒有參照物,所以只能不斷試錯。壹開始,我們沒有足夠的數據,所以我們制定了強有力的設計規則來控制它。結果機器要麽不能跑出設計結果,要麽設計結果失控。設計有無限可能,弱數據、強規則行不通是必然的。意識到這壹點後,我們集中精力解決數據問題,從內部設計師的電腦和供應商的設計圖紙中收集設計圖紙。我們有自己的設計協作工具“設計板”,類似於Slack(壹款協作辦公應用),但專門用於設計協作。只有這樣,我們才能大數量、大範圍地找到這些數據。因為收集的數據很亂。比如“雙11”期間,“神奇”的設計風格與無印良品截然不同,是完全不同的品牌調性和設計要求。我們努力組織建立了壹套數據系統來管理設計數據,使機器產生更多的匹配結果。
第壹步:讓機器明白設計是由什麽構成的。我們對原始文件中的圖層進行分類,並通過手動數據標註來標註元素。設計專家團隊還將完善設計技術和風格。告訴機器為什麽這些元素可以用數據的方式放在壹起,我們通過數據輸入專家的經驗和知識。這壹部分的核心是深度序列學習的算法模型。
第二步:建立元素中心。機器學習設計框架時,需要大量的制作材料。我們會建立壹個元素庫,通過機器提取圖像特征,然後進行分類,再人工控制圖像質量和版權問題。我們買了版權畫廊,也是希望從壹開始就避免版權糾紛。
第三步:生成的系統。原理有點像AlphaGo下圍棋。我們在設計框架上構建壹個虛擬畫布,類似於棋盤。生成的系統將元素放在棋盤上元素的中心。這裏我們采用“強化學習”,就像妳在家裏放壹個掃地機器人,讓它跑幾圈,它就會知道哪裏有障礙物要避開。在強化學習的過程中,機器參考原始樣本,通過不斷嘗試得到壹些反饋,然後學習什麽樣的設計是對的,好的。
第四步:評價體系。我們會抓取大量成品,從“審美”和“商業”兩個方面進行評價。審美評價是由人來進行的,這方面有專業的眾包公司;商業評價就是看點擊率,瀏覽量等等。
“雙11”的樣式是比較確定的,需要嚴格執行,所以設計師用“雙11”的具體樣式做了很多固定的模板。在此基礎上,機器優化了尺寸調整的這些行為,節省了尺寸擴展的人力。用機器生成億級設計也是非常成功的應用實踐,會提高商業效果。我覺得未來的“雙11”依然是設計師拿著機器做設計的模式,設計機器是在重大活動中提高效率的輔助角色。
引用阿裏CEO“魯班是數據商業化的代表”的話,我們之前有很多數據,但都是閑置或者低效的,比如海量的商品地圖,“魯班”把數據變成了商業。通過規模化設計和精準投放,提升了每個廣告位的資源效率,帶來了流量的效率和商業價值,點擊率翻倍,營收接近翻倍。人員沒有減少,但是我們做的事情有所調整。我們要學習這個系統,學習如何訓練機器,同時也要控制好審美。
第壹,讓智能設計影響阿裏的設計生態,讓“魯班”服務千萬商家和設計師。當初我們內部推廣“魯班”的時候,也面臨阻力。傳統的方式是設計壹個橫幅,放很多商品,很熱鬧。“魯班”做的banner是壹個單壹的產品,但是和消費者有關系,因為是基於算法的精準推薦,妳會感興趣的。只是這樣商品才會放大,才會顯眼,可能在設計上不夠美觀。但最終我們還是讓數據說話了,的確後者給業務帶來了不錯的增長。這個教育過程比較長,我們內部可以做,但是面對幾百萬的商家和設計師怎麽做?這是我們的挑戰。
第二是數據算法本身的不斷升級。AI行業每年都有很大的變化,新技術不斷湧現。如何跟上最新的技術?這也是我們永遠不能放松的壹點。
Banner1。有艾的孟菲斯風格:壹種後現代的設計風格,設計理念是設計壹種生活方式,設計沒有固定的風格,是多邊的。它用於平面、室內設計、時裝設計和產品設計。特點:
(1)簡潔明快的色彩。
(2)突破平面上的空間感,突出立體感(孔、三角形),立體地表現平面。
(3)點、線、面元素的搭配與重組,趣味橫生,對比鮮明。
2.波浪線的繪制方法:鋼筆繪制直線-效果-扭曲和變換-波紋效果-檢查預覽,平滑-調整大小和數量。
3.路徑被轉換成圖形:外觀被擴展兩次
4.制作三維文字:復制兩層文字——用鋼筆工具連接對應的點。
5.Alt鍵+左/右鍵調整單詞間距
使用工具:符號工具+圖案工具。
首先,符號工具(類似於分散畫筆)
1.使用默認符號:窗口-符號-打開庫-選擇圖案-單擊工具欄中的噴槍工具-選擇噴塗的圖案-選擇置換工具拖動圖案。
2.自制符號:繪制符號圖案-拖動到符號窗口-使用折疊工具、縮放工具、旋轉工具(隨機角度)、符號著色器(顏色減少)和顏色過濾器工具(透明度減少)。
3.更改圖形樣式:窗口-圖形樣式
4.展開後,您可以單獨編輯圖形。
二、圖案工具(平鋪)
選擇所有元素-對象-圖案-創建-確定
可以選擇網格、磚型(按行、按列、高、寬)、重疊(無縫拼貼效果)。
創建新形狀-單擊圖案-雙擊圖案繼續編輯。
背景被鎖定-調整形狀位置後按CTRL+K-勾選“變換圖案拼貼”-移動形狀不改變圖案背景。
制作網頁常用的設計工具有哪些,各有什麽特點?DreamweaverCS4:網頁排版與制作;Html & ampCss介紹;網站管理維護,上傳下載;
煙花:美術設計、網頁配色;橫幅的制作;常見的網頁動畫和網頁布局;
經典網絡動畫、廣告、標題和賀卡的設計和分析;MTV制作及互動網站介紹;
PhotoshopCS4:Photoshop操作基礎、圖像優化處理、經典實例分析與制作、gif動畫、廣告gif圖片。
插畫師4:廣告招牌制作、燈箱廣告、服裝廣告設計、企業標誌設計、名片設計
三大構件:平面構件、色彩構件、立體構件。
Photoshop美術與網頁配色、排版設計、網站框架美術設計、網頁logo網頁設計、banner設計;
插畫網頁設計,網頁字體設計,網頁規劃與設計
軟件功能
Div+css,javascript,這些都是代碼方面。另外,妳要知道幾個軟件,比如dreamweaver,photoshop,firework,flash。
Dreamweaver是可視化網頁排版軟件,ps、fr、fl是制作網頁中素材的軟件。和div+css
負責結構,javascript負責交互。