11

    可變的字體！

    在今天看來(lái)，我們很難相信就在幾年前，我們還不得不依靠稀少的字體來(lái)呈現(xiàn)我們所有的文本內(nèi)容。

    今天，網(wǎng)絡(luò)上到處都是各種各樣華麗的字體，從而引發(fā)了人們對(duì)字體印刷、字體設(shè)計(jì)和選用、消費(fèi)字體的興趣。

    可變字體出現(xiàn)后，這一趨勢(shì)愈演愈烈�？萍己陀∷⒓夹g(shù)的巨頭——蘋(píng)果、谷歌、微軟和Adobe之間有一個(gè)可變字體聯(lián)合項(xiàng)目，這使得可變字體實(shí)現(xiàn)了一種全新的字體設(shè)計(jì)形式，正式增加了opentype格式，這意味著，允許設(shè)計(jì)師插入一個(gè)字體的整個(gè)詞庫(kù)或者有多達(dá)  64000axe（磅值、字號(hào)等）的單個(gè)字形，并在設(shè)計(jì)空間中將特定位置定義為命名實(shí)體（粗體、濃縮等）。

    說(shuō)實(shí)話上面這段文字有些難懂了，那么請(qǐng)直接看John Hudson的解釋?zhuān)�他認(rèn)為可變字體是：

    一個(gè)字體文件的行為像多個(gè)字體一樣。

    但是在討論字體設(shè)計(jì)等視覺(jué)藝術(shù)時(shí)，最好還是堅(jiān)持從視覺(jué)方面入手。

    簡(jiǎn)而言之，這就是一個(gè)可變的字體，一個(gè)單一的字體文件，能夠變黑，而不需要調(diào)用其它字體。

    12

    內(nèi)容中心-或稱webook？盡量酷起來(lái)！

    （注意：內(nèi)容一直很酷）

    作為一個(gè)內(nèi)容為王的極客，我很高興看到在2017年產(chǎn)生了如此之多的有見(jiàn)解、極有幫助的內(nèi)容。我相信2018年我們會(huì)見(jiàn)到更多，畢竟2017年已經(jīng)打下了很好的基礎(chǔ)。

    我們也可以看到，有很多領(lǐng)先品牌將pdf格式用于電子書(shū)領(lǐng)域并充分發(fā)掘網(wǎng)絡(luò)出版長(zhǎng)內(nèi)容的潛力，我喜歡稱之為“webooks”，這很具有吸引力。

    具體而言，我指的是：

    Stripe Atlas Guides

    Airtable Universe

    DesignBetter.co

    Intercom Books

    我們自己的電子書(shū)網(wǎng)站     

    我想不需多言了吧！

    13

    CSS網(wǎng)格

    Robin Rendle的CSS網(wǎng)格演示，來(lái)自CSS-Tricks

    正如Robin Rendle極具有表現(xiàn)力地將它放在了CSS-Tricks上：那么，CSS網(wǎng)格是第一個(gè)真正地網(wǎng)頁(yè)布局系統(tǒng)，它旨在將內(nèi)容組織成列和行，并最終為給予開(kāi)發(fā)人員最高的權(quán)限。此處應(yīng)有得逞了的笑聲。

    注：Webflow 將支持CSS網(wǎng)格，但尚未提供官方日期。

    14

    追求完美的數(shù)字設(shè)計(jì)工具

    2017年是一個(gè)重要的年份，尤其是對(duì)于深入討論設(shè)計(jì)工具的性質(zhì)及其 對(duì)我們工作的適用程度。

    Spectrum的Bryn Jackson分享了自己的看法：

    設(shè)計(jì)成品和設(shè)計(jì)工具之間的中間格式，可以為產(chǎn)品團(tuán)隊(duì)和設(shè)計(jì)人員提供更高效、更強(qiáng)大的工具。

    在一篇名為“接口”的文章中，他繼續(xù)假設(shè)：“今天所有的每一種流行的設(shè)計(jì)工具都是為了優(yōu)化插圖�！�

    （需要注意，Bryn Jackson對(duì)于插圖的定義是導(dǎo)致圖像、圖標(biāo)、插圖、字體、廣告、印刷媒體或其他沒(méi)有本地交互性的可視通信媒介的任何設(shè)計(jì)工作，但這是一個(gè)有爭(zhēng)議的定義，其中沒(méi)有提到閱讀和交互形勢(shì)。）

    除了插圖和交互性的定義以外，不難看出，Bryn Jackson的觀點(diǎn)：在最基礎(chǔ)的地方，大多數(shù)現(xiàn)代設(shè)計(jì)工具都注重圖像的制作而不是接口。

    設(shè)計(jì)師兼工程師Adam Michela在“I’m a Designer at Facebook, and This Is What’s Missing in Design Tools Today.”中提出了一些相同的觀點(diǎn)。他認(rèn)為大多數(shù)設(shè)計(jì)師花費(fèi)大部分時(shí)間來(lái)創(chuàng)建實(shí)際價(jià)值并不大的少量工件。而這些工件僅代表最終產(chǎn)品—數(shù)字接口，這與上述的情況背道而馳。

    在文章的最后，他積極地認(rèn)為，有機(jī)會(huì)創(chuàng)建融合（而不是橋接）設(shè)計(jì)和實(shí)現(xiàn)的工具。

    這正是我們?cè)噲D在webflow上構(gòu)建的。像Michela，我們希望一個(gè)設(shè)計(jì)交付的不是網(wǎng)站的示意圖，而是網(wǎng)站本身，不是接口的文檔，而是接口本身。在這個(gè)過(guò)程中，網(wǎng)站能不斷地修改、完善，還可以保存時(shí)間線上的不同版本，可以檢查，甚至點(diǎn)擊一個(gè)鍵就可以恢復(fù)。

    15

    多樣性和包容性使得設(shè)計(jì)更具挑戰(zhàn)

    Webflow是一個(gè)公平的機(jī)會(huì)雇主，我們致力于建立一個(gè)團(tuán)隊(duì)，這個(gè)團(tuán)隊(duì)不僅在觀念和身份上具有多樣性，并且受到鼓勵(lì)。– Our job listings

    在Webflow所在的美國(guó)，日益激烈的政治環(huán)境正在推動(dòng)對(duì)多樣性和包容性在設(shè)計(jì)中的作用的強(qiáng)烈關(guān)注。

    我們不得不承認(rèn)，設(shè)計(jì)的選擇，小到性別的下拉列表中包含了哪些選項(xiàng)，都能影響我們同胞中的一些人。我們可以清楚地看到，錯(cuò)誤的消息、措辭地影響有多嚴(yán)重，數(shù)據(jù)驗(yàn)證機(jī)制在人機(jī)交互地動(dòng)態(tài)機(jī)制中有多強(qiáng)大。我們意識(shí)到，讓種族成為廣告的過(guò)濾器會(huì)產(chǎn)生徹頭徹尾的種族主義效果，從而維護(hù)我們?cè)S多人希望看到被顛覆的現(xiàn)有權(quán)利體系。

    我們也清楚地意識(shí)到，如果我們地團(tuán)隊(duì)沒(méi)有多元化和包容性，我們也沒(méi)有辦法提出設(shè)計(jì)方案。

    最起碼，我們中的一些人不能。

    另一方面，我們也看到了性別歧視在明顯的自相矛盾和邊緣化之后抬起了丑惡的頭顱，甚至?xí)�化身在看似道德的日常�?duì)話中。性別歧視就是雙重標(biāo)準(zhǔn)的明顯例子。

    最終，作為用戶體驗(yàn)專(zhuān)業(yè)人員，我們的工作是為每個(gè)人提供可用且理想愉快的體驗(yàn)，而不論他們的種族、國(guó)籍、信仰等個(gè)人情況。換句話說(shuō)，我們的工作就是包容，讓我們一起在2018年，包容更多，獲得更多。