6

    至多主義的出現(xiàn)

    好的設(shè)計(jì)盡可能少設(shè)計(jì)。–Dieter Rams

    多年來(lái)，設(shè)計(jì)師最想聽(tīng)到的最振奮人心的設(shè)計(jì)反饋，恐怕就是：“他很干凈。”

    那是一個(gè)極簡(jiǎn)主義的時(shí)代。深受Dieter Rams的設(shè)計(jì)原則，以及雜志《The Crystal Goblet》的影響，視覺(jué)設(shè)計(jì)師一直追求提供盡可能少的選擇和視覺(jué)干擾。

    對(duì)于當(dāng)今生活在數(shù)字中的世界來(lái)說(shuō)，極簡(jiǎn)主義是一個(gè)全新且難得的經(jīng)歷，這個(gè)選擇很有意義。我們需要足夠放松以進(jìn)入這個(gè)陌生的新世界。

    但是今天，我們也有類(lèi)似于以下的網(wǎng)站：

    Pin-Up Magazine

    H. Lorenzo

    Razzle Dazzle Torino

    所有的這些都力圖在你看到的那一刻就把所有東西都放入你的世界里。

    你可以稱(chēng)之為一種野蠻主義，我也的確在Brutalist網(wǎng)站上發(fā)現(xiàn)了所有上述網(wǎng)站。但我們認(rèn)為我們期待更多至多主義的網(wǎng)站的出現(xiàn)，而在這之前你可能并不覺(jué)得這個(gè)網(wǎng)站會(huì)變成這樣。隨著數(shù)字技術(shù)的發(fā)展，一些網(wǎng)站會(huì)很自然的對(duì)用戶有更高的期待。

    7

    襯線字體能表現(xiàn)得更好

    在技術(shù)落后，字體并不多的糟糕過(guò)去，在網(wǎng)頁(yè)界面中使用無(wú)襯線字體是個(gè)很好的方法。但隨著屏幕和字體渲染技術(shù)得進(jìn)步，我們可以看到越來(lái)越多精致得字體占據(jù)舞臺(tái)中心，或者至少成為了更重要的角色。

    以Kickstarter最新的設(shè)計(jì)為例，他運(yùn)用了柔和的襯線：

    在特定的日子里，Typewolf都會(huì)展示一些襯線的運(yùn)用：

    襯線能提供一種優(yōu)雅、精致的文學(xué)修飾效果，作為襯線的長(zhǎng)期愛(ài)好者，我歡迎大家多多使用襯線。

    8

    浮動(dòng)的導(dǎo)航菜單

    固定的導(dǎo)航已經(jīng)成為以轉(zhuǎn)化為中心或具有龐大菜單的網(wǎng)站的主流，因?yàn)楹诵膶?dǎo)航可在滑動(dòng)時(shí)與用戶保持一致。不過(guò)浮動(dòng)的導(dǎo)航使得用戶在滑動(dòng)瀏覽時(shí)也能輕松使用，直接優(yōu)化了網(wǎng)站體驗(yàn)。

    最近，我們注意到有些設(shè)計(jì)師將導(dǎo)航從其他設(shè)計(jì)中分離出來(lái)，并將其移動(dòng)到瀏覽器的下方，進(jìn)一步確定了用戶可以隨時(shí)接觸到導(dǎo)航。這增強(qiáng)了導(dǎo)航是網(wǎng)站的廣泛對(duì)象的感覺(jué)，不一定是某一頁(yè)的一個(gè)部分，而是放在一個(gè)觸手可及的地方，使人安心。

    最直觀的方法就是在導(dǎo)航欄中添加陰影，并將其移動(dòng)到網(wǎng)頁(yè)的最頂端，以Reseau為例。但在平面的設(shè)計(jì)中也是可行的，以Anchor & Orbit為例。

    與離線型設(shè)計(jì)類(lèi)似，浮動(dòng)的導(dǎo)航允許設(shè)計(jì)師在設(shè)計(jì)中自然地或帶有目的性地運(yùn)用巧妙的并置，這又給設(shè)計(jì)帶來(lái)了更多的空間。

    9

    視頻元素

    以下是幾點(diǎn)重要的原因：

    1.視頻元素可以無(wú)縫地切入設(shè)計(jì)中，無(wú)需嵌入Youtube或是Vimeo插件。

    2.即使有很多顏色，漸變和細(xì)節(jié)，視頻地質(zhì)量依然很高，但如果GIF動(dòng)圖不按大小以指數(shù)倍數(shù)放大，則很難做到。

    3.視頻可以循環(huán)以確保副本的細(xì)節(jié)和圖像的細(xì)節(jié)保持一致，并為有需要的人重復(fù)播放。

    所以從我們自己的網(wǎng)站到Stripe Sigma，當(dāng)視頻元素風(fēng)靡整個(gè)網(wǎng)絡(luò)時(shí)，我們并不感到奇怪。

    10

    更多身臨其境的“多媒體”長(zhǎng)格式

    當(dāng)我們想要發(fā)布長(zhǎng)格式的內(nèi)容時(shí)，只需在頁(yè)面上放置一個(gè)長(zhǎng)文本字段，特別是當(dāng)我們的長(zhǎng)格式內(nèi)容有CMS支持時(shí)。其中，單個(gè)布局的內(nèi)容長(zhǎng)度大概為200字到一篇較為詳細(xì)的短教程的長(zhǎng)度。

    但現(xiàn)在一些設(shè)計(jì)師和作家并不采用這種方法，他們將布局和量身定制的副本結(jié)合起來(lái)，通過(guò)視頻、聲音、圖表和圖形、地圖等豐富的載體，娓娓道來(lái)故事的內(nèi)容。

    說(shuō)實(shí)話，這并不是一個(gè)“新”趨勢(shì)，我更傾向于把它稱(chēng)為網(wǎng)絡(luò)產(chǎn)生長(zhǎng)期對(duì)話的基石。但現(xiàn)在所有的網(wǎng)絡(luò)出版工具都出現(xiàn)了，包括我們?cè)趦?nèi)，2018年似乎都是最佳時(shí)機(jī)。

    以CNN講述全球變暖對(duì)格陵蘭島和全世界其他地區(qū)的影響為例。

    這個(gè)故事盡可能地做到引人入勝，這對(duì)于很多還較為抽象的問(wèn)題來(lái)說(shuō)至關(guān)重要。它巧妙地將一個(gè)復(fù)雜的話題變成一系列便于理解的段落。你永遠(yuǎn)都不會(huì)覺(jué)得內(nèi)容過(guò)于冗雜，相反你總是不知不覺(jué)就接受了，你發(fā)現(xiàn)自己閱讀每一個(gè)字，都很容易理解。

    請(qǐng)注意，我并不是批評(píng)CMS，事實(shí)上，我們可以利用CMS來(lái)提供這種體驗(yàn)。這里只需要一點(diǎn)小技巧：利用背景圖片和視頻來(lái)傳遞所有的視覺(jué)效果，在編寫(xiě)、設(shè)計(jì)時(shí)仔細(xì)檢查每一個(gè)故事的一致性。這就和“博客”的格式不大一樣了。

    如果你正在尋找更有吸引力的長(zhǎng)形，我不會(huì)推薦紐約時(shí)報(bào)上由Tuam拍攝的“失落的兒童”。值得一提的是，這樣更為多樣化的長(zhǎng)格式可以用破碎網(wǎng)格或者標(biāo)準(zhǔn)布局進(jìn)行組合，正如上面的紐約時(shí)報(bào)片段所示。