成都企業(yè)建網(wǎng)站多少錢

2022-08-04    分類: 網(wǎng)站建設(shè)

成都企業(yè)建網(wǎng)站多少錢 創(chuàng)新互聯(lián)高端設(shè)計(jì)  中低端價(jià)格  13518219792

對(duì)于創(chuàng)意學(xué)科的趨勢(shì)很容易流連忘返。畢竟,密切關(guān)注“熱門話題”并沒有什么創(chuàng)造性或創(chuàng)新性,除非您這樣做是為了不斷逆勢(shì)發(fā)展。


自從我們第一次學(xué)會(huì)在洞穴墻壁上用o石和木炭重塑我們的世界元素以來,一直在進(jìn)行這樣的對(duì)話。自從我們學(xué)會(huì)了將用黏土刻在黏土上的抽象標(biāo)記變成充滿意義的包裝,即語言。

趨勢(shì)只是那龐大,混亂,和聲對(duì)話中的主線。無論我們選擇采用還是抵制它們,我們的創(chuàng)意選擇都與這些趨勢(shì)并存。

它們提供了上下文。因?yàn)槿绻幻撾x規(guī)范,什么是創(chuàng)新?去年的趨勢(shì)是什么?

因此,就像去年一樣,我和Webflow的crackjack設(shè)計(jì)團(tuán)隊(duì)一起坐下來,要求他們凝視他們的VR水晶球,看看什么將在2018年定義設(shè)計(jì)。

這是Sergie Magdalin,Ryan Morrison,Linsey Peterson,Nathan Romero和Darin Dimitroff不得不說的。(當(dāng)然,還有一些我自己的想法。)

1.破碎的網(wǎng)格布局

在設(shè)計(jì)師永無止境地尋求更具創(chuàng)意和引人入勝的布局的過程中,我們一直依賴的為布局帶來和諧與邏輯的網(wǎng)格本身已成為一種約束。


有時(shí)候,我們都想去脫離電網(wǎng),amirite?
這并不是說破碎的網(wǎng)格布局完全放棄了網(wǎng)格的概念-相反,它們?cè)试S圖像和文本元素進(jìn)入并越過排水溝,這些排水溝通常在更清醒的布局中用作硬停。在這里,通常謹(jǐn)慎的圖像和文本框開始重疊并會(huì)聚,經(jīng)常創(chuàng)建位圖和字母格式的精美的并列。


有時(shí)候很難說這些影響是否是故意的,或只是一個(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ā)生這種情況使我著迷,而我無法確切確定它是什么。也許這與我們?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è)成員的指南燈-北極星。


最后,值得注意的是,插圖還可以巧妙地解決攝影所帶來的一些代表性挑戰(zhàn)。

我們?yōu)楦鞣N各樣的人類構(gòu)建我們的數(shù)字產(chǎn)品-但是當(dāng)您捕獲到真實(shí)人類的照片并將該照片放到網(wǎng)站的英雄中時(shí),該人就可以代表您的用戶。并保留所有其他用戶的身份。

相比之下,Shopify Polaris英雄形象中所描繪的人只是一個(gè)人。種族,性別,國籍等說明符未定義,這使我們每個(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)攻方面(無論如何都達(dá)到預(yù)期)的外觀和效果。

因此,當(dāng)所有站點(diǎn)類型中有兩個(gè)電子商務(wù)商店躍入殘酷的行列時(shí),您可以想象我們的驚喜:

巴黎世家(Balenciaga)

古馳(Gucci)

4.更有機(jī)和傾斜的形狀
自然討厭一條直線。
–威廉·肯特

多年來,基于卡片的UI一直主導(dǎo)著Web和移動(dòng)設(shè)計(jì)。直到最近,這些卡中的大多數(shù)(大部分)都是鋒利的和直角的,暴露了其下層div的幾何形狀,這幾乎是現(xiàn)代主義對(duì)網(wǎng)頁設(shè)計(jì)材料的關(guān)注。

在2017年,情況發(fā)生了很大的變化?,F(xiàn)在,從Google即時(shí)到Twitter到Facebook的每個(gè)應(yīng)用程序的卡片,輸入框,個(gè)人資料化身等等,幾乎都有逼人的圓角。


如果這些箱子得到任何全才,他們就會(huì)是橢圓形。
不僅僅是那些越來越具有有機(jī)形狀的主要元素?,F(xiàn)在的背景比比皆是,幾乎有變形蟲的斑點(diǎn),引人注目的對(duì)角線,甚至是現(xiàn)實(shí)世界中的點(diǎn)點(diǎn)滴滴,都幾乎變成了卡通。


但是,設(shè)計(jì)師們?cè)趯で笥罒o止境的出路之時(shí),不只是轉(zhuǎn)向有機(jī)曲線。如Stripe的主頁上所述,許多人只是簡(jiǎn)單地使這些盒子偏離了通常的90°角度,從而通過簡(jiǎn)單的視角改變就可以使他們的設(shè)計(jì)煥然一新。


所有這些并不是說直角會(huì)像恐龍一樣走下去。我們還看到了幾個(gè)點(diǎn)在直線上成對(duì)出現(xiàn),并有效地將它們與更有機(jī)和球形的形狀混合在一起。


您還將注意到許多網(wǎng)站用戶界面中出現(xiàn)“閃爍”或“ 振動(dòng) ”的顏色。盡管這些顏色組合會(huì)產(chǎn)生令人難以置信的驚人效果,包括在您滾動(dòng)時(shí)似乎仍在您眼中徘徊的幽靈般的余像,但值得注意的是,從可訪問性的角度來看,它們代表了雜亂無章的領(lǐng)域。

盡管通常認(rèn)為可訪問性使殘障人士的設(shè)計(jì)變得用戶友好,但值得記住的是,即使是那些有色覺的人,也很難適應(yīng)殘酷的色彩組合。


別開玩笑:這些形狀會(huì)在您滾動(dòng)時(shí)充滿您的屏幕。
根據(jù)LinkedIn的可訪問性工程經(jīng)理Jennison Asuncion的說法,可訪問性可以定義為:

設(shè)計(jì)和開發(fā)每個(gè)用戶(包括殘疾人)可以獨(dú)立使用和交互的用戶界面。
那大家是關(guān)鍵。

5.更普遍的互動(dòng)和動(dòng)畫
媒介就是信息。
–馬歇爾·麥克盧漢(Marshall McLuhan)

網(wǎng)絡(luò)不是靜態(tài)媒體。盡管賈斯汀·杰克遜(Justin Jackson)的“ 這是一個(gè)網(wǎng)頁 ”之類的作品具有持久的美感和真實(shí)性,但網(wǎng)絡(luò)所能提供的不僅僅是在頁面上打印文字。而且,如果麥克盧漢(McLuhan)的那句名言不勝枚舉,那就意味著至少網(wǎng)絡(luò)上的某些信息(其含義)在于其運(yùn)動(dòng)和互動(dòng)的能力:網(wǎng)頁不僅能夠向我們提供信息,而且能夠使我們獲得信息的能力。信息移動(dòng),更重要的是,它使我們能夠與該信息進(jìn)行交互并對(duì)其產(chǎn)生影響。


一切都在進(jìn)行中,但從未分散注意力。
越來越多地,當(dāng)您滾動(dòng)瀏覽網(wǎng)絡(luò)時(shí),信息不僅會(huì)顯示出來供您批準(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ì)的工具提示開始吸引您的注意,并大聲疾呼讓您停止閱讀,然后單擊另一頁。這是對(duì)構(gòu)建內(nèi)置導(dǎo)航系統(tǒng)的挑戰(zhàn)的創(chuàng)造性解決方案,但它也可能給某些用戶帶來不必要的緊張感。

從我們自己的Interactions 2.0到Airbnb的Lottie,我們還看到了許多工具可以簡(jiǎn)化更復(fù)雜的動(dòng)畫和交互的創(chuàng)建,這在數(shù)字設(shè)計(jì)師的工具包中是一個(gè)空白。

更具體地說,我們期待著兩種特殊的動(dòng)畫模式中的更多:異常的滾動(dòng)速率和頁面過渡。

意外的滾動(dòng)速度

這些天視差可能已經(jīng)過時(shí)了,但這并不意味著設(shè)計(jì)人員對(duì)以有趣的方式將滾動(dòng)與元素移動(dòng)聯(lián)系起來并不感興趣。

以Anna Eshwood的網(wǎng)站為例。網(wǎng)站上的每張照片都會(huì)正常運(yùn)行,直到您滾動(dòng)瀏覽它們?yōu)橹?,然后它們以比您的滾動(dòng)速度更快的速度迅速上升。這給現(xiàn)場(chǎng)帶來了一種有趣的空靈感,可以與樸素,單色的照片及其嚴(yán)格的模型很好地搭配。

隨著交互和動(dòng)畫成為我們?cè)诰€體驗(yàn)中更加重要的部分,期望看到更多的意料之外的東西來添加香料。

頁面過渡
在一個(gè)充滿美麗動(dòng)畫的網(wǎng)絡(luò)中,它有可能清楚地告訴我們“此頁面上的某些內(nèi)容已發(fā)生變化”,無論您在哪個(gè)網(wǎng)站上,從一個(gè)頁面轉(zhuǎn)到另一個(gè)頁面總是讓人感覺有些奇怪。 。

狀態(tài)更改動(dòng)畫可能使您離開一頁,而另一頁在新頁上向您打招呼,但這些都是謹(jǐn)慎的,沒有必要將它們鏈接在一起。過渡本身看起來就像其他任何從頁面切換到頁面的切換一樣:一秒鐘空白,然后加載新頁面。

但是,我們開始看到越來越多的網(wǎng)站使這種狀態(tài)變化看起來很美。例如,在代理商3drops的網(wǎng)站上進(jìn)行以下轉(zhuǎn)換:


在此,頁面過渡可保持體驗(yàn)的凝聚力和品牌效應(yīng)。您并不是要“導(dǎo)航到新頁面”,而是要訪問視圖庫中的另一個(gè)“視圖”。完善以設(shè)計(jì)為中心的品牌展示會(huì)是一種很好的波蘭方式。


6.極簡(jiǎn)主義的出現(xiàn)
好的設(shè)計(jì)就是盡可能少的設(shè)計(jì)
–Dieter公羊

多年來,似乎您可以獲得的最強(qiáng)大,令人垂涎的設(shè)計(jì)反饋是:“很干凈”。

那就是極簡(jiǎn)時(shí)代的設(shè)計(jì)世界。迪特·拉姆斯(Dieter Rams)的良好設(shè)計(jì)原則以及極富影響力的印刷術(shù)論文《水晶杯》(The Crystal Goblet)深受其影響,視覺設(shè)計(jì)師長(zhǎng)期以來一直尋求通過提供盡可能少的選擇和視覺干擾來擺脫用戶的困擾。

對(duì)于一個(gè)生活在數(shù)字世界中的人來說,這是一種新奇的體驗(yàn),而這個(gè)選擇很有意義。我們需要進(jìn)入這個(gè)陌生的新世界。  

但是今天,我們擁有類似以下的站點(diǎn)—出于公平警告,可能會(huì)導(dǎo)致癲癇發(fā)作:


封面雜志


勞倫佐


Razzle Dazzle都靈

從抵達(dá)那一刻起,所有這些似乎都在努力向您扔掉所有東西,廚房也沉沒在您眼前。

您可以稱其為野蠻行為的一種-實(shí)際上,我在野獸網(wǎng)站上找到了上述所有網(wǎng)站,但我們認(rèn)為,即使您認(rèn)為野蠻之外,也可以說會(huì)有更多的極簡(jiǎn)主義網(wǎng)站出現(xiàn)。隨著我們?cè)絹碓骄〝?shù)字技術(shù),某些站點(diǎn)對(duì)訪問者的期望會(huì)越來越高是很自然的。

7. Serif竭盡全力
回到過去非視網(wǎng)膜屏幕和糟糕的字體支持的糟糕時(shí)代,在您的Web界面中堅(jiān)持使用無襯線字體非常有意義。但是隨著屏幕和字體渲染技術(shù)(更不用說自定義字體支持)變得越來越強(qiáng)大,我們開始看到越來越多的精美字體成為中心焦點(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ì)象,不一定是任何一頁的一部分,但在那里可以放心地跟隨您瀏覽網(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)有趣的并置,這帶來了有趣的創(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è)原因:

它可以無縫融入設(shè)計(jì)中,而無需嵌入YouTube或Vimeo視頻的鑲邊
即使在圖像中有許多顏色,漸變和細(xì)節(jié)的情況下,它也仍然具有很高的質(zhì)量-GIF很難做到這一點(diǎn),而尺寸卻沒有呈指數(shù)級(jí)增長(zhǎng)
可以循環(huán)以確保副本的細(xì)節(jié)與圖像的細(xì)節(jié)保持同步,并為需要的對(duì)象重復(fù)
因此,從我們自己的主頁到諸如Stripe Sigma之類的功能頁面,視頻元素席卷整個(gè)網(wǎng)絡(luò)也就不足為奇了。

在網(wǎng)頁寄存服務(wù)中尋找什么
那里有大量的網(wǎng)絡(luò)托管選項(xiàng)-但是您如何知道要尋找的功能?了解如何實(shí)現(xiàn)Webflow托管。

了解有關(guān)托管的更多信息

10.更身臨其境的“多媒體”長(zhǎng)篇
當(dāng)我們要發(fā)布長(zhǎng)格式內(nèi)容時(shí),可能會(huì)很想在頁面上扔一個(gè)長(zhǎng)文本字段并稱其為一天-特別是當(dāng)我們的長(zhǎng)格式內(nèi)容由CMS支持時(shí),其中一個(gè)布局會(huì)為內(nèi)容從200字的簡(jiǎn)介到詳細(xì)的,短篇幅的教程。

但是有些設(shè)計(jì)師和作家英勇地抗拒誘惑,并返回專題報(bào)道的概念-將自定義布局與為演示文稿量身定制的副本結(jié)合起來,講述引人入勝的冗長(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è)看起來仍然非常抽象的問題(甚至是不現(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è)故事的所有視覺效果都可以通過背景圖像和視頻來傳遞-并在編寫,設(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ò),很難相信僅僅幾年前,我們被迫依靠稀疏的幾種字體來提供我們所有的文字內(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)更為直接的版本,他說可變字體是:

行為類似于多個(gè)字體的單個(gè)字體文件。

但是,當(dāng)討論諸如字母設(shè)計(jì)之類的視覺藝術(shù)時(shí),最好堅(jiān)持視覺:


來自Typekit博客的Erik van Blokland。
簡(jiǎn)而言之,這就是可變字體:?jiǎn)蝹€(gè)字體文件,可以在jiff中從Thin變?yōu)锽lack。無需在CSS中調(diào)用16種不同的字體。

它會(huì)很大。

12.內(nèi)容中心-還是webook?—變酷
(要明確:內(nèi)容一直很酷。.)

作為一個(gè)內(nèi)容極客,我很高興看到一堆美麗的,以內(nèi)容為中心的網(wǎng)站在2017年提供了大量有用的,精心編寫的信息,而且我想我們會(huì)在2018年看到更多2017年批次的所有成功都可見一斑。

看到許多品牌都拋棄了熟悉的門控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)格,但尚無正式日期。

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ù)說:“當(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):從根本上說,大多數(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é)束了這篇文章,他說:“有機(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ān)注多樣性和包容性在設(shè)計(jì)中的作用。

我們承認(rèn),設(shè)計(jì)選擇,因?yàn)榭此坪苄〉臎Q定性別的下拉列表中包含哪些選項(xiàng)-在所有甚至包括性別的下拉列表中-無論深深我們的許多同胞的。我們將再次看到錯(cuò)誤消息的措辭和數(shù)據(jù)驗(yàn)證機(jī)制在人機(jī)交互動(dòng)態(tài)中的強(qiáng)大作用。我們意識(shí)到,在廣告工具中使種族成為過濾器會(huì)帶來徹頭徹尾的種族主義影響,從而維護(hù)我們?cè)S多人都希望看到的顛覆性的現(xiàn)有權(quán)力關(guān)系。

而且我們意識(shí)到,如果我們的團(tuán)隊(duì)不是多元化和包容性的,那么我們的設(shè)計(jì)解決方案也不可能。

無論如何,我們中的一些人。

另一方面,我們還看到性別偏見以明顯矛盾和邊緣化的方式擺在丑陋的頭上,把我們通常認(rèn)為最善良的對(duì)話(例如提供反饋)變成了雙重標(biāo)準(zhǔn)的明顯例子。   

最終,作為用戶體驗(yàn)(UX)專業(yè)人員,我們的工作是為每個(gè)人(無論他們的具體情況如何)提供可用的,理想的愉快體驗(yàn)。

換句話說:我們的工作全是包容性。讓我們讓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ā)展。成千上萬的記者失去了工作,這是從文本轉(zhuǎn)向動(dòng)態(tài)圖像的關(guān)鍵。

而且對(duì)于進(jìn)行轉(zhuǎn)換的網(wǎng)站而言,前景可能也不是那么好。根據(jù)《哥倫比亞新??聞評(píng)論》:

專注于視頻的發(fā)行商在僅僅一年的時(shí)間里,散發(fā)出大量未分類的,平淡無奇的大量“快餐”視頻,就沒收了大部分來之不易的本地觀眾。
不管是什么,獨(dú)立新聞事業(yè)都在遭受苦難-謝謝特朗普,但是向視頻的轉(zhuǎn)變并沒有真正的幫助。

一個(gè)積極的注解:根據(jù)Digiday的說法,“視頻每千次展示費(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è)單詞”,但它們卻很少捕捉上下文-誰,什么,何時(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)用程序?,F(xiàn)在,當(dāng)我解釋說我為Webflow等公司(過去是LinkedIn)編寫產(chǎn)品內(nèi)內(nèi)容時(shí),人們傾向于說“什么?”。

但是請(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頁的展示臺(tái)上都帶有機(jī)智的消息,旨在在次佳的時(shí)刻推動(dòng)行動(dòng)。

這在稱為聊天機(jī)器人的UI格式中最為明顯。一般而言,這些用戶界面僅由文字組成。文字成為用戶界面。聊天機(jī)器人的個(gè)性(或品牌)只能通過語言表達(dá)。加上一些精心挑選的表情符號(hào)來調(diào)味。

作為一個(gè)經(jīng)驗(yàn)豐富的UX作家,我很高興看到這個(gè)關(guān)鍵角色獲得了更多當(dāng)之無愧的認(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ì)語言系統(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è)庫,試圖使Sketch成為可行的設(shè)計(jì)系統(tǒng)工具(我們將會(huì)看到?。?。

期待看到很多更多的這個(gè)在2018年。

19.原則至上的設(shè)計(jì)

長(zhǎng)期以來,設(shè)計(jì)界一直沉迷于其中一種“先有雞還是先有蛋”的辯論:內(nèi)容優(yōu)先或設(shè)計(jì)優(yōu)先。

我一直在爭(zhēng)論的內(nèi)容優(yōu)先方面。不僅因?yàn)槲沂且粋€(gè)“內(nèi)容豐富的人”。在我看來,在決定如何打包消息之前先確定消息是純邏輯。

但是最近,隨著我從為特定交付物設(shè)計(jì)內(nèi)容策略,轉(zhuǎn)向面向更多系統(tǒng)的工作(品牌級(jí)內(nèi)容策略),我開始感到這樣的想法,即我們的工作不應(yīng)從設(shè)計(jì)或內(nèi)容開始。

它應(yīng)該從原則開始。

其他所有內(nèi)容-它的外觀,如何工作,聽起來如何-都應(yīng)源自并依賴于一組定義明確且明確表達(dá)的原則。

或如Shopify資深UX負(fù)責(zé)人Amy Thibodeau在她美麗的文章“ Locating Polaris”中所說:

如果創(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è)都需要基本的信念來使其活躍,使其與他人相關(guān)。

換句話說:原則提供了原因。

例如:在Webflow,我們的使命是使設(shè)計(jì)師,企業(yè)家和創(chuàng)意專業(yè)人士能夠在網(wǎng)絡(luò)上實(shí)現(xiàn)他們的想法。從瑞安(Ryan)為我們創(chuàng)建的美學(xué)方法到我設(shè)計(jì)的語音和音調(diào)標(biāo)準(zhǔn),這一使命都為我們所做的一切注入了活力。

正是這些標(biāo)準(zhǔn)指導(dǎo)了我們的初稿,彼此之間提供了反饋,并有望使每篇博客文章,電子郵件,營(yíng)銷頁面等得到滿足。到目前為止,這是一個(gè)很好的起點(diǎn)。

網(wǎng)站標(biāo)題:成都企業(yè)建網(wǎng)站多少錢
分享網(wǎng)址:http://bm7419.com/news/184968.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、建站公司、網(wǎng)站收錄、App開發(fā)軟件開發(fā)、小程序開發(fā)

廣告

聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)