成都企業(yè)建網(wǎng)站多少錢 創(chuàng)新互聯(lián)高端設(shè)計(jì) 中低端價(jià)格 13518219792
對(duì)于創(chuàng)意學(xué)科的趨勢(shì)很容易流連忘返。畢竟,密切關(guān)注“熱門(mén)話題”并沒(méi)有什么創(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)意和引人入勝的布局的過(guò)程中,我們一直依賴的為布局帶來(lái)和諧與邏輯的網(wǎng)格本身已成為一種約束。
有時(shí)候,我們都想去脫離電網(wǎng),amirite?
這并不是說(shuō)破碎的網(wǎng)格布局完全放棄了網(wǎng)格的概念-相反,它們?cè)试S圖像和文本元素進(jìn)入并越過(guò)排水溝,這些排水溝通常在更清醒的布局中用作硬停。在這里,通常謹(jǐn)慎的圖像和文本框開(kāi)始重疊并會(huì)聚,經(jīng)常創(chuàng)建位圖和字母格式的精美的并列。
有時(shí)候很難說(shuō)這些影響是否是故意的,或只是一個(gè)愉快的錯(cuò)誤...
2.插圖占據(jù)中心地位
我在數(shù)字產(chǎn)品營(yíng)銷世界中目睹的更有趣的挑戰(zhàn)之一是圖像選擇。我已經(jīng)看過(guò)整個(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ù)看到插畫(huà)家的作品在市場(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)作過(guò)程栩栩如生。我們的風(fēng)格是從您第一次有了主意的那一刻起就受到啟發(fā)的,并提醒您“畫(huà)布只有在您留下第一個(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)建的作品避開(kāi)了所有優(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)在的背景比比皆是,幾乎有變形蟲(chóng)的斑點(diǎn),引人注目的對(duì)角線,甚至是現(xiàn)實(shí)世界中的點(diǎn)點(diǎn)滴滴,都幾乎變成了卡通。
但是,設(shè)計(jì)師們?cè)趯で笥罒o(wú)止境的出路之時(shí),不只是轉(zhuǎn)向有機(jī)曲線。如Stripe的主頁(yè)上所述,許多人只是簡(jiǎn)單地使這些盒子偏離了通常的90°角度,從而通過(guò)簡(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í)似乎仍在您眼中徘徊的幽靈般的余像,但值得注意的是,從可訪問(wèn)性的角度來(lái)看,它們代表了雜亂無(wú)章的領(lǐng)域。
盡管通常認(rèn)為可訪問(wèn)性使殘障人士的設(shè)計(jì)變得用戶友好,但值得記住的是,即使是那些有色覺(jué)的人,也很難適應(yīng)殘酷的色彩組合。
別開(kāi)玩笑:這些形狀會(huì)在您滾動(dòng)時(shí)充滿您的屏幕。
根據(jù)LinkedIn的可訪問(wèn)性工程經(jīng)理Jennison Asuncion的說(shuō)法,可訪問(wèn)性可以定義為:
設(shè)計(jì)和開(kāi)發(fā)每個(gè)用戶(包括殘疾人)可以獨(dú)立使用和交互的用戶界面。
那大家是關(guān)鍵。
5.更普遍的互動(dòng)和動(dòng)畫(huà)
媒介就是信息。
–馬歇爾·麥克盧漢(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)該在這里太過(guò)分了-動(dòng)畫(huà)總有可能使原本令人愉悅的體驗(yàn)變得不知所措,尤其是對(duì)于那些具有認(rèn)知障礙或?qū)?dòng)作敏感的人。
但是做得好,即使是微妙的動(dòng)畫(huà)也可以在正確的時(shí)間將訪問(wèn)者的注意力引向正確的內(nèi)容,從而幫助確保他們不會(huì)錯(cuò)過(guò)重要的復(fù)制行或轉(zhuǎn)換驅(qū)動(dòng)形式。
以Heco Partners為代理機(jī)構(gòu)Black Sheep建立的這個(gè)華麗網(wǎng)站為例。向下滾動(dòng)時(shí),“當(dāng)前”行的突出顯示有助于您專注于寫(xiě)得很好的副本。然后,一系列大膽設(shè)計(jì)的工具提示開(kāi)始吸引您的注意,并大聲疾呼讓您停止閱讀,然后單擊另一頁(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)畫(huà)和交互的創(chuàng)建,這在數(shù)字設(shè)計(jì)師的工具包中是一個(gè)空白。
更具體地說(shuō),我們期待著兩種特殊的動(dòng)畫(huà)模式中的更多:異常的滾動(dòng)速率和頁(yè)面過(guò)渡。
意外的滾動(dòng)速度
這些天視差可能已經(jīng)過(guò)時(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)畫(huà)成為我們?cè)诰€體驗(yàn)中更加重要的部分,期望看到更多的意料之外的東西來(lái)添加香料。
頁(yè)面過(guò)渡
在一個(gè)充滿美麗動(dòng)畫(huà)的網(wǎng)絡(luò)中,它有可能清楚地告訴我們“此頁(yè)面上的某些內(nèi)容已發(fā)生變化”,無(wú)論您在哪個(gè)網(wǎng)站上,從一個(gè)頁(yè)面轉(zhuǎn)到另一個(gè)頁(yè)面總是讓人感覺(jué)有些奇怪。 。
狀態(tài)更改動(dòng)畫(huà)可能使您離開(kāi)一頁(yè),而另一頁(yè)在新頁(yè)上向您打招呼,但這些都是謹(jǐn)慎的,沒(méi)有必要將它們鏈接在一起。過(guò)渡本身看起來(lái)就像其他任何從頁(yè)面切換到頁(yè)面的切換一樣:一秒鐘空白,然后加載新頁(yè)面。
但是,我們開(kāi)始看到越來(lái)越多的網(wǎng)站使這種狀態(tài)變化看起來(lái)很美。例如,在代理商3drops的網(wǎng)站上進(jìn)行以下轉(zhuǎn)換:
在此,頁(yè)面過(guò)渡可保持體驗(yàn)的凝聚力和品牌效應(yīng)。您并不是要“導(dǎo)航到新頁(yè)面”,而是要訪問(wèn)視圖庫(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)深受其影響,
視覺(jué)設(shè)計(jì)師長(zhǎng)期以來(lái)一直尋求通過(guò)提供盡可能少的選擇和視覺(jué)干擾來(lái)擺脫用戶的困擾。
對(duì)于一個(gè)生活在數(shù)字世界中的人來(lái)說(shuō),這是一種新奇的體驗(yàn),而這個(gè)選擇很有意義。我們需要進(jìn)入這個(gè)陌生的新世界。
但是今天,我們擁有類似以下的站點(diǎn)—出于公平警告,可能會(huì)導(dǎo)致癲癇發(fā)作:
封面雜志
勞倫佐
Razzle Dazzle都靈
從抵達(dá)那一刻起,所有這些似乎都在努力向您扔掉所有東西,廚房也沉沒(méi)在您眼前。
您可以稱其為野蠻行為的一種-實(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ì)訪問(wèn)者的期望會(huì)越來(lái)越高是很自然的。
7. Serif竭盡全力
回到過(guò)去非視網(wǎng)膜屏幕和糟糕的字體支持的糟糕時(shí)代,在您的Web界面中堅(jiān)持使用無(wú)襯線字體非常有意義。但是隨著屏幕和字體渲染技術(shù)(更不用說(shuō)自定義字體支持)變得越來(lái)越強(qiáng)大,我們開(kāi)始看到越來(lái)越多的精美字體成為中心焦點(diǎn)?;蛘咧辽伲匾妮o助角色。
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é)上乘的感覺(jué)的能力,我熱烈歡迎我們新的掌權(quán)者。
8.浮動(dòng)導(dǎo)航菜單
固定導(dǎo)航已成為注重轉(zhuǎn)換的網(wǎng)站(因?yàn)楹诵腃TA在您滾動(dòng)時(shí)可以堅(jiān)持使用)或菜單龐大的網(wǎng)站的支柱。通過(guò)始終將導(dǎo)航控件始終放在用戶的指尖,這是一種簡(jiǎn)化網(wǎng)站體驗(yàn)的好方法。
最近,我們看到設(shè)計(jì)師通過(guò)在視覺(jué)上將導(dǎo)航與
網(wǎng)站設(shè)計(jì)的其余部分分離,并將其移動(dòng)到瀏覽器的鑲邊下方,使創(chuàng)意進(jìn)一步發(fā)展。這增強(qiáng)了以下感覺(jué):導(dǎo)航是全局對(duì)象,不一定是任何一頁(yè)的一部分,但在那里可以放心地跟隨您瀏覽網(wǎng)站。
從視覺(jué)上看,最明顯的方法是在導(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)您嘗試以視覺(jué)格式傳達(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),而尺寸卻沒(méi)有呈指數(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)故事,通過(guò)視頻,聲音,圖表和圖形,地圖,以及更多。
公平地講,這幾乎不是“新”趨勢(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)仍然非常抽象的問(wèn)題(甚至是不現(xiàn)實(shí)的),這對(duì)于至關(guān)重要的問(wè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í)際上,可以通過(guò)CMS提供這類體驗(yàn)。這只需要一點(diǎn)點(diǎn)才智-這個(gè)故事的所有視覺(jué)效果都可以通過(guò)背景圖像和視頻來(lái)傳遞-并在編寫(xiě),設(shè)計(jì)和開(kāi)發(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)》所見(jiàn)。
11.可變字體!
縱觀當(dāng)今的網(wǎng)絡(luò),很難相信僅僅幾年前,我們被迫依靠稀疏的幾種字體來(lái)提供我們所有的文字內(nèi)容。
如今,網(wǎng)絡(luò)上到處都是各種各樣的華麗字體,這引起了人們對(duì)字體,字體設(shè)計(jì)和字體的大量消費(fèi)的革命性興趣。
隨著可變字體的發(fā)布,它只會(huì)變得更好。蘋(píng)果(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ì)之類的視覺(jué)藝術(shù)時(shí),最好堅(jiān)持視覺(jué):
來(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年提供了大量有用的,精心編寫(xiě)的信息,而且我想我們會(huì)在2018年看到更多2017年批次的所有成功都可見(jiàn)一斑。
看到許多品牌都拋棄了熟悉的門(mén)控PDF方法進(jìn)行電子書(shū)分發(fā),并完全利用網(wǎng)絡(luò)發(fā)布我喜歡稱之為“ webooks”的長(zhǎng)篇內(nèi)容的潛力,這也令人著迷。
我指的是什么?好:
條紋地圖集指南
空氣宇宙。
DesignBetter.co
對(duì)講機(jī)書(shū)籍
我們自己的電子書(shū)網(wǎng)站。
我需要繼續(xù)嗎?
13. CSS網(wǎng)格!
CSS-Tricks的Robin Rendle提供的CSS網(wǎng)格演示。
正如羅賓·雷德?tīng)枺≧obin Rendle)雄辯地將其放在CSS-Tricks上一樣:
嗯,CSS Grid是第一個(gè)用于Web的實(shí)際布局系統(tǒng)。它旨在將內(nèi)容組織為列和行,并且最終為開(kā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)生“沒(méi)有本地交互性的圖像,圖標(biāo),插圖,字體,廣告,印刷媒體或其他視覺(jué)傳達(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)建幾乎沒(méi)有甚至沒(méi)有實(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ù)版本。
我們還沒(méi)有到達(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í)到,在廣告工具中使種族成為過(guò)濾器會(huì)帶來(lái)徹頭徹尾的種族主義影響,從而維護(hù)我們?cè)S多人都希望看到的顛覆性的現(xiàn)有權(quán)力關(guān)系。
而且我們意識(shí)到,如果我們的團(tuán)隊(duì)不是多元化和包容性的,那么我們的設(shè)計(jì)解決方案也不可能。
無(wú)論如何,我們中的一些人。
另一方面,我們還看到性別偏見(jiàn)以明顯矛盾和邊緣化的方式擺在丑陋的頭上,把我們通常認(rèn)為最善良的對(duì)話(例如提供反饋)變成了雙重標(biāo)準(zhǔn)的明顯例子。
最終,作為用戶體驗(yàn)(UX)專業(yè)人員,我們的工作是為每個(gè)人(無(wú)論他們的具體情況如何)提供可用的,理想的愉快體驗(yàn)。
換句話說(shuō):我們的工作全是包容性。讓我們讓2018年成為我們所有人專注于大程度地完成工作的一年。
16.“視頻轉(zhuǎn)軸”播放
盡管事實(shí)上我們當(dāng)中幾乎沒(méi)有人熱衷于要求視頻成為網(wǎng)絡(luò)發(fā)行媒體,但是發(fā)行商仍然對(duì)這種轉(zhuǎn)變持驚人的樂(lè)觀態(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ú)奇的大量“快餐”視頻,就沒(méi)收了大部分來(lái)之不易的本地觀眾。
不管是什么,獨(dú)立新聞事業(yè)都在遭受苦難-謝謝特朗普,但是向視頻的轉(zhuǎn)變并沒(méi)有真正的幫助。
一個(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ì)看到大量寫(xiě)作。即使在那些以視覺(jué)為先的平臺(tái)上,文本仍然扮演著重要的輔助角色。
因?yàn)楸M管一張圖片在捕捉場(chǎng)景時(shí)可能“價(jià)值一千個(gè)單詞”,但它們卻很少捕捉上下文-誰(shuí),什么,何時(shí),何地,為什么以及如何使圖像有意義。
這很自然地將我們引向了下一點(diǎn):
17. UX編寫(xiě)器的崛起仍在繼續(xù)
影響設(shè)計(jì)成真的任何人都是設(shè)計(jì)師。這包括開(kāi)發(fā)人員,項(xiàng)目經(jīng)理,甚至公司法律。都是設(shè)計(jì)師。
–Jared線軸
我在去年的設(shè)計(jì)趨勢(shì)文章中略微提及了這一點(diǎn),但今天,我想將更多精力集中在稱為“ UX寫(xiě)作”的門(mén)徒的崛起上。
簡(jiǎn)而言之,UX編寫(xiě)者專注于UI中找到的內(nèi)容,主要是針對(duì)大型數(shù)字產(chǎn)品和Web應(yīng)用程序?,F(xiàn)在,當(dāng)我解釋說(shuō)我為Webflow等公司(過(guò)去是LinkedIn)編寫(xiě)產(chǎn)品內(nèi)內(nèi)容時(shí),人們傾向于說(shuō)“什么?”。
但是請(qǐng)放心:UI 包含了書(shū)面內(nèi)容。該內(nèi)容通常在您理解中起關(guān)鍵作用:
在UI中可以做什么
怎么做那些事
您可能會(huì)遇到哪些限制和復(fù)雜性
但是,UX編寫(xiě)的功能遠(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è)性(或品牌)只能通過(guò)語(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)化決策制定,減少開(kāi)發(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ì)和開(kāi)發(fā)指南的獨(dú)特融合(我對(duì)此非常有熱情),因此受到了高度贊揚(yáng)。UX Power Tools推出了一個(gè)庫(kù),試圖使Sketch成為可行的設(shè)計(jì)系統(tǒng)工具(我們將會(huì)看到?。?/div>
期待看到很多更多的這個(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)容策略),我開(kāi)始感到這樣的想法,即我們的工作不應(yīng)從設(shè)計(jì)或內(nèi)容開(kāi)始。
它應(yīng)該從原則開(kāi)始。
其他所有內(nèi)容-它的外觀,如何工作,聽(tīng)起來(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)。
新聞名稱:成都企業(yè)建網(wǎng)站多少錢
鏈接地址:http://redsoil1982.com.cn/news18/184968.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)、域名注冊(cè)、全網(wǎng)營(yíng)銷推廣、電子商務(wù)、企業(yè)網(wǎng)站制作、建站公司
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)