石家莊企業(yè)建網(wǎng)站多少錢 展為網(wǎng)絡(luò)高端設(shè)計(jì) 中低端價(jià)格 13933871212
對(duì)于創(chuàng)意學(xué)科的趨勢(shì)很容易流連忘返。畢竟，密切關(guān)注“熱門話題”并沒有什么創(chuàng)造性或創(chuàng)新性，除非您這樣做是為了不斷逆勢(shì)發(fā)展。
自從我們第一次學(xué)會(huì)在洞穴墻壁上用o石和木炭重塑我們的世界元素以來(lái)，一直在進(jìn)行這樣的對(duì)話。自從我們學(xué)會(huì)了將用黏土刻在黏土上的抽象標(biāo)記變成充滿意義的包裝，即語(yǔ)言。
趨勢(shì)只是那龐大，混亂，和聲對(duì)話中的主線。無(wú)論我們選擇采用還是抵制它們，我們的創(chuàng)意選擇都與這些趨勢(shì)并存。
它們提供了上下文。因?yàn)槿绻幻撾x規(guī)范，什么是創(chuàng)新？去年的趨勢(shì)是什么？
因此，就像去年一樣，我和Webflow的crackjack設(shè)計(jì)團(tuán)隊(duì)一起坐下來(lái)，要求他們凝視他們的VR水晶球，看看什么將在2018年定義設(shè)計(jì)。
這是Sergie Magdalin，Ryan Morrison，Linsey Peterson，Nathan Romero和Darin Dimitroff不得不說(shuō)的。（當(dāng)然，還有一些我自己的想法。）
1.破碎的網(wǎng)格布局
在設(shè)計(jì)師永無(wú)止境地尋求更具創(chuàng)意和引人入勝的布局的過程中，我們一直依賴的為布局帶來(lái)和諧與邏輯的網(wǎng)格本身已成為一種約束。
有時(shí)候，我們都想去脫離電網(wǎng)，amirite？
這并不是說(shuō)破碎的網(wǎng)格布局完全放棄了網(wǎng)格的概念-相反，它們?cè)试S圖像和文本元素進(jìn)入并越過排水溝，這些排水溝通常在更清醒的布局中用作硬停。在這里，通常謹(jǐn)慎的圖像和文本框開始重疊并會(huì)聚，經(jīng)常創(chuàng)建位圖和字母格式的精美的并列。
有時(shí)候很難說(shuō)這些影響是否是故意的，或只是一個(gè)愉快的錯(cuò)誤...
2.插圖占據(jù)中心地位
我在數(shù)字產(chǎn)品營(yíng)銷世界中目睹的更有趣的挑戰(zhàn)之一是圖像選擇。我已經(jīng)看過整個(gè)設(shè)計(jì)團(tuán)隊(duì)在辯論中的想法，通常以以下兩個(gè)地方之一結(jié)束：
產(chǎn)品UI截圖和GIF
編輯/生活方式攝影
前者強(qiáng)調(diào)產(chǎn)品的體驗(yàn)，特性和功能，而后者則強(qiáng)調(diào)產(chǎn)品的人文維度：它對(duì)人們生活的影響。
但是進(jìn)入2018年，我們將看到并將繼續(xù)看到插畫家的作品在市場(chǎng)營(yíng)銷和產(chǎn)品設(shè)計(jì)上都煥然一新。
為什么發(fā)生這種情況使我著迷，而我無(wú)法確切確定它是什么。也許這與我們?cè)跁r(shí)尚界早已觀察到的周期性相同—畢竟，直到60年代后期，插圖一直主導(dǎo)著廣告界。
或者，也許Dropbox的設(shè)計(jì)團(tuán)隊(duì)正在對(duì)他們的新插圖風(fēng)格進(jìn)行以下解釋：
我們使用石墨創(chuàng)建粗略的草圖，然后將它們與色彩鮮艷的抽象形狀配對(duì)，以使創(chuàng)作過程栩栩如生。我們的風(fēng)格是從您第一次有了主意的那一刻起就受到啟發(fā)的，并提醒您“畫布只有在您留下第一個(gè)標(biāo)記之前才是空白的”。
我的意思是他們必須在一些與本次改版，對(duì)吧？
在Shopify的Polaris網(wǎng)站中可以看到，插圖在將更多抽象概念帶入生動(dòng)生活中也非常有力。Shopify僅用一張圖紙便闡明，Polaris設(shè)計(jì)系統(tǒng)旨在用作團(tuán)隊(duì)中每個(gè)成員的指南燈-北極星。
最后，值得注意的是，插圖還可以巧妙地解決攝影所帶來(lái)的一些代表性挑戰(zhàn)。
我們?yōu)楦鞣N各樣的人類構(gòu)建我們的數(shù)字產(chǎn)品-但是當(dāng)您捕獲到真實(shí)人類的照片并將該照片放到網(wǎng)站的英雄中時(shí)，該人就可以代表您的用戶。并保留所有其他用戶的身份。
相比之下，Shopify Polaris英雄形象中所描繪的人只是一個(gè)人。種族，性別，國(guó)籍等說(shuō)明符未定義，這使我們每個(gè)人都更容易將自己投身到那個(gè)孤獨(dú)的思想家的角色中，從而考慮到指導(dǎo)光所啟發(fā)的創(chuàng)造可能性。
3.野蠻主義達(dá)到主流地位
2017年初，我們發(fā)表了一篇文章，探討了野蠻主義的興起，并試圖回答這種新興風(fēng)格的原因：
野蠻主義……正在剝奪一個(gè)空間，使設(shè)計(jì)師可以做自己想要的事情，而不是應(yīng)該做什么。這里創(chuàng)建的作品避開了所有優(yōu)化建議和最佳實(shí)踐列表，而取而代之的是在震撼力中有時(shí)甚至在進(jìn)攻方面（無(wú)論如何都達(dá)到預(yù)期）的外觀和效果。
因此，當(dāng)所有站點(diǎn)類型中有兩個(gè)電子商務(wù)商店躍入殘酷的行列時(shí)，您可以想象我們的驚喜：
巴黎世家（Balenciaga）
古馳（Gucci）
4.更有機(jī)和傾斜的形狀
自然討厭一條直線。
–威廉·肯特
多年來(lái)，基于卡片的UI一直主導(dǎo)著Web和移動(dòng)設(shè)計(jì)。直到最近，這些卡中的大多數(shù)（大部分）都是鋒利的和直角的，暴露了其下層div的幾何形狀，這幾乎是現(xiàn)代主義對(duì)網(wǎng)頁(yè)設(shè)計(jì)材料的關(guān)注。
在2017年，情況發(fā)生了很大的變化?，F(xiàn)在，從Google即時(shí)到Twitter到Facebook的每個(gè)應(yīng)用程序的卡片，輸入框，個(gè)人資料化身等等，幾乎都有逼人的圓角。
如果這些箱子得到任何全才，他們就會(huì)是橢圓形。
不僅僅是那些越來(lái)越具有有機(jī)形狀的主要元素?，F(xiàn)在的背景比比皆是，幾乎有變形蟲的斑點(diǎn)，引人注目的對(duì)角線，甚至是現(xiàn)實(shí)世界中的點(diǎn)點(diǎn)滴滴，都幾乎變成了卡通。
但是，設(shè)計(jì)師們?cè)趯で笥罒o(wú)止境的出路之時(shí)，不只是轉(zhuǎn)向有機(jī)曲線。如Stripe的主頁(yè)上所述，許多人只是簡(jiǎn)單地使這些盒子偏離了通常的90°角度，從而通過簡(jiǎn)單的視角改變就可以使他們的設(shè)計(jì)煥然一新。
所有這些并不是說(shuō)直角會(huì)像恐龍一樣走下去。我們還看到了幾個(gè)點(diǎn)在直線上成對(duì)出現(xiàn)，并有效地將它們與更有機(jī)和球形的形狀混合在一起。
您還將注意到許多網(wǎng)站用戶界面中出現(xiàn)“閃爍”或“ 振動(dòng) ”的顏色。盡管這些顏色組合會(huì)產(chǎn)生令人難以置信的驚人效果，包括在您滾動(dòng)時(shí)似乎仍在您眼中徘徊的幽靈般的余像，但值得注意的是，從可訪問性的角度來(lái)看，它們代表了雜亂無(wú)章的領(lǐng)域。
盡管通常認(rèn)為可訪問性使殘障人士的設(shè)計(jì)變得用戶友好，但值得記住的是，即使是那些有色覺的人，也很難適應(yīng)殘酷的色彩組合。
別開玩笑：這些形狀會(huì)在您滾動(dòng)時(shí)充滿您的屏幕。
根據(jù)LinkedIn的可訪問性工程經(jīng)理Jennison Asuncion的說(shuō)法，可訪問性可以定義為：
設(shè)計(jì)和開發(fā)每個(gè)用戶（包括殘疾人）可以獨(dú)立使用和交互的用戶界面。
那大家是關(guān)鍵。
5.更普遍的互動(dòng)和動(dòng)畫
媒介就是信息。
–馬歇爾·麥克盧漢（Marshall McLuhan）
網(wǎng)絡(luò)不是靜態(tài)媒體。盡管賈斯汀·杰克遜（Justin Jackson）的“ 這是一個(gè)網(wǎng)頁(yè) ”之類的作品具有持久的美感和真實(shí)性，但網(wǎng)絡(luò)所能提供的不僅僅是在頁(yè)面上打印文字。而且，如果麥克盧漢（McLuhan）的那句名言不勝枚舉，那就意味著至少網(wǎng)絡(luò)上的某些信息（其含義）在于其運(yùn)動(dòng)和互動(dòng)的能力：網(wǎng)頁(yè)不僅能夠向我們提供信息，而且能夠使我們獲得信息的能力。信息移動(dòng)，更重要的是，它使我們能夠與該信息進(jìn)行交互并對(duì)其產(chǎn)生影響。
一切都在進(jìn)行中，但從未分散注意力。
越來(lái)越多地，當(dāng)您滾動(dòng)瀏覽網(wǎng)絡(luò)時(shí)，信息不僅會(huì)顯示出來(lái)供您批準(zhǔn)，而且還會(huì)逐漸滲入您的意識(shí)中，從而逐漸引起人們對(duì)自身的關(guān)注。
顯然，我們不應(yīng)該在這里太過分了-動(dòng)畫總有可能使原本令人愉悅的體驗(yàn)變得不知所措，尤其是對(duì)于那些具有認(rèn)知障礙或?qū)?dòng)作敏感的人。
但是做得好，即使是微妙的動(dòng)畫也可以在正確的時(shí)間將訪問者的注意力引向正確的內(nèi)容，從而幫助確保他們不會(huì)錯(cuò)過重要的復(fù)制行或轉(zhuǎn)換驅(qū)動(dòng)形式。
以Heco Partners為代理機(jī)構(gòu)Black Sheep建立的這個(gè)華麗網(wǎng)站為例。向下滾動(dòng)時(shí)，“當(dāng)前”行的突出顯示有助于您專注于寫得很好的副本。然后，一系列大膽設(shè)計(jì)的工具提示開始吸引您的注意，并大聲疾呼讓您停止閱讀，然后單擊另一頁(yè)。這是對(duì)構(gòu)建內(nèi)置導(dǎo)航系統(tǒng)的挑戰(zhàn)的創(chuàng)造性解決方案，但它也可能給某些用戶帶來(lái)不必要的緊張感。
從我們自己的Interactions 2.0到Airbnb的Lottie，我們還看到了許多工具可以簡(jiǎn)化更復(fù)雜的動(dòng)畫和交互的創(chuàng)建，這在數(shù)字設(shè)計(jì)師的工具包中是一個(gè)空白。
更具體地說(shuō)，我們期待著兩種特殊的動(dòng)畫模式中的更多：異常的滾動(dòng)速率和頁(yè)面過渡。
意外的滾動(dòng)速度
這些天視差可能已經(jīng)過時(shí)了，但這并不意味著設(shè)計(jì)人員對(duì)以有趣的方式將滾動(dòng)與元素移動(dòng)聯(lián)系起來(lái)并不感興趣。
以Anna Eshwood的網(wǎng)站為例。網(wǎng)站上的每張照片都會(huì)正常運(yùn)行，直到您滾動(dòng)瀏覽它們?yōu)橹梗缓笏鼈円员饶臐L動(dòng)速度更快的速度迅速上升。這給現(xiàn)場(chǎng)帶來(lái)了一種有趣的空靈感，可以與樸素，單色的照片及其嚴(yán)格的模型很好地搭配。
隨著交互和動(dòng)畫成為我們?cè)诰€體驗(yàn)中更加重要的部分，期望看到更多的意料之外的東西來(lái)添加香料。
頁(yè)面過渡
在一個(gè)充滿美麗動(dòng)畫的網(wǎng)絡(luò)中，它有可能清楚地告訴我們“此頁(yè)面上的某些內(nèi)容已發(fā)生變化”，無(wú)論您在哪個(gè)網(wǎng)站上，從一個(gè)頁(yè)面轉(zhuǎn)到另一個(gè)頁(yè)面總是讓人感覺有些奇怪。 。
狀態(tài)更改動(dòng)畫可能使您離開一頁(yè)，而另一頁(yè)在新頁(yè)上向您打招呼，但這些都是謹(jǐn)慎的，沒有必要將它們鏈接在一起。過渡本身看起來(lái)就像其他任何從頁(yè)面切換到頁(yè)面的切換一樣：一秒鐘空白，然后加載新頁(yè)面。
但是，我們開始看到越來(lái)越多的網(wǎng)站使這種狀態(tài)變化看起來(lái)很美。例如，在代理商3drops的網(wǎng)站上進(jìn)行以下轉(zhuǎn)換：
在此，頁(yè)面過渡可保持體驗(yàn)的凝聚力和品牌效應(yīng)。您并不是要“導(dǎo)航到新頁(yè)面”，而是要訪問視圖庫(kù)中的另一個(gè)“視圖”。完善以設(shè)計(jì)為中心的品牌展示會(huì)是一種很好的波蘭方式。
6.極簡(jiǎn)主義的出現(xiàn)
好的設(shè)計(jì)就是盡可能少的設(shè)計(jì)
–Dieter公羊
多年來(lái)，似乎您可以獲得的最強(qiáng)大，令人垂涎的設(shè)計(jì)反饋是：“很干凈”。
那就是極簡(jiǎn)時(shí)代的設(shè)計(jì)世界。迪特·拉姆斯（Dieter Rams）的良好設(shè)計(jì)原則以及極富影響力的印刷術(shù)論文《水晶杯》（The Crystal Goblet）深受其影響，視覺設(shè)計(jì)師長(zhǎng)期以來(lái)一直尋求通過提供盡可能少的選擇和視覺干擾來(lái)擺脫用戶的困擾。
對(duì)于一個(gè)生活在數(shù)字世界中的人來(lái)說(shuō)，這是一種新奇的體驗(yàn)，而這個(gè)選擇很有意義。我們需要進(jìn)入這個(gè)陌生的新世界。
但是今天，我們擁有類似以下的站點(diǎn)—出于公平警告，可能會(huì)導(dǎo)致癲癇發(fā)作：
封面雜志
勞倫佐
Razzle Dazzle都靈
從抵達(dá)那一刻起，所有這些似乎都在努力向您扔掉所有東西，廚房也沉沒在您眼前。
您可以稱其為野蠻行為的一種-實(shí)際上，我在野獸網(wǎng)站上找到了上述所有網(wǎng)站，但我們認(rèn)為，即使您認(rèn)為野蠻之外，也可以說(shuō)會(huì)有更多的極簡(jiǎn)主義網(wǎng)站出現(xiàn)。隨著我們?cè)絹?lái)越精通數(shù)字技術(shù)，某些站點(diǎn)對(duì)訪問者的期望會(huì)越來(lái)越高是很自然的。
7. Serif竭盡全力
回到過去非視網(wǎng)膜屏幕和糟糕的字體支持的糟糕時(shí)代，在您的Web界面中堅(jiān)持使用無(wú)襯線字體非常有意義。但是隨著屏幕和字體渲染技術(shù)（更不用說(shuō)自定義字體支持）變得越來(lái)越強(qiáng)大，我們開始看到越來(lái)越多的精美字體成為中心焦點(diǎn)?；蛘咧辽?，更重要的輔助角色。
Witness Kickstarter最近的重新設(shè)計(jì)，其特點(diǎn)是在柔和彎曲的襯線中設(shè)置了創(chuàng)作者的塊引用：
或是改革集體的大膽新聞：
在幾乎任何一天滾動(dòng)Typewolf時(shí)，都會(huì)發(fā)現(xiàn)一些襯線正在竊取場(chǎng)景：
作為Serif的長(zhǎng)期忠實(shí)擁護(hù)者，他們具有喚起優(yōu)雅，精致和文學(xué)上乘的感覺的能力，我熱烈歡迎我們新的掌權(quán)者。
8.浮動(dòng)導(dǎo)航菜單
固定導(dǎo)航已成為注重轉(zhuǎn)換的網(wǎng)站（因?yàn)楹诵腃TA在您滾動(dòng)時(shí)可以堅(jiān)持使用）或菜單龐大的網(wǎng)站的支柱。通過始終將導(dǎo)航控件始終放在用戶的指尖，這是一種簡(jiǎn)化網(wǎng)站體驗(yàn)的好方法。
最近，我們看到設(shè)計(jì)師通過在視覺上將導(dǎo)航與網(wǎng)站設(shè)計(jì)的其余部分分離，并將其移動(dòng)到瀏覽器的鑲邊下方，使創(chuàng)意進(jìn)一步發(fā)展。這增強(qiáng)了以下感覺：導(dǎo)航是全局對(duì)象，不一定是任何一頁(yè)的一部分，但在那里可以放心地跟隨您瀏覽網(wǎng)站。
從視覺上看，最明顯的方法是在導(dǎo)航欄上添加陰影，并將其移動(dòng)到站點(diǎn)頂部下方，如上面Reseau的站點(diǎn)所示。但是，它也可以在更扁平的設(shè)計(jì)中使用，就像您在Anchor＆Orbit網(wǎng)站上看??到的那樣。
類似于離網(wǎng)設(shè)計(jì)，這允許在設(shè)計(jì)內(nèi)自然（或有目的地）出現(xiàn)有趣的并置，這帶來(lái)了有趣的創(chuàng)意挑戰(zhàn)。
9.
當(dāng)您嘗試以視覺格式傳達(dá)復(fù)雜的信息時(shí)，靜態(tài)圖像通常不會(huì)。畢竟，復(fù)雜度往往會(huì)隨著時(shí)間的流逝而發(fā)展-UI的靜態(tài)圖像只會(huì)告訴您其中包含的內(nèi)容，而不是告訴您如何使用它。
輸入
之所以強(qiáng)大，有幾個(gè)原因：
它可以無(wú)縫融入設(shè)計(jì)中，而無(wú)需嵌入YouTube或Vimeo視頻的鑲邊
即使在圖像中有許多顏色，漸變和細(xì)節(jié)的情況下，它也仍然具有很高的質(zhì)量-GIF很難做到這一點(diǎn)，而尺寸卻沒有呈指數(shù)級(jí)增長(zhǎng)
可以循環(huán)以確保副本的細(xì)節(jié)與圖像的細(xì)節(jié)保持同步，并為需要的對(duì)象重復(fù)
因此，從我們自己的主頁(yè)到諸如Stripe Sigma之類的功能頁(yè)面，視頻元素席卷整個(gè)網(wǎng)絡(luò)也就不足為奇了。
在網(wǎng)頁(yè)寄存服務(wù)中尋找什么
那里有大量的網(wǎng)絡(luò)托管選項(xiàng)-但是您如何知道要尋找的功能？了解如何實(shí)現(xiàn)Webflow托管。
了解有關(guān)托管的更多信息
10.更身臨其境的“多媒體”長(zhǎng)篇
當(dāng)我們要發(fā)布長(zhǎng)格式內(nèi)容時(shí)，可能會(huì)很想在頁(yè)面上扔一個(gè)長(zhǎng)文本字段并稱其為一天-特別是當(dāng)我們的長(zhǎng)格式內(nèi)容由CMS支持時(shí)，其中一個(gè)布局會(huì)為內(nèi)容從200字的簡(jiǎn)介到詳細(xì)的，短篇幅的教程。
但是有些設(shè)計(jì)師和作家英勇地抗拒誘惑，并返回專題報(bào)道的概念-將自定義布局與為演示文稿量身定制的副本結(jié)合起來(lái)，講述引人入勝的冗長(zhǎng)故事，通過視頻，聲音，圖表和圖形，地圖，以及更多。
公平地講，這幾乎不是“新”趨勢(shì)-實(shí)際上，我將其稱為圍繞Web發(fā)布進(jìn)行長(zhǎng)期對(duì)話的基石-但隨著目前出現(xiàn)的所有Web發(fā)布工具（包括我們自己），似乎就像是這個(gè)方面在2018年變得更加突出的完美時(shí)機(jī)。
收看這個(gè)CNN故事，內(nèi)容是全球變暖對(duì)格陵蘭島及世界其他地區(qū)的影響。
這個(gè)故事幾乎可以將您帶到那里。對(duì)于一個(gè)看起來(lái)仍然非常抽象的問題（甚至是不現(xiàn)實(shí)的），這對(duì)于至關(guān)重要的問題而言至關(guān)重要。它還巧妙地將一個(gè)復(fù)雜的主題變成了一系列易于消化的段落。您永遠(yuǎn)不會(huì)對(duì)內(nèi)容的總量感到不知所措，因?yàn)樗粫?huì)引起人們對(duì)自身的關(guān)注。相反，您會(huì)發(fā)現(xiàn)自己正在閱讀每個(gè)單詞，因?yàn)樗媸翘菀琢硕液芪恕?/div>
請(qǐng)注意，我在這里并不是在批評(píng)CMS：實(shí)際上，可以通過CMS提供這類體驗(yàn)。這只需要一點(diǎn)點(diǎn)才智-這個(gè)故事的所有視覺效果都可以通過背景圖像和視頻來(lái)傳遞-并在編寫，設(shè)計(jì)和開發(fā)它們時(shí)仔細(xì)注意各個(gè)故事的一致性。是的-一種與您的標(biāo)準(zhǔn)“博客文章”不同的內(nèi)容模型。
如果您要尋找更具吸引力的長(zhǎng)版，我不能推薦紐約時(shí)報(bào)的“ Tuam失落的孩子們”。
值得注意的是，這些更多樣化的長(zhǎng)形方法可以在破碎的網(wǎng)格或標(biāo)準(zhǔn)列上使用，如上面的《紐約時(shí)報(bào)》所見。
11.可變字體！
縱觀當(dāng)今的網(wǎng)絡(luò)，很難相信僅僅幾年前，我們被迫依靠稀疏的幾種字體來(lái)提供我們所有的文字內(nèi)容。
如今，網(wǎng)絡(luò)上到處都是各種各樣的華麗字體，這引起了人們對(duì)字體，字體設(shè)計(jì)和字體的大量消費(fèi)的革命性興趣。
隨著可變字體的發(fā)布，它只會(huì)變得更好。蘋果（Apple），谷歌（Google），微軟（Microsoft）和Adobe（Adobe）這兩個(gè)技術(shù)界（和印刷術(shù)界）知名人士的聯(lián)合項(xiàng)目—可變字體項(xiàng)目實(shí)現(xiàn)了一種全新的字體設(shè)計(jì)形式。作為OpenType格式的正式補(bǔ)充，它：
允許類型設(shè)計(jì)人員沿多達(dá)64,000個(gè)變化軸（粗細(xì)，寬度等）內(nèi)插字體的整個(gè)字形集或單個(gè)字形，并將設(shè)計(jì)空間中的特定位置定義為命名實(shí)例（“粗體”，“壓縮”等） ）。
如果（像我一樣）這句話讓您有點(diǎn)撓頭，請(qǐng)關(guān)注約翰·哈德森（John Hudson）更為直接的版本，他說(shuō)可變字體是：
行為類似于多個(gè)字體的單個(gè)字體文件。
但是，當(dāng)討論諸如字母設(shè)計(jì)之類的視覺藝術(shù)時(shí)，最好堅(jiān)持視覺：
來(lái)自Typekit博客的Erik van Blokland。
簡(jiǎn)而言之，這就是可變字體：?jiǎn)蝹€(gè)字體文件，可以在jiff中從Thin變?yōu)锽lack。無(wú)需在CSS中調(diào)用16種不同的字體。
它會(huì)很大。
12.內(nèi)容中心-還是webook？—變酷
（要明確：內(nèi)容一直很酷。.）
作為一個(gè)內(nèi)容極客，我很高興看到一堆美麗的，以內(nèi)容為中心的網(wǎng)站在2017年提供了大量有用的，精心編寫的信息，而且我想我們會(huì)在2018年看到更多2017年批次的所有成功都可見一斑。
看到許多領(lǐng)先品牌都拋棄了熟悉的門控PDF方法進(jìn)行電子書分發(fā)，并完全利用網(wǎng)絡(luò)發(fā)布我喜歡稱之為“ webooks”的長(zhǎng)篇內(nèi)容的潛力，這也令人著迷。
我指的是什么？好：
條紋地圖集指南
空氣宇宙。
DesignBetter.co
對(duì)講機(jī)書籍
我們自己的電子書網(wǎng)站。
我需要繼續(xù)嗎？
13. CSS網(wǎng)格！
CSS-Tricks的Robin Rendle提供的CSS網(wǎng)格演示。
正如羅賓·雷德爾（Robin Rendle）雄辯地將其放在CSS-Tricks上一樣：
嗯，CSS Grid是第一個(gè)用于Web的實(shí)際布局系統(tǒng)。它旨在將內(nèi)容組織為列和行，并且最終為開發(fā)人員提供了對(duì)我們面前的屏幕幾乎類似于上帝的控制。
提示邪惡的笑聲。
注意：Webflow 將支持CSS網(wǎng)格，但尚無(wú)正式日期。
14.對(duì)完美數(shù)字設(shè)計(jì)工具的追求
2017年是深入討論設(shè)計(jì)工具的性質(zhì)以及它們對(duì)我們工作的適應(yīng)程度的重要一年。
Spectrum的Bryn Jackson提出了以下理由：
設(shè)計(jì)工具與工程工具之間的一種中間格式，可以為產(chǎn)品團(tuán)隊(duì)（尤其是設(shè)計(jì)師）提供更高效，更強(qiáng)大的工具。
在名為“ Interface ” 的帖子中。他繼續(xù)說(shuō)：“當(dāng)今可用的所有流行設(shè)計(jì)工具都已針對(duì)插圖進(jìn)行了優(yōu)化。”
（盡管應(yīng)該注意的是，他將“插圖”歸類為產(chǎn)生“沒有本地交互性的圖像，圖標(biāo)，插圖，字體，廣告，印刷媒體或其他視覺傳達(dá)媒介”的任何設(shè)計(jì)作品，這是有爭(zhēng)議的主張）畢竟，不是閱讀和看到互動(dòng)形式嗎？）
除了關(guān)注插圖和交互性的定義外，不難看出杰克遜的觀點(diǎn)：從根本上說(shuō)，大多數(shù)現(xiàn)代設(shè)計(jì)工具都專注于圖像的產(chǎn)生，而不是界面的產(chǎn)生。
設(shè)計(jì)師兼工程師Adam Michela在“ 我是Facebook的設(shè)計(jì)師，這就是當(dāng)今設(shè)計(jì)工具中缺少的東西 ”中提到了許多相同的注解。他認(rèn)為，在那里，大多數(shù)設(shè)計(jì)師將大部分時(shí)間都花在創(chuàng)建幾乎沒有甚至沒有實(shí)際價(jià)值的人工制品上，因?yàn)樗鼈儍H代表最終產(chǎn)品-數(shù)字接口迅速脫離了上述表示形式。
他以充滿希望的音符結(jié)束了這篇文章，他說(shuō)：“有機(jī)會(huì)創(chuàng)建融合（而不是橋接）設(shè)計(jì)和實(shí)現(xiàn)的工具。”
正是我們要在Webflow上構(gòu)建的。像MICHELA，我們?cè)O(shè)想一個(gè)設(shè)計(jì)交付不是一個(gè)網(wǎng)站的示意圖，但是是網(wǎng)站本身。不是接口的文檔，而是接口本身。不斷發(fā)展，與網(wǎng)站保持完美同步，但是不斷生成版本的時(shí)間表，只需單擊一下按鈕，就可以查看甚至恢復(fù)版本。
我們還沒有到達(dá)終點(diǎn)，但是在您的幫助下，這就是我們前進(jìn)的方向。
15.多樣性和包容性是設(shè)計(jì)挑戰(zhàn)
Webflow是平等機(jī)會(huì)的雇主。我們致力于建立一個(gè)團(tuán)隊(duì)，不僅歡迎而且鼓勵(lì)他們思想和身份的多樣性。
–我們的工作清單
在Webflow所在的美國(guó)這里，日益激烈的政治氣氛促使人們更加關(guān)注多樣性和包容性在設(shè)計(jì)中的作用。
我們承認(rèn)，設(shè)計(jì)選擇，因?yàn)榭此坪苄〉臎Q定性別的下拉列表中包含哪些選項(xiàng)-在所有甚至包括性別的下拉列表中-無(wú)論深深我們的許多同胞的。我們將再次看到錯(cuò)誤消息的措辭和數(shù)據(jù)驗(yàn)證機(jī)制在人機(jī)交互動(dòng)態(tài)中的強(qiáng)大作用。我們意識(shí)到，在廣告工具中使種族成為過濾器會(huì)帶來(lái)徹頭徹尾的種族主義影響，從而維護(hù)我們?cè)S多人都希望看到的顛覆性的現(xiàn)有權(quán)力關(guān)系。
而且我們意識(shí)到，如果我們的團(tuán)隊(duì)不是多元化和包容性的，那么我們的設(shè)計(jì)解決方案也不可能。
無(wú)論如何，我們中的一些人。
另一方面，我們還看到性別偏見以明顯矛盾和邊緣化的方式擺在丑陋的頭上，把我們通常認(rèn)為最善良的對(duì)話（例如提供反饋）變成了雙重標(biāo)準(zhǔn)的明顯例子。
最終，作為用戶體驗(yàn)（UX）專業(yè)人員，我們的工作是為每個(gè)人（無(wú)論他們的具體情況如何）提供可用的，理想的愉快體驗(yàn)。
換句話說(shuō)：我們的工作全是包容性。讓我們讓2018年成為我們所有人專注于最大程度地完成工作的一年。
16.“視頻轉(zhuǎn)軸”播放
盡管事實(shí)上我們當(dāng)中幾乎沒有人熱衷于要求視頻成為網(wǎng)絡(luò)發(fā)行媒體，但是發(fā)行商仍然對(duì)這種轉(zhuǎn)變持驚人的樂觀態(tài)度。
您到處都可以看到它：從新聞網(wǎng)站上，這些網(wǎng)站實(shí)際上堅(jiān)持要觀看視頻，而不是閱讀由Snapchat，Instagram和Facebook推動(dòng)的簡(jiǎn)短“故事”。Excel肯定會(huì)很快加入潮流的！
但是，就像大多數(shù)技術(shù)一樣，這并不是中立的發(fā)展。成千上萬(wàn)的記者失去了工作，這是從文本轉(zhuǎn)向動(dòng)態(tài)圖像的關(guān)鍵。
而且對(duì)于進(jìn)行轉(zhuǎn)換的網(wǎng)站而言，前景可能也不是那么好。根據(jù)《哥倫比亞新??聞評(píng)論》：
專注于視頻的發(fā)行商在僅僅一年的時(shí)間里，散發(fā)出大量未分類的，平淡無(wú)奇的大量“快餐”視頻，就沒收了大部分來(lái)之不易的本地觀眾。
不管是什么，獨(dú)立新聞事業(yè)都在遭受苦難-謝謝特朗普，但是向視頻的轉(zhuǎn)變并沒有真正的幫助。
一個(gè)積極的注解：根據(jù)Digiday的說(shuō)法，“視頻每千次展示費(fèi)用遠(yuǎn)遠(yuǎn)大于顯示每千次展示費(fèi)用”（每千次展示費(fèi)用為“每次展示費(fèi)用”）。在理想的世界中，這意味著報(bào)紙可以在其故事中加入較少的廣告而擺脫困境。
但是，當(dāng)然不會(huì)發(fā)生。
面對(duì)所有這些情況，值得記住的是，文本既是創(chuàng)意媒體又是信息媒體，它們的優(yōu)點(diǎn)是：
生產(chǎn)相對(duì)較快
很便宜
它仍然是網(wǎng)絡(luò)上大多數(shù)交流的主要格式
最后一點(diǎn)可能會(huì)讓您抓狂。但我鼓勵(lì)您跳到主要的社交網(wǎng)絡(luò)并滾動(dòng)瀏覽。除非您使用Instagram，Pinterest或Snapchat，否則您很有可能會(huì)看到大量寫作。即使在那些以視覺為先的平臺(tái)上，文本仍然扮演著重要的輔助角色。
因?yàn)楸M管一張圖片在捕捉場(chǎng)景時(shí)可能“價(jià)值一千個(gè)單詞”，但它們卻很少捕捉上下文-誰(shuí)，什么，何時(shí)，何地，為什么以及如何使圖像有意義。
這很自然地將我們引向了下一點(diǎn)：
17. UX編寫器的崛起仍在繼續(xù)
影響設(shè)計(jì)成真的任何人都是設(shè)計(jì)師。這包括開發(fā)人員，項(xiàng)目經(jīng)理，甚至公司法律。都是設(shè)計(jì)師。
–Jared線軸
我在去年的設(shè)計(jì)趨勢(shì)文章中略微提及了這一點(diǎn)，但今天，我想將更多精力集中在稱為“ UX寫作”的門徒的崛起上。
簡(jiǎn)而言之，UX編寫者專注于UI中找到的內(nèi)容，主要是針對(duì)大型數(shù)字產(chǎn)品和Web應(yīng)用程序。現(xiàn)在，當(dāng)我解釋說(shuō)我為Webflow等公司（過去是LinkedIn）編寫產(chǎn)品內(nèi)內(nèi)容時(shí)，人們傾向于說(shuō)“什么？”。
但是請(qǐng)放心：UI 包含了書面內(nèi)容。該內(nèi)容通常在您理解中起關(guān)鍵作用：
在UI中可以做什么
怎么做那些事
您可能會(huì)遇到哪些限制和復(fù)雜性
但是，UX編寫的功能遠(yuǎn)不止這些。界面中的文字也可以成為塑造我們最喜歡的UI背后的品牌認(rèn)知度的強(qiáng)大工具。只要想一想您所看到的所有推文，都可以突出顯示網(wǎng)絡(luò)應(yīng)用程序中的一條熱鬧的副本行，或者所有404頁(yè)的展示臺(tái)上都帶有機(jī)智的消息，旨在在次佳的時(shí)刻推動(dòng)行動(dòng)。
這在稱為聊天機(jī)器人的UI格式中最為明顯。一般而言，這些用戶界面僅由文字組成。文字成為用戶界面。聊天機(jī)器人的個(gè)性（或品牌）只能通過語(yǔ)言表達(dá)。加上一些精心挑選的表情符號(hào)來(lái)調(diào)味。
作為一個(gè)經(jīng)驗(yàn)豐富的UX作家，我很高興看到這個(gè)關(guān)鍵角色獲得了更多當(dāng)之無(wú)愧的認(rèn)可。
我們也是設(shè)計(jì)師。我們只是以音節(jié)和字母形式工作。我們等不及與您合作。
18.設(shè)計(jì)。系統(tǒng)化。
既然設(shè)計(jì)已經(jīng)贏得了“競(jìng)爭(zhēng)者的地位”，那么對(duì)話已經(jīng)從價(jià)值主張轉(zhuǎn)移到了更成熟的分析，即如何使設(shè)計(jì)的成功在整個(gè)品牌的眾多產(chǎn)出和環(huán)境中變得更加系統(tǒng)，可擴(kuò)展且更具凝聚力。
設(shè)計(jì)系統(tǒng)專注于將品牌美感和功能性方法轉(zhuǎn)化為模塊化的組件，這些組件可以進(jìn)行混合和匹配以滿足（理想情況下）任何UI的獨(dú)特需求。將設(shè)計(jì)語(yǔ)言系統(tǒng)化后，它可以簡(jiǎn)化決策制定，減少開發(fā)時(shí)間，并使設(shè)計(jì)師可以騰出時(shí)間從事尚未建立設(shè)計(jì)模式的知名項(xiàng)目。
按照慣例，品牌總是緊隨潮流。UXPin推出了Systems，這是用于創(chuàng)建和維護(hù)設(shè)計(jì)系統(tǒng)的工具。Shopify之所以推出Polaris，是因?yàn)槠鋬?nèi)容，設(shè)計(jì)和開發(fā)指南的獨(dú)特融合（我對(duì)此非常有熱情），因此受到了高度贊揚(yáng)。UX Power Tools推出了一個(gè)庫(kù)，試圖使Sketch成為可行的設(shè)計(jì)系統(tǒng)工具（我們將會(huì)看到！）。
期待看到很多更多的這個(gè)在2018年。
19.原則至上的設(shè)計(jì)
長(zhǎng)期以來(lái)，設(shè)計(jì)界一直沉迷于其中一種“先有雞還是先有蛋”的辯論：內(nèi)容優(yōu)先或設(shè)計(jì)優(yōu)先。
我一直在爭(zhēng)論的內(nèi)容優(yōu)先方面。不僅因?yàn)槲沂且粋€(gè)“內(nèi)容豐富的人”。在我看來(lái)，在決定如何打包消息之前先確定消息是純邏輯。
但是最近，隨著我從為特定交付物設(shè)計(jì)內(nèi)容策略，轉(zhuǎn)向面向更多系統(tǒng)的工作（品牌級(jí)內(nèi)容策略），我開始感到這樣的想法，即我們的工作不應(yīng)從設(shè)計(jì)或內(nèi)容開始。
它應(yīng)該從原則開始。
其他所有內(nèi)容-它的外觀，如何工作，聽起來(lái)如何-都應(yīng)源自并依賴于一組定義明確且明確表達(dá)的原則。
或如Shopify資深UX負(fù)責(zé)人Amy Thibodeau在她美麗的文章“ Locating Polaris”中所說(shuō)：
如果創(chuàng)建該系統(tǒng)是為了支持實(shí)際工作，則它應(yīng)反映組織如何做事以及它重視什么。例如，不包含任何有關(guān)原理或內(nèi)容方法的設(shè)計(jì)系統(tǒng)，在日常工作中可能不會(huì)優(yōu)先考慮這些內(nèi)容。
原則為所有其他決策提供了框架，從英雄中的副本應(yīng)該多長(zhǎng)時(shí)間到內(nèi)容提供背景的圖像。畢竟，品牌是建立在原則之上的：使命，愿景和承諾。這些事物中的每一個(gè)都需要基本的信念來(lái)使其活躍，使其與他人相關(guān)。
換句話說(shuō)：原則提供了原因。
例如：在Webflow，我們的使命是使設(shè)計(jì)師，企業(yè)家和創(chuàng)意專業(yè)人士能夠在網(wǎng)絡(luò)上實(shí)現(xiàn)他們的想法。從瑞安（Ryan）為我們創(chuàng)建的美學(xué)方法到我設(shè)計(jì)的語(yǔ)音和音調(diào)標(biāo)準(zhǔn)，這一使命都為我們所做的一切注入了活力。
正是這些標(biāo)準(zhǔn)指導(dǎo)了我們的初稿，彼此之間提供了反饋，并有望使每篇博客文章，電子郵件，營(yíng)銷頁(yè)面等得到滿足。到目前為止，這是一個(gè)很好的起點(diǎn)。
