
上周五有幸參加了Adobe的城市路演,他們在杭州站的聯(lián)合辦理單位是網(wǎng)易云課堂,所以演講嘉賓除了Adobe中國區(qū)數(shù)字媒體總監(jiān)之外,還邀請到了網(wǎng)易視覺設(shè)計專家謝勁松(在LOFTER做了五年設(shè)計,現(xiàn)在網(wǎng)易云音樂待了一年)。
路演分為兩個部分,第一個部分自然是介紹Adobe新研發(fā)的黑科技——Adobe CC 2018.1
主要介紹了幾款設(shè)計師常用的軟件:
AI:可以捕捉矢量圖(eg:人)的關(guān)節(jié)節(jié)點(eg:肘關(guān)節(jié)),用戶可以通過關(guān)節(jié)節(jié)點調(diào)節(jié)圖片上對象的形態(tài)(eg:前臂),而后再進行精細(xì)調(diào)整(eg:改變肘關(guān)節(jié)方向后,由于姿態(tài)的改變而需要調(diào)整的手掌與前臂之間的角度,等細(xì)微的地方);
Sansei:一個智能資源庫,可以根據(jù)你的線稿(eg:有星空、女孩等元素)在Sansei的資源庫中尋找與之內(nèi)容(星空、女孩)相匹配的成套圖片(eg:多套同一女孩的不同角度的圖片 以及多張星空圖片)以及字體;
PS:一鍵摳圖,只需要把圖片(eg:一個人在畫室內(nèi)拍的照片)打開,點擊“保留主體”,即可將人物完整摳下來,并可以通過連接Sansei對人物的角度進行調(diào)整(是用Sansei資源庫中該人物的不同角度的照片進行替換,效果上看起來是三維模型的旋轉(zhuǎn),但實際上是二維圖片的替換);字體的填充,結(jié)合Sansei識別出的字體,將字體填充到畫面中后,不需要其他手動操作,PS可以根據(jù)畫面上的內(nèi)容給字體添加效果(eg:畫面偏科幻,PS會給字體增加一個光的效果圖層,命名為“光”,放置在字體圖層下);面部五官調(diào)整,點擊工具后,PS自動識別眼鼻口,同時PS界面右邊會出現(xiàn)眼鼻口對應(yīng)的調(diào)節(jié)桿與調(diào)節(jié)數(shù)值(界面參考美圖秀秀),通過①改變數(shù)值②拖動調(diào)節(jié)桿③圖片上對眼鼻口的拖動 這三種方法調(diào)整人物面部表情(個人看來這個功能挺雞肋的,仿照美圖,但不如美圖輕便,而且在現(xiàn)場看了工作人員操作以后,人物的微笑是有,但是是皮笑肉不笑的感覺,旁邊的攝影師說這是因為人物嘴的弧度是改變了,但是臉部肌肉沒有處在笑的狀態(tài));
Dimension:一款能講三維模型迅速融合進二維背景的軟件(可調(diào)整影子的長度等細(xì)節(jié));
XD:Adobe的旗艦產(chǎn)品,給我的印象是一款A(yù)dobe旗下的sketch,融合了sketch49的交互原型的跳轉(zhuǎn)功能,也能建立symbols,但是對圖片和文本的填充會比sketch便捷(eg:同一symbols,復(fù)制兩個,即:需要填充的為三個symbols,在XD中選擇好三個symbols里需要填充圖片的三個區(qū)域,然后打開文件夾同時選取三張圖片,拖入XD,圖片就會按順序分別填充好選中的三個區(qū)域;在txt文件中編輯好三段話,以“enter”鍵隔開,在XD中同時選中三個文本框,將txt文件拖入XD中,則三段文本會按順序分別填充到三個文本框內(nèi));支持PSD,可從sketch導(dǎo)入文件;Win、Mac均支持;免費(它更偏向交互一點,競品應(yīng)該是sketch,與傳聞中的「挑戰(zhàn)PS爸爸C位」不符);
Animate:前身就是Flash。
「關(guān)于Sansei的使用,主講人說需要加入Adobe Creative Cloud,我當(dāng)時理解為在Cloud上有賬號,但是細(xì)想,如果你需要用它的資源的話,按Adobe的調(diào)性應(yīng)該是要收費的,所以他說的加入Cloud,應(yīng)該是指成為會員(收費多少不知道)」
接下來是我比較喜歡的第二部分,謝勁松對其設(shè)計理念的分享,主題是「平衡的力量」
主講人的主要觀點是,美,其實只是基礎(chǔ),而設(shè)計師的工作其實不是大家所認(rèn)為的那樣去把一個圖片、界面美化或者做到最漂亮,而是去平衡。為什么說 美只是基礎(chǔ)?因為大自然創(chuàng)造的東西,它只需要放在那里,本身就是美的,比如一棵葉片茂盛或者只有虬枝的樹,雨后山澗的薄霧等,所以他主張設(shè)計師生活要慢一點,細(xì)細(xì)體會大自然給我們的美,才會做出更貼合人的作品。另外,現(xiàn)代人的生活節(jié)奏太快,所遇之事都在追求速度,他認(rèn)為作為設(shè)計師,我們需要平衡迅速發(fā)展的科技與自然沉淀的人文之間的關(guān)系,平衡項目對商業(yè)價值的追求與用戶體驗之間的關(guān)系,平衡用戶體驗與視覺美感、視覺與視覺、內(nèi)容與形式、全局與細(xì)節(jié)、公司與個人、理性與感性等之間的關(guān)系,所以總的來說,設(shè)計師做的事情,其實是更優(yōu)雅地解決問題,讓用戶的感受更舒適。
他舉了兩個例子,一個是貫穿式尾燈的,保時捷的隱而不顯而BYD的卻顯而外露,一對比,BYD的燈光就顯得很扎眼了,對材質(zhì)的把控哪一個讓人的體驗更舒適高下立現(xiàn)(這個對比有點勉強,因為放的保時捷是效果圖,而BYD是實物圖,這就像賣家秀對比買家秀,但是作為「讓用戶體驗更舒適」的例子,在對比效果上確實是合適的)。

另一個例子是手腳架,他給的一張照片是國外一個房屋進行維護,房屋的外面用1:1的房屋照片把手腳架圍了起來,使整個房屋看起來還是一個房屋的整體,而不是國內(nèi)這樣房屋外面立著一個用綠色網(wǎng)紗圍起來的看起來破破爛爛的手腳架。
這兩個例子其實本質(zhì)類似,是老板追求目標(biāo)不同導(dǎo)致的,一個是追求感性層面的用戶感受,一個是追求理性的投入產(chǎn)出,前者重視用戶體驗而后者更重視經(jīng)濟收益,所以前者會花代價去讓用戶的感受更舒適,而后者會采用最經(jīng)濟實用的方法以減少開支。
關(guān)于網(wǎng)易的產(chǎn)品,介紹了一下 考拉 和 嚴(yán)選 ,詳細(xì)介紹的是 網(wǎng)易云 和 LOFTER 以及LOFTER衍生的 樂乎印品 。說了大概三個點,用上百次調(diào)整網(wǎng)易云黑膠唱片的旋轉(zhuǎn)速度闡述了「慢工出細(xì)活」以及「追求極致的用戶體驗需要對細(xì)節(jié)十分苛刻」,用樂乎印品的頁面被抄襲以及衍生品實木插卡臺歷被抄襲說明「能被人當(dāng)做抄襲對象的設(shè)計實際上是一種成功」。
另外,他提了一下「好的設(shè)計是不應(yīng)該被用戶感知到的」(這看起來像是深澤直人的「無意識設(shè)計」的另一個版本),并表述了「設(shè)計感」這個詞應(yīng)該在什么層面上。很多人都把設(shè)計感這個詞歸給設(shè)計師設(shè)計出來的界面,但用戶真正使用起App來,設(shè)計感還體現(xiàn)在App的功能與App給予的用戶體驗上,所以「設(shè)計感」這個詞其實是產(chǎn)品層面的,而不是單一的界面上。
「設(shè)計感也體現(xiàn)在用戶體驗上」這點,我自己舉個栗子吧。拿浮窗來說,浮窗為什么不會像彈窗一樣配個「?」?因為浮窗本身就很小,在一個小面積上放置「進入活動」與「?」兩個點擊點,用戶在使用起來就容易點錯,比如,本來想點擊浮窗進入活動的,結(jié)果點到了叉,就直接把活動給關(guān)掉了;或者本來想點擊叉,結(jié)果點到了浮窗,就直接從主頁進入了活動。而且,浮窗(也就是活動入口)與「?」是兩個完全逆向的路徑,點錯的體驗在用戶心理上會造成很大的落差,所以,為了用戶體驗,我們見到的浮窗都沒有「?」。使體驗更好的高階一點的設(shè)計就是 這個浮窗能夠像iPhone的Assitive Touch一樣,是可拖動的,這樣,當(dāng)浮窗遮擋住用戶視線的時候,用戶可以將浮窗拖走而不是把頁面上下挪動來讀取頁面的內(nèi)容。這是用戶體驗上的設(shè)計感,但是,就用戶看起來……用戶應(yīng)該不會看到,因為用戶本身并不認(rèn)為點一個浮窗會出現(xiàn)叉掉這個浮窗的情況(這好像又跟「好的設(shè)計不應(yīng)該被用戶感知到」搭上邊了)。
大概就是這些吧。在第二部分里,我的收獲比較多,對于我工作中遇到的我正在思考解決方法的問題,這部分內(nèi)容給出了很合適的答案。