前不久，蘋(píng)果公司正式發(fā)布了第一臺(tái)搭載自主芯片的Mac電腦，你可能沒(méi)意識(shí)到的是，這對(duì)設(shè)計(jì)師來(lái)說(shuō)是一件大事。
國(guó)外設(shè)計(jì)師Michal Malewicz分享自己對(duì)新款Mac是如何改變產(chǎn)品設(shè)計(jì)師的游戲規(guī)則的看法，以下是正文:
多年來(lái)，我們陷入了一個(gè)典型的計(jì)算陷阱——我們擁有（和使用）的能力越多，就越意識(shí)到似乎還是遠(yuǎn)遠(yuǎn)不能夠滿(mǎn)足設(shè)計(jì)師對(duì)性能的需求。
先來(lái)舉幾個(gè)例子:
Photoshop設(shè)計(jì)時(shí)代
早期開(kāi)始設(shè)計(jì)網(wǎng)站的時(shí)候，很多設(shè)計(jì)師只有Photoshop。當(dāng)時(shí)，它僅支持用戶(hù)同一時(shí)間只能操作一個(gè)畫(huà)板或一個(gè)項(xiàng)目。當(dāng)然，你可以打開(kāi)更多的“文件”，但你必須在它們之間切換才能工作。
Photoshop中有簡(jiǎn)單的矢量形狀，但它們受應(yīng)用程序的限制太大，用處不大。大多數(shù)設(shè)計(jì)師只是更大的位圖形狀。但是放大這些形狀通常會(huì)導(dǎo)致邊緣像素模糊，如上圖所示。
2009年，移動(dòng)應(yīng)用程序的平均屏幕約大小為50MB。當(dāng)時(shí)，那只是一個(gè)屏幕頁(yè)，想象一下現(xiàn)在一個(gè)應(yīng)用就有50個(gè)屏幕頁(yè)。
目前整個(gè)Figma或Sketch文件，充滿(mǎn)了屏幕和庫(kù)可以采取同樣的50MB。
21世紀(jì)初，顯示器和電腦的容量都有限，無(wú)法滿(mǎn)足設(shè)計(jì)復(fù)雜、多屏幕產(chǎn)品的需求。
在任何時(shí)候只有一個(gè)“畫(huà)板”可見(jiàn)，這會(huì)導(dǎo)致很多不一致，包括當(dāng)你在一個(gè)相似的屏幕列表中滾動(dòng)時(shí)出現(xiàn)的“像素跳躍”問(wèn)題。
可能在第一個(gè)屏幕頁(yè)面展示還可以，但是在一個(gè)類(lèi)似的頁(yè)面上，即使和第一個(gè)屏幕也只是相差一到兩個(gè)像素。在它們之間來(lái)回切換就會(huì)給人留下設(shè)計(jì)草率的印象（實(shí)際上是如此），如下圖變化:
客戶(hù)和設(shè)計(jì)師一樣討厭這種情況。
Sketch（模型設(shè)計(jì)工具）時(shí)代
當(dāng)Sketch這款工具在十年前首次出現(xiàn)時(shí)，它從根本上改變了很多人對(duì)設(shè)計(jì)的看法。它的兩個(gè)特性被認(rèn)為是最具有變革性的——矢量形狀和擁有多個(gè)畫(huà)板。
例如，你可以在多個(gè)屏幕上選擇一個(gè)對(duì)象，并為所有對(duì)象改變它的顏色或位置。這一特性徹底終止了像素跳躍問(wèn)題。
當(dāng)InVision（原型&設(shè)計(jì)協(xié)作工具）被應(yīng)用到工作流程時(shí)，帶來(lái)了許多便捷。
最終，設(shè)計(jì)師能夠在Sketch中創(chuàng)建復(fù)雜的、多屏幕的原型，通過(guò)轉(zhuǎn)換將屏幕連接起來(lái)，并測(cè)試流程。
craft——Sketch的一個(gè)插件，可集成InVision運(yùn)作，但在創(chuàng)建藍(lán)色連接箭頭時(shí)，速度就會(huì)變慢。這在更復(fù)雜的頁(yè)面上尤其明顯，這些頁(yè)面上有許多視覺(jué)上復(fù)雜的屏幕。
箭頭在到達(dá)目標(biāo)畫(huà)板之前會(huì)稍微滯后。但這在當(dāng)時(shí)是個(gè)小煩惱。但這是一種全新的工作方式，非常有趣。
Symbols（設(shè)計(jì)工具）
另一場(chǎng)變革的則是Symbols。它們是一個(gè)通用的UI元素，可以多次嵌套，并創(chuàng)建可重用的、一致的設(shè)計(jì)組件。但是在某些情況下，比如上圖的單元格，有幾個(gè)嵌套級(jí)別，具有相當(dāng)高的數(shù)據(jù)密度和一個(gè)至少有100個(gè)屏幕和屏幕版本的項(xiàng)目。
該原型還具有專(zhuān)業(yè)和初學(xué)者模式，可以修改整個(gè)單元的外觀。有更小的版本來(lái)并排比較它們，還有無(wú)數(shù)其他的這種通用“符號(hào)”的迭代。這將導(dǎo)致大量嵌套和多個(gè)單元格可供選擇。
加載所有這些數(shù)據(jù)對(duì)頂級(jí)蘋(píng)果電腦的CPU / GPU來(lái)說(shuō)簡(jiǎn)直是一個(gè)巨大的壓力。
復(fù)雜性增加
比如下面的UI設(shè)計(jì)書(shū)也是用Sketch的形式拼湊起來(lái)的。要知道在一個(gè)頁(yè)面上加載數(shù)百個(gè)畫(huà)板有時(shí)也會(huì)降低筆記本電腦的速度。
上圖中有很多畫(huà)板，其中一些非常復(fù)雜，因?yàn)榇蠖鄶?shù)示例設(shè)計(jì)都是“就地”完成的。
但是更強(qiáng)大的性能
當(dāng)我被要求設(shè)計(jì)一款可以在多個(gè)平臺(tái)上運(yùn)行的產(chǎn)品時(shí)（從iOS到安卓電視盒和游戲機(jī)），要做什么呢?
創(chuàng)建了一個(gè)外部樣式庫(kù)（Sketch的另一個(gè)偉大創(chuàng)新），并開(kāi)始構(gòu)建組件、指南和通用樣式，以便在每個(gè)平臺(tái)上都能熟悉界面。
遺憾的是，我只能展示這些照片，在這個(gè)項(xiàng)目中有還有更多的屏幕。
過(guò)了一段時(shí)間，我不得不將主項(xiàng)目文件分割成單獨(dú)的文件（每個(gè)平臺(tái)一個(gè)），并將帶有“基礎(chǔ)”的外部庫(kù)連接到每個(gè)文件。
想象一下一臺(tái)強(qiáng)大到可以輕松處理這些的機(jī)器。這就是我希望這些新的蘋(píng)果設(shè)備最終能實(shí)現(xiàn)的。
蘋(píng)果產(chǎn)品最令人驚嘆的功能之一就是可以在一臺(tái)設(shè)備上啟動(dòng)某個(gè)東西，然后在另一臺(tái)設(shè)備上無(wú)縫對(duì)接。
他們只是一起工作。
比如用你的手機(jī)發(fā)短信，但卻要用電腦打字，這在安卓系統(tǒng)間的切換是極為不便，且很難適應(yīng)的。
再來(lái)看看蘋(píng)果新款MAC
如果新款macbook采用ARM芯片（基于蘋(píng)果A芯片系列），這意味著它們將擁有與iPhone和iPad相同的cpu。
一旦設(shè)計(jì)工具開(kāi)始在這些處理器上運(yùn)作，未來(lái)設(shè)計(jì)師只需將手機(jī)連接到鼠標(biāo)、顯示器和鍵盤(pán)，就能拿起你正在做的Sketch或Figma項(xiàng)目，這比你想象的要近得多。
有了這些強(qiáng)大的功能，就能支持更多的畫(huà)板，更多的嵌套符號(hào)，更多的原型的制作方法。所有這些都可以在任何設(shè)備上無(wú)縫運(yùn)行。
這樣的未來(lái)將會(huì)很快就會(huì)到來(lái)。
注：文章由編譯自u(píng)xdesign，原文標(biāo)題《Why the new Macs are a game-changer for product designers》。
