成都英文企業網站 2020年值得關注的13個Web設計趨勢網絡在2019年已滿30歲。在過去的三十年中,它改變了我們的世界,這是其他任何技術都沒有的。它使我們有能力建立我們從未想過的經驗。作為創建者蒂姆·伯納斯·李(Tim Berners-Lee)的誕辰紀念日,他說:“網絡已經變成了公共廣場,圖書館,醫生辦公室,商店,學校,設計工作室,辦公室,電影院,銀行,還有更多。”
但是不幸的是,網絡的許多負面影響也已經發展,這是任何人都無法預料的。與往常一樣,強大的力量伴隨著巨大的責任-2020年,更多的設計師和開發人員將這一點銘記在心,并專注于修復Web。
提供全方位服務的創意機構上野(Ueno)的創始人兼設計總監Haraldur Thorleifsson嘆息道: “我們之所以出售網絡,是因為網絡將我們團結在一起。“但我認為它在許多方面都相反。我們之間的聯系越來越少,越來越孤立。我們已經消除了所有的情感,只專注于功能方面,我擔心,如果我們不放松,它將導致我們不斷走下更糟的道路。我的希望是,我們可以使人們重新回到網絡上,并且它將開始真正兌現最初使我們所有人如此興奮的承諾。”
我的希望是,我們可以使人們重新回到網絡上,并且它將開始真正兌現最初使我們所有人如此興奮的承諾。
哈拉杜爾·索里??夫森
對于今年的年度趨勢,我們將探討設計和開發方面的進展,這些進展將有助于建立更好的網站-無論是進一步創造力還是實施道德規范。同時,我們著眼于先進的技術和流程,這些技術和流程將幫助您建立在繁忙且始終保持聯系的世界中脫穎而出并引起用戶注意的體驗。
我們還在本文底部提供了2019年以來的Web設計趨勢預測,因此您可以了解這些年份的比較情況以及我們的預測結果。向前跳以閱讀它們。
通過Shopify合作伙伴計劃發展您的業務
無論您提供市場營銷,定制服務還是
網站設計和開發服務,Shopify合作伙伴計劃都將助您成功。免費加入并獲得收益分享機會,發展業務的工具以及充滿激情的商業社區。
1.算法設計
設計越來越自動化。但是,這并不意味著
網頁設計師已經過時了。算法可以幫助我們騰出一些時間,因此我們可以花更多的錢進行創意。
“我們一直有興趣在最近的一個想法是利用這齊頭并進與創建標識系統的自定義工具,解釋說:” 馬丁·布拉沃,創始人設計系統國際,在設計的交叉和運行的技術設計工作室軟件。
成都英文企業網站這些工具具有通過使某些方面自動化而使其他方面對設計師的創造力開放的潛力來增強設計過程。這種組合的方法具有雙重好處:使設計師擺脫了跟蹤指南的負擔,釋放了時間和精力讓他們專注于創新方面,也使我們設??計了無法使用傳統工具執行的系統。”
這種結合的方法具有雙重好處,即使設計師擺脫了跟蹤指南的負擔,從而釋放了時間和精力讓他們專注于創新方面。
馬丁·布拉沃(MartínBravo)
馬丁和他的商業伙伴Rune Madsen是免費閱讀的數字書籍《編程設計系統》的作者,他指出,并非必須使用Photoshop,InDesign或Figma之類的工具來創建所有內容。相反,我們可以設計將傳統工具與定制的,特定于項目的工具相結合的工作流,從而使團隊能夠更快地工作并獲得更好的結果。
例如,當二人在智利圣地亞哥的一個新的電子音樂場所從事標識項目時,他們為營銷團隊構建了一個定制生成器,以快速設計使用其新品牌系統的促銷資產。它可以在所有應用程序中保持一致性,并減輕設計人員的負擔,使其專注于品牌的創意方面。
網頁設計趨勢:圖稿生成器
用于電子音樂場所Noa Noa的基于Web的自定義圖稿生成器使設計師能夠在短時間內創建數百種營銷資產。
2.投機設計
對于面向未來的數字設計會議New Adventures的設計師兼總監Simon Collison來說,Web不再像是一個開放的空間,可以進行大膽的視覺和互動創意。因此,他正在超越自己的舒適范圍,轉向投機性設計和能啟發未來思維的主題。
他解釋說:“這種興趣使我相信,如果設計愿意負責任地發展,它將為未來提供很大的幫助。” “投機性設計是富有想象力的研究,是設計假設性破壞的機會,以及在我們發現新信號和新敘事的假設條件下的機會。如果未來不確定,那么我們必須推測。”
對于Simon來說,這種方法是開放的。“代替網頁設計當前對自助式設計系統的癡迷,投機性設計從外觀上尋找生活系統。這項工作既具有創新性,又具有開創性,但也具有包容性-從業者渴望聆聽和學習可能受益于新技術或受其折磨的人們。我最近參加了在馬德里舉行的以期貨為中心的會議,大多數發言者都參考了涉及普通百姓和不同社區的案例研究。這是進入不確定性的更符合道德和包容性的途徑;以目的為導向的項目,可以減輕傷害并改善生活。”
這是進入不確定性的更符合道德和包容性的途徑;以目的為導向的項目,可能減輕傷害并改善生活。
西蒙·科里森
西蒙承認,隨著越來越多的設計師涉足并可能“夸大”投機設計,該領域存在合理的關注,它像設計思維一樣被誤解,廉價化,包裝化和商品化。但是作為一名前藝術家,他被這種跨學科的實踐所吸引。
成都英文企業網站他解釋說:“它為數字和數據從業者提供了一個新的開放式空間,可以與藝術家,建筑師,作家,演員等進行協作。” “這為新體驗提供了原型,可為有價值的對話提供信息,其中每個人都是利益相關者,尤其是那些將使用或受新技術影響的人。這是一項包容性創新,可以盡早發現問題,并在造成危害之前突出意外后果。這就是我們將道德規范付諸實踐的方式,如果認真執行,這項工作可能只會使世界變得更好。”
以下視頻中的項目設想了電動汽車的智能充電站,該項目說明了投機性工作對于減輕危害和盡早實施道德操守有用的原因:
3.瀏覽器中的機器學習
2019年圍繞機器學習的炒作很多,但緩慢但穩定地進入了前端開發領域。埃莉諾Haproff ,開發人員和機器學習愛好者,筆記如何庫,如TensorFlow.js和Brain.js取得了運行機器學習在瀏覽器中成為現實。現在,您可以直接在瀏覽器中訓練模型,重新訓練現有模型或運行預先訓練的模型。
她發現:“瀏覽器是使用機器學習的好地方。” “它非常易于訪問,可在所有設備上使用,并且與攝像機,麥克風,GPS,文本,鼠標輸入等的訪問具有高度的交互性。來自這些輸入的數據可以通過機器學習模型運行,以增強應用程序并添加新功能。”
由Eleanor與Asim Hussain和Osama Jandali共同構建的aijs.rocks網站展示了許多有趣且富有創意的應用程序,它們在瀏覽器中運行機器學習,例如Deep Drum來生成連續的鼓模式,以及Teachable Machine,在這里您可以教機器識別圖像并播放聲音。
除了瀏覽器的高度分布式,高度交互性之外,在客戶端運行機器學習還有其他好處。
Eleanor指出:“對于應用程序開發人員而言,這無需花太多時間,因為他們不必處理用戶數據處理。” “例如,這個明確的內容檢查應用直接在用戶設備上查看內容。而且,不向服務器端發送用戶數據對隱私具有重要意義,這對于處理敏感數據(例如在以健康為重點的應用程序中)尤其重要。”
同樣,不向服務器端發送用戶數據對隱私具有重要意義,這對于處理敏感數據(例如以健康為重點的應用程序)尤其重要。
埃莉諾·哈普洛夫(Eleanor Haproff)
Eleanor建議探索可通過TensorFlow.js獲得并可以通過CDN加載的許多預訓練模型。還要檢查她的CodePen,它將數據從設備的相機傳遞到稱為“ MobileNet”的圖像檢測模型,并輸出可以識別的內容:
4.使網站響應用戶的情況
我們可以很快建立一個網站,該網站可以根據用戶的設備,環境或輸入做出反應和響應,無論是出于娛樂目的還是提高可用性和可訪問性。
前端開發人員Mandy Michael一直在嘗試一系列新的傳感器API,這些API使我們能夠利用設備定位和語音識別等功能在網絡上創建新的,有用的,令人興奮的體驗。她最喜歡的是環境光傳感器(目前在Google Chrome中受支持),她預測,到2020年,我們會看到更多的使用它。
“環境光傳感器可以在各種設備中找到,例如手機,筆記本電腦和電視,” Mandy解釋說。“它用于感應房間中的環境光量。一個常見的用例是在弱光環境下調暗屏幕亮度,以減輕眼睛疲勞。”
首先,Mandy建議首先創建一個新實例,該實例將使我們能夠使用“ AmbientLightSensor”對象,然后使用“ onReading”事件處理程序從傳感器的“ illuminance”屬性中讀取數據。例如:
如果 ( 'AmbientLightSensor' 在 窗口 ) {
const sensor = 新的 AmbientLightSensor ();
傳感器。onreading = () = { 如果 ( 傳感器。照度 > 元素。風格。setProperty ('--bg' , 'black');
} 其他 {< 20 ) {
元件。風格。setProperty ('--bg' , 'blue');
}
} ;
傳感器。開始();
}
查看原始GitHub 托管于?的ambient-light-simple-demo.js
該API還可以用于根據用戶所在房間的當前光照水平在網絡上創建更具沉浸感和吸引力的故事。或者您可以提高低光照下文本的可讀性。在下面的示例中,使用可變字體根據檢測到的光量更改字體粗細。
5.可持續性設計
可持續的用戶體驗和設計是幾年前首次出現在我們的榜單上的,但是自那以后,它的發展勢頭迅猛,這在一定程度上要歸功于《滅絕叛亂》之類的運動。
“在過去的一年中,這似乎是氣候變化的公眾參與,終于變得越來越普遍,大多數行業現在似乎正在采取措施,以減輕災難性影響,”發現杰羅姆·圖爾,在WordPress的機構高級開發人員全麥數字和貢獻者在可持續發展的網絡宣言。
“網絡制造商還意識到,他們掌握著一個不斷發展,渴望能源的行業的束縛。預報員預測,到2030年,信息和通信技術可能占能源消耗的8%至21%,因此提供網絡產品的任何人都有責任在其設計和實施中考慮能源使用。”
提供Web產品的任何人都有責任在其設計和實施中考慮能耗。
杰羅姆·圖爾
Jerome警告說,失控數據傳輸的大罪魁禍首是過大和未壓縮的圖像、,腫的外部腳本以及自動播放視頻。從UX和環境的角度來看,如果頁面上有很多資產,則使用延遲加載至關重要。在后端,緩存可以極大地減少服務器負載。”
Jerome指出,下一個重大挑戰是讓更多的客戶意識到這一問題,以便他們要求開發商提供低碳網站,并要求托管服務提供商提供可再生能源。
網頁設計趨勢:碳計算器
Wholegrain Digital創建了一個碳計算器,用于估算網站的碳排放。有關該工具第2版的詳細信息,請參見Jerome的博客文章。
您可能還會喜歡: 可持續用戶體驗:設計師如何幫助對環境產生積極影響。
6.即時性設計和用戶研究的興起
我們生活在一個充滿干擾的世界中,無休止的網站和應用流爭奪我們的注意力。學習如何抓住并保持這種注意力,以及大限度地增加用戶在我們的數字產品上花費的時間,變得越來越困難,但是在
網站設計中,這一點越來越重要。
2020年,網頁設計師需要解決時,這些需求發生的情況下用戶的迫切需求,”建議UX研究員維克多Yocco,作者的思維設計。“我看到這種情況以幾種方式發生。首先,使用位置或其他上下文數據來浮現與用戶所發生的事情有關的體驗。其次,在綜合經驗中,跨行業提供服務的增加。為了有效地設計即時性,將更加關注用戶研究。”
2020年,網頁設計師需要在用戶出現需求時解決他們的迫切需求
維克多·約科(Victor Yocco)
舉例來說,維克多(Victor)指出了2019年的一些大型發布活動,大型公司開始提供附加服務:具有信貸和銀行業務的蘋果公司,谷歌在醫療保健領域的合作伙伴以及Facebook將約會服務推向美國市場。這些公司探索了新的設計領域,因為他們發現有機會在需要時向用戶提供產品或服務。
Victor預測,到2020年,這些跨服務合作伙伴關系和機會將更多,例如銀行和工作,房地產搜索引擎和抵押貸款人,約會應用程序和餐廳預訂系統。
他認為:“關鍵將是這些體驗如何與用戶實時互動。” “它們無縫嗎?他們在正確的時間交付嗎?要知道這一點,我們將看到關鍵用戶研究的持續擴展。Analytics(分析)可以通過使用,轉換,刪除和基本頁面統計信息來告訴我們部分故事。仍然需要定性研究來告訴我們用戶如何需要我們產品的故事。或者,如果他們這樣做的話。”
因此,2020年將是用戶研究的重要一年。大小公司將承擔專門研究人員的角色,以提供合理的投資回報。
蘋果聲稱其服務將因其易用性,費用低廉和每日現金返還而徹底改變信用卡。
7.無障礙進入主流
用戶體驗設計策略師,用戶體驗和網站設計機構truematter的負責人Dean Schuster預測,使殘疾人可以訪問網絡已經持續了幾年,但它有望在2020年實現重大突破。
“在2019年,美國高法院維持了所有站點均符合W3C的Web內容可訪問性指南(WCAG) AA標準的觀點,” Dean指出。“這意味著必須使所有人都能使用網站。”
對于使用屏幕閱讀器或不易使用鼠標的用戶,網站現在必須正常工作。要建立WCAG AA標準,需要對規范進行測試,但是還需要技巧和理解。僅僅因為一個站點符合規范并不意味著它容易為視力低下或身體有缺陷的人使用。與往常一樣,Dean建議,最好是與真實用戶(在這種情況下為殘疾人)測試工作。
他建議:“現在是Web設計師和開發人員使網站真正可用的時候了。” “在美國,這已不再是一種選擇,而是一項法律要求。這意味著網絡專業人員也必須成為可訪問性專家。這種過渡已經開始,并將在2020年加速。”
現在是Web設計人員和開發人員使網站真正可用的時候了。
迪恩·舒斯特
Dean的代理商truematter在UX Columbia舉行的可訪問性演示,演示了各種可訪問性工具的工作方式。
您可能還會喜歡: 通用設計:11個實用技巧,使您的網站和應用程序更易于訪問。
8.考慮到認知差異的設計
無障礙獲取和包容性設計也越來越關注神經多樣性和認知障礙。這些方面的設計可能很困難,因為殘疾人(即使很普遍)也更隱蔽并且需要更難理解。但是,當您設計用于即時性(請參見上文)和關注時間跨度較短的產品時,還可以改善患有ADHD等疾病的人的用戶體驗。因此,在2020年,我們將更多地考慮用戶的情緒,以改善盡可能多的人的體驗。
UX和感官設計顧問Alastair Somerville解釋說:“人們對做某事的期望或做事的感覺會影響我們設計交互的方式。” 情感是意義制定和采取行動的核心。關鍵問題是當它們限制用戶的認知時:隨著交互過程中記憶和思維模型變得不可訪問,似乎顯而易見的事情變得不可想象。”
人們在期待做某事時的感受或做事時的感受會影響我們設計交互的方式。
阿拉斯泰爾·薩默維爾
Alastair建議在交互設計和信息架構中提供明確的方向,因為模棱兩可和選擇過多會產生壓力。
他建議:“幫助用戶提出問題,問自己想要做的事情。” “確保引起情緒的通知采取明確的行動。如果沒有提供下一步,請不要引起注意。”
使多動癥患者更容易獲得信息的其他技巧包括:通過在懸停圖標上添加文本標簽來突出顯示重要內容,包裝文本而不是將其截斷,使用運動增強理解并讓人們自己定制體驗。
在Inclusive Design 24中觀看Elizabeth Schafer關于此主題的演講:
9.隱私保護
網站設計和技術工作室Faculty的創始人克里斯·希弗萊特(Chris Shiflett)認為,保護隱私對于在日益不信任和動蕩的網站上建立信任至關重要。
他發現:“雖然大型科技公司已經濫用隱私已有一段時間了,但隨著消費者變得越來越聰明和警惕,我們正受到關注。” “就解決方案而言,GDPR是一個良好的開端,但仍有許多工作要做。”
就
解決方案而言,GDPR是一個良好的開端,但仍有許多工作要做。
克里斯·史弗萊特
克里斯(Chris)建議檢查一下Web合同,萬維網的創始人蒂姆·伯納斯·李(Tim Berners-Lee)在其中創建了框架,以幫助政府和公司尊重和保護人們的在線隱私和數據。另一個值得參考的框架是“ 隱私設計”,最初是在1990年代制定的。
克里斯說:“作為互聯網的創造者,我們應該使用此類指南來指導我們自己的項目。” “有前途的工具來幫助我們做到這一點,從不斷增長的少數深淵分析到Commento。”
克里斯(Chris)的工作室Faculty還創建了一份文檔,概述了那些為網絡構建者的良好工作標準。
另一方面,作為消費者,克里斯建議使用并支持以隱私為中心的工具,例如Firefox(包括其多帳戶容器),Keybase和不包含隱私,這是Mozilla 編寫的有關安全的,互聯網連接產品的指南。
網站設計趨勢:網絡合同
Web合同包含公司尊重和保護人們的隱私和個人數據以建立在線信任的原則。
您可能還會喜歡: 在電子商務網站和應用程序上建立信任的10種方法。
10.更少的JavaScript
在2017年的清單中,我們預測到“甚至還會有更多JavaScript”,實際上JavaScript現在無處不在。它創造了豐富的交互式體驗,并為整個Web應用程序提供了強大的動力。但是,越來越多的人越來越負責任地使用JavaScript,但這僅在必要時使用,因為它會影響性能。
SEO技術顧問Jamie Alberico解釋說:“您的收件箱中有很多供應商在宣傳使用JavaScript解決方案來監視,個性化和測試您的內容選項的產品。” “我與知名網站合作,在那里購買了所有先進的鈴鐺和改變游戲規則的哨子。所有這些小工具都無法解決問題:JavaScript的decade廢。”
Jamie指出JavaScript是您網站上最昂貴的資源,并且比喻說依靠decade廢的JavaScript功能在客戶端上執行有效,并將decade廢放在用戶的標簽上。
她警告說:“無禮的客人很快就受到歡迎。” “我們是受邀來賓訪問用戶設備的,因此無法保證第二次邀請。依靠提供快速的,以用戶為中心的體驗的網站將取代緩慢而成熟的網站。”
依靠提供快速的,以用戶為中心的體驗的網站將取代緩慢的市場。
杰米·阿爾貝里科(Jamie Alberico)
杰米(Jamie)認為,有些網站將怪罪歸咎于JavaScript,但試圖將JavaScript淘汰掉可能是“錯誤的喜劇”,并且可能要到2021年才能投入生產。其他網站將翻倍并添加更多內容。監視和測試其網站的JavaScript。
杰米預測:“ 2020年設計的大贏家將是那些優先回答用戶意圖的人。” “我們可以通過在重要時刻加載重要內容來實現這一目標。”
觀看Stuart Langridge的演講,內容可能不像您被告知的那么多:
11.
成都英文企業網站
靜態站點該JAMstack(其代表JavaScript,API和標記)是眼下的一個熱門話題。但這不僅是靜態網站的幻想嗎?
“靜態站點聽起來像是我們在追趕時光,并建立沒有動態的簡單站點,” Patterson Agency的前端技術負責人,Vue School的老師Debbie O'Brien承認。“但是靜態是新的動態。多虧了Nuxt,Gridsome,Next,Gatsby,Eleventy等框架,我們可以像構建單頁應用程序一樣進行開發,但實際上是將頁面生成為靜態頁面。”
Debbie解釋說API對于動態內容起著關鍵作用。它們使我們能夠添加從身份驗證到付款方式的所有內容,甚至可以調用無頭CMS(請參見下文),這使靜態站點與單頁應用程序一樣動態。
“這意味著我們將兩全其美”,黛比解釋說。“我們獲得了交互性和動態站點以及出色的性能,特別是因為可以將靜態站點托管在Netlify和Vercel等靜態托管服務上。哦,我有提到成本優惠嗎?托管靜態站點是免費的,因為您不需要服務器!”
哦,我有提到成本優惠嗎?托管靜態站點是免費的,因為您不需要服務器!
黛比·奧布萊恩(Debbie O'Brien)
Debbie認為JAMstack是提高網站性能的關鍵,并指出,即使Google Chrome瀏覽器也在投入時間和金錢,以確保靜態網站生成器不受影響。
觀看Debbie在舊金山JAMstack Conf靜態站點上的演講:
您可能還會喜歡: 如何使用JAMstack構建快速而安全的網站。
12.無頭建筑
與JAMstack相關的是無頭架構,即將前端表示層與站點的后端數據層分離的想法。這意味著內容通過Web服務或API從數據庫傳遞到您喜歡的任何前端框架。
“無頭方法正變得越來越流行,因為整體解決方案對源代碼和技術路線圖的控制較少。” 新興公司Bumped的資深前端工程師Heidi Olsen解釋說,她正在幫助建立一個設計系統來彌合本機之間的差距。和DOM。“這可能會對尋找技術資源以長期支持該平臺產生影響。Monolith
解決方案還經常使用資源密集型插件和未優化的腳本,這會影響頁面加載和網站速度。”
除了可以完全控制網站的構建方式之外,您還可以從一個數據源跨多個渠道提供內容。Heidi指出,這些渠道可以包括您的網站,博客,電子郵件,推送,SMS甚至是移動應用程序。這可以幫助緩解內容不一致的情況,并可以使針對全球市場的本地化內容的提升幅度減小。
“如果您選擇斷開Web應用程序的耦合并采取無腦的方法,則需要從要說的內容入手,而不是要如何呈現它,” Heidi建議。“問誰是您的受眾群體,他們需要什么內容,以及可以通過哪些渠道吸引他們。這將幫助您了解所需的服務,從而可以構建穩定,可擴展的后端。”
如果您選擇斷開Web應用程序的耦合并采取無腦的方法,則需要從要說的內容開始,而不是要如何展示它。
海蒂·奧爾森(Heidi Olsen)
從WebCamp Zagreb觀看Heidi關于無頭架構和網站未來的演講:
13.與大技術的互動
羅布·福特(Rob Ford)的著作《網絡設計:1990年數字世界的演變》(今天)中提出的網絡設計時間表最終導致需要考慮到2020年網絡設計的真正含義。羅伯發現絕大多數網站采用模板樣式。 ,以適應需求驅動的世界,人們希望以快速且可識別的格式訪問信息。
他指出:“在某些方面,Instagram是當今的網站,許多人都需要它。” “但是,我們絕對可以看到尖端微型站點的回歸。但是下一個大趨勢仍然不是在臺式機上,也不是在移動設備上,而是在與大型技術的人機交互中:無論是大型設備,逃生室還是AR世界。”
但是下一個大趨勢仍然不是在臺式機上,也不是在移動設備上,而是在與大型技術的人機交互中:無論是大型安裝,逃生室還是AR世界。
羅伯·福特
羅布(Rob)認為品牌不再需要創建超酷的網站,因為這種情況正在其他地方發生,因此他擔心該網站將長期保持千篇一律,一些微小的細分受眾群會從偶爾的超酷網絡體驗中受益,并且現在然后。
網站設計趨勢:盡我所能
PUMA在上海最繁忙的地區之一安裝了Run My Way設備:路人走上跑步機,通過三個虛擬環境為自己的定制化身供電。
網絡的下一步是什么?
隨著網絡的成熟,我們作為設計人員和開發人員必須對使用它承擔更多責任。趨勢不僅涉及只有特權用戶才能訪問的最新框架或沉浸式3D體驗。它涉及趨勢如何適應整體情況,以及我們如何為盡可能多的用戶(盡可能多的用戶)改善體驗。本文顯示了自動化,機器學習,包容性設計和用戶研究中的一些令人興奮的趨勢,以及超越了短暫的視覺設計趨勢的諸如投機設計之類的方法。我們希望至少其中一些趨勢會在未來12個月內產生影響,以便我們可以構建所需的網絡。
2020年新年快樂!
我們2019年的預測
在2019年,我們認為Web設計將看到環境設計,更好的身份驗證模式等的使用增加。這是我們的2019年預測,自去年1月首次發布以來未經編輯。
1.內部網頁設計
Mozilla的設計師倡導者詹·西蒙斯(Jen Simmons)去年創造了“內在網頁設計”一詞,這是我們在2019年將聽到的更多信息。
自學成才的設計師和開發商Chen Hui Jing認為這是一個非常恰當的名詞。
她解釋說:“固有”一詞被定義為“屬于事物的本質或構成”。“當我們談論網絡作為一種視覺媒介時,畫布就是瀏覽器。瀏覽器功能已經達到了一個可以通過使用工具和屬性來使用它們本應使用的方式來做很多創造性工作的地步,而不是為了克服瀏覽器的局限性而采用的黑客和變通方法。”
Hui Jing鼓勵開發人員嘗試這種全面的Web布局工具新套件,包括Flexbox,Grid和Box對齊,它可以讓我們對需要放置物品的位置進行細粒度的控制,但也允許我們放棄控制瀏覽器為我們布置我們的物品。
通過實驗,慧菁自己找出了很多技術。例如,這些天她在教授Grid時強調的一件關鍵事情是,我們現在能夠通過Grid提供的各種大小調整值來更改項目的擴展和收縮率。
Hui Jing指出:“這種行為為Web設計師和開發人員提供了更好的選擇和更大的藝術指導靈活性,并確保無論在何種上下文中觀看內容,都不會失去內容的焦點。” “隨著越來越多的開發人員和設計師使用這些新工具,我們將有更多的想法和靈感來構建真正適合網絡本質的設計。”
觀看Jen Simmons的演示,您對Web設計了解的一切都已改變:
2. CSS變量和Houdini
在2019年,隨著越來越多的人意識到他們可以做什么,我們還將看到CSS自定義屬性(也稱為CSS變量)的更廣泛使用。
“隨著原生CSS功能的增強,Sass和其他預處理器的使用將很快消失,” 食品和飲料訂購應用程序Ordoo的前端開發人員Michelle Barker認為,他運行CSS {In Real Life }。“變量是朝著這一目標邁出的一大步-盡管預測2019年預處理器的消亡有些為時過早!”
用例包括主題化(使用CSS變量可以非常有效)和更改不同斷點的屬性值。例如,當在CSS Grid中使用變量時,只需很少的代碼即可輕松地在不同的斷點處調整布局(例如,列和裝訂線的數量)。瀏覽器對Grid和變量的支持都相當高,因此在使用Grid的地方使用變量是有意義的,并且為較舊的瀏覽器提供了合理的備用。
“ CSS變量在CSS函數中尤其有用,” Michelle建議。“一個很好的例子是Ana Tudor如何將它們conic-gradient()用于創建交互式餅圖。我認為我們會在2019年看到更多具有創意的示例。我對CSS環境變量(或全局變量)也寄予厚望-盡管該規范仍在起草中,但該規范已獲得瀏覽器的支持。能夠將它們與CSS變量結合使用將意味著我們唾手可得。”
Houdini是一套新的API,它們使這些新的效果成為可能,這將使開發人員能夠擴展CSS并加入瀏覽器渲染引擎的樣式和布局過程。
Google的設計倡導者Mustafa Kurtuldu解釋說:“這意味著我們可以創建真正高性能的動畫和交互,而不必擔心需要使用polyfils 。”
觀看穆斯塔法的同事Surma在11月的Chrome開發者峰會上發表的《胡迪尼州》演講:
3.環境設計
杰克·科洛斯庫斯(Jack Koloskus)曾設計并打破數字敘事出版物《提綱》中的圖形設計規則,他預測我們將看到網站在環境方面的情況有所增加。
他解釋說:“其中有些來自技術能力的變化,但是很多來自我們花了大量時間看屏幕的事實。盡管10年前您可能還沒有足夠的網站來關注幾個小時內是否發生了變化,但是現在,如果設計元素從下午到晚上發生了變化,那么您很有可能會去上它。”
杰克承認,環境設計并不是什么新鮮事物,但是現在廣泛使用變得可行了。例如,您可以根據時間,位置或天氣來更改網站的設計。例如,杰克指出了蘋果最新的操作系統Mojave,該操作系統具有兩個預先打包好的桌面背景,這些背景會根據一天中的時間而變化。
杰克建議:“桌面背景是顯而易見的候選者,因為圖像的持久性使更改的影響易于發現。” “但是網站允許以更動態的方式采用這種方法,同時也考慮了用戶交互。我們當然可以找到更多的環境用途,但是將會發生更多的技術發展,但是開發人員已經可以通過瀏覽器獲得這些環境方面所需的所有信息。”
2019年網頁設計趨勢:莫哈韋沙漠
蘋果公司最新的操作系統Mojave引入了兩個新的時移臺式機,無論您身在何處,它都能滿足一天中的不同時段。
4.自由設計
杰克·科洛斯庫斯(Jack Koloskus)還認為,我們將繼續看到從罐頭前端框架美學向更自由形式的設計的轉變。
他解釋說:“關于框架的偉大之處在于它們是快速且易于訪問的,但是它們的速度來自使事物在視覺上相似。” “但是,普通網絡沖浪者的視覺素養正在提高,他們在網上花費了太多時間,如果您想完全脫穎而出,那將需要一些奇怪的事情,甚至是錯誤的事情。完全遵守設計規則不會使人們與您互動。比這更內臟。”
此外,免費在線教育資源的激增使沒有進行網絡開發經典教育的人們可以從自己的角度開始探索這一領域,這使進入該領域的想法更加多樣化和有趣。
杰克預測:“這將要求開發人員和設計師具有開放的思想,但是我們可以從中學到很多東西。” “我們將繼續遠離那些功能相對不變的,功能強大,不可變的容器的網站。玩得開心,然后旋轉45度!”
設計工具UXPin的首席執行官Marcin Treder對此表示同意,并希望2019年將成為Web設計過度審美化的一年。
他嘆息道:“對用戶體驗的關注已被對某些視覺樣式的主流關注所取代。” “讓您的網站代表平面設計,或用特定的插圖樣式填充它(當每個人都遵循一種插圖樣式時,在2018年的網絡中都非常痛苦地可見),這比精心設計的用戶體驗更為重要。網絡非常需要以用戶為中心的優良舊設計的復興。”
同時,Springer Nature的前端開發人員Oliver Williams 對瀏覽器不斷改進DevTools中的設計體驗感到興奮。他說:“有了CSS剪切路徑和外部形狀,我們可能會開始看到矩形較少的網絡。”
The Outline對野蠻主義充滿熱情,反對采用越來越統一的數字媒體設計方法。
5.價值設計
數字產品工作室Dawson Andrews的設計總監Jordan Moore預計會朝著商業價值邁進。
他解釋說:“數字產品設計中的游戲名稱不是美學設計,而是價值設計。這是數字設計中的難點,因為它通常需要首先從原理思考而不是通過類推推理。模仿美學(例如您在設計畫廊中看到的概念)太容易了,因為它們只能按照定義處理皮膚深層的問題。通常,如果它可以復制,那么它是批量生產和某個領域的主要候選人毫無疑問,這將在未來被AI取代-傳統的,以界面為中心的領域的價值正在迅速流失。”
另一方面,Jordan認為,有意義的價值創造是一個不容易復制且算法和AI可以大量生產的機會較少的領域。在2019年,他可以看到我們的行業逐漸意識到這一點。
“我們將更輕松地將低價值的任務推遲到自動化工具上,并創建除設計和構建系統之外的其他系統,使我們能夠將更多的精力集中在價值更高,認知強度更高的工作上。意識到這一點的電影制片廠將超越周圍的每個人,他們將帶著幸運的顧客前來。”
6.更好的身份驗證模式
去年是GDPR定義的一年,而數據泄露和信任違規的聲音越來越多,這些公司以前在客戶對網絡的積極認知方面擁有大的影響力。
“因此,2019年,網頁設計師必須認真研究他們的身份驗證模式,” Ideaplatz的首席設計師兼所有者Cheryl Platz警告說。“以前使用Facebook登錄來簡化易用性的站點現在必須通過代理來解決其對第一位客戶的負面印象。”
“即使沒有Facebook Connect,所有網站在注冊時也將面臨更高的舉證責任。您注冊客戶時要解決什么客戶需求?如果它不能滿足未滿足的需求,那是愚蠢的假設客戶會像以前一樣愿意參與。此外,所有設計師都需要通過細齒梳來進行他們的客戶資料設計。您是否真的需要客戶的性別?年齡?電話號碼?每個“額外”字段都會增加您和客戶的風險。”
盡管在語音接口的未來工作中最著名的謝麗爾(Cheryl)希望對話式UI取得真正的進展,但她擔心這些信任問題威脅著行業的發展,并警告說必須在將焦點返回到最前沿之前進行處理。她警告說:“大多數'尖端'技術都更加侵犯隱私,如果沒有堅實的基礎,它們將不會成功。”
7.認識偏見
內容戰略顧問Rahel Bailie認為,2019年將是為包容性進行多年設計的第一年。
她預測:“將對算法中的系統偏差以及設計如何放大或減小該偏差進行大量關注。” “例如,使用深色圖案進行設計可以以增強錯誤結果的方式捕獲數據。反過來,這會影響反饋到算法中的數據質量。”
“詮釋UX設計中的冒險,深色圖案搶劫了他們代理商的用戶。人們不會認識到有多個受眾群體都是重要的群體,而不是將主流邊緣的所有用戶都減少。可以說,網絡電視或主流廣播以這種方式為具有不同受眾的流媒體服務(每個人具有不同的類別)的數字服務將開始認識到不同的受眾及其需求。范圍從呈現內容的方式到內容本身。”
觀看我如何在算法中消除偏見,由創建于算法正義聯盟的麻省理工學院媒體實驗室的計算機科學家兼數字活動家Joy Buolamwini進行的演講:
8.通過全渠道內容實現包容性
Rahel Bailie還認為,通過全渠道交付內容所包含的包容性將在2019年得到提振。其想法是通過了解上下文(例如,當您了解客戶在其旅途中所處的階段或您的受眾群體的受眾特征),則可以投放更合適的內容。
她解釋說:“這已經很長時間了,但是有了更好的了解,如何通過個性化和更好的工具來實現包容性,更容易包容不同的受眾。”
Rahel承認,一段時間以來,技術交流者已經使用帶有XML編輯界面的組件內容管理系統來處理復雜的全渠道內容,但是它已經處于結構合理,語義內容封閉的生態系統中。在行銷內容的雜亂世界中,對內容和工作流強制執行結構以及學習復雜的編輯界面的需求遠沒有那么緊迫。相反,已經承擔了彌補技術的責任。
“我認為2019年將是冰山一角,但是隨著越來越多的機器學習和人工智能被納入到通過機器人和語音界面傳遞內容的過程中,Web設計將需要改變以適應可以傳遞的各種內容。這些算法可以提供基于文本或視覺的內容,這些內容來自各種來源和格式,并且長度和質量各不相同。”
拉赫爾(Rahel)認為會有一個調整期,適應這些觀眾可能會導致一些焦慮,直到我們弄清楚如何處理所有變體。
她說:“ ??2019年的進展可能相對膚淺,但這將是為更先進的方法實施包容性措施奠定基礎的一年。”
9. DesignOps
在過去的幾年中,我們看到了從代理商到內部團隊的轉變。戰略設計咨詢公司Clearleft的創始人兼首席執行官安迪·巴德(Andy Budd)認為,發生這種情況的原因是,隨著對數字技術的依賴增加,公司需要提高內部能力,以更快的速度行動并以降低的成本獲取更多價值。
他解釋說:“大型科技公司決定通過收購一些知名機構來啟動其設計職能。” 這些收購帶來了新的管理技能,并催生了DesignOps或Design Operations領域。獲得廣泛關注的DesignOps的第一個方面之一是設計系統的創建。但是,事實證明,雖然擴展技術團隊相對容易,但在傳統公司內部擴展設計要困難得多。”
隨著內部設計團隊從五個增加到20到50或更多,Andy認為需要其他流程和技術來保持設計團隊的生產力并防止事情停滯不前。另外,在一些大型科技公司之外,DesignOps尚未得到廣泛的實踐,或者到目前為止還沒有得到很好的實踐。安迪(Andy)認為,這將在未來幾年內發生變化,并且公司將尋求外部機構的幫助。
與此相關的是團隊的多元化。
“將一群具有相同性別,興趣和社會傾向的特權年輕人放在一起,使一個商業構想成真是必然的,” Rahel Bailie承認。“但是隨著他們業務的成熟,對包容性需求的顛簸喚醒導致了一片混亂。這導致人們意識到包容性意味著要建立一支具有內在多樣性的團隊,這不僅意味著種族和性別,還意味著年齡和生活環境。”
10.有目的的講故事
多年來,講故事影響并推動了科技創新。夏洛克·福爾摩斯(Sherlock Holmes)影響了犯罪的解決方式,而《星際迷航》(Star Trek)為亞馬遜的Alexa提供了靈感。
UX設計師AnnaDahlström正在撰寫一本關于設計中的講故事的書,他認為,隨著產品使用的環境越來越復雜,在2019年,我們將越來越需要轉向傳統的講故事以與受眾建立聯系。
她建議:“作為設計師,我們需要掌握沃爾特·迪斯尼(Walt Disney)的技能,以便能夠同時獲得更大的圖像和較小的細節。” “我們還需要考慮到越來越多的事件和需要定義和設計的運動部件,以便將它們融合在一起。就像一個好故事。”
安娜建議從角色發展中??學習,以幫助我們識別和定義在產品中扮演角色的所有角色,將快樂和不滿意的用戶考慮在內的敘事結構,以及有助于我們獲得產品體驗中特定部分的場景設計。回過神來。
“所有這些都有助于確保英雄是我們正在開發的產品和服務的用戶,并且是體驗的源頭。”
全方位服務創意機構上野的創始人兼首席執行官Haraldur Thorleifsson對此表示贊同。
他指出:“設計師是企業需求與最終用戶需求之間的轉換者。” “如果網頁設計更多地是關于有目的的講故事,使用戶感到獨特而通用的東西,我會喜歡的。我們需要記住,作為設計師,我們對用戶與我們創造的事物進行互動的那一刻負責。由于時間是最終的有限資源,因此使這一時刻有意義是我們的責任。”
11.智能辦公室
全球創意機構AKQA的經驗設計總監David Vogel認為,到2019年,我們將把物聯網,邊緣計算,語音交互,智能照明和多傳感器與自學習系統相結合,以創建可識別人員的智能辦公環境并根據他們的個人偏好為其量身定制工作場所的經驗。
他解釋說:“我們與數字的關系曾經是與另一個世界的關系,可以通過PC,平板電腦或電話之類的界面進行訪問。” 現在,我們與現實世界的關系通過使用數字技術得到增強和增強。我們的習慣和行為可以使我們的環境適應我們的需求,協調具有相稱技能和興趣的人們之間的偶然接觸,并減少工作場所的摩擦并提高個人生產率。”
David認為,這不僅將有益于員工的健康,福祉,協作和成就感,而且還將為具有前瞻性的企業盈利做出貢獻,這些企業將更聰明,更高效地利用空間,能源和人才。
2019年網頁設計趨勢:akqa
AKQA一直在為客戶開發應用程序,使您可以調整會議室的溫度和設置以及訂購食物。
12.漸進式Web應用程序
Google設計倡導者Mustafa Kurtuldu預計,漸進式Web應用程序雖然已經存在了一段時間,但它將在今年產生巨大影響。
“我們已經看到了多本關于PWA的書,特別是Jason Grigsby 編寫的Progressive Web Apps,” Mustafa解釋說。“ Book Apart始終致力于數字設計的發展,因此從設計師的角度來看,這表明了巨大的變化。了解PWA的設計方式意味著要考慮離線,在線和li-fi的用戶狀態。”
Google剛剛啟動了漸進式網絡應用程序squoosh.app,該工具可讓您將圖像拖放到瀏覽器中,使用各種設置對其進行壓縮,將原始圖像與新版本進行比較,然后下載。Squoosh是開源的,因此其他人也可以學習如何實現設計模式。
有關漸進式Web應用程序的更多信息,請下載免費的電子書“ 漸進式Web應用程序:移動網絡的未來”,這是Google,Microsoft和Awwwards.com之間的合作。
網站標題:成都英文企業網站
文章來源:http://vcdvsql.cn/news38/174838.html
成都網站建設公司_創新互聯,為您提供響應式網站、Google、網站維護、網站制作、品牌網站設計、全網營銷推廣
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯