谷歌翻譯網站正在進行 Material Design 改造

2020-11-25 開源中國

據報導,谷歌翻譯網站正在進行 Material Design 改造,這是繼 Gmail、Google News、Google 支持頁面和個人帳戶頁面、Android Messages、Hangouts Chat 和 Chrome 網上商店之後又一項進行 Material 化的谷歌服務。這是一個伺服器端更新,目前暫時無法看到網站變化,但可能會在接下來的幾周內正式推出。

新的設計出現在 Chrome 和 Firefox 中,該設計具有最近經常看到的 Material Design 的所有標誌:更多白色和更少灰色、新藍色陰影、更圓角和 Product Sans 字體。此外還有兩個重要的變化,一個是頂部的兩個框,讓用戶選擇是翻譯文本/連結還是上傳文檔,以及從翻譯按鈕切換到更精細的箭頭。


除此之外,桌面現在看起來更像是行動網路界面,左側菜單和歷史、已保存和社區的三個圓形圖標位於底部。此外,翻譯框佔據了整個屏幕寬度。

相關焦點

  • 谷歌Material Design 2曝光
    現在,谷歌可能正在開發其繼任者,採用新顏色、新圖標和新間距。由XDA開發者發現的一個Chromium提交內容揭示了一種叫做「新的谷歌Material Design 2標準」的東西,這個特定的條目描述了應用於Chrome瀏覽器地址欄上方的標籤和選項卡界面。首先是顏色,Material Design 2使用的灰色陰影跟現有的灰色不同,有些偏淺藍色的色調,如下所示。
  • material2 發布 7.1.0,Angular 的 Material Design 風格框架
    Angular 的 Material Design 風格框架 material2 發布了 7.1.0 版本,這主要是一個 bug 修復版本,當然也提供了新特性和改進性能。
  • Google文檔,表格,幻燈片正在網絡上進行Material Design
    據外媒9to5google消息,谷歌宣布開始長期推出針對谷歌文檔,表格,幻燈片和網站的Material Design更新。這也是在去年首次使用Google Drive的新設計測試G Suite應用程式後的首次更新。
  • Material design與iOS Human Interface Guidelines對比分析
    本篇分析對比是基於各自官網最新的Material design與iOS Human Interface Guidelines文檔,官方文檔地址將在文末給出,供各位交流學習。規範目標與原則Material Design(以下簡稱MD)是谷歌設計的一套視覺語言設計規範,也是Android Design演進的一種設計規範。在MD開篇,谷歌公司就表達了自己的期望:創造一種視覺語言,能夠將經典的設計原則與創新的科學技術結合起來;開發一個能夠跨平臺使用的底層系統,保證用戶在不同平臺上都能夠擁有統一的體驗。
  • 扁平化設計與Material Design區別在哪裡?
    簡單的圖標隱喻甚至可以省略一些網站的內容, 引導用戶進行操作,僅僅基於它的顏色和圖片。此外,它加速加載時間和高或低解析度屏幕上看起來顯示一樣好,提供更加可靠的用戶體驗。正因為如此,對設計者和用戶來說它會讓事情更容易。贊成的意見它擁抱了屏幕的限制基於這些去工作,而不是嘗試去做別的事情。流線型的設計,擺脫不必要的圖形和動畫元素,減少加載時間。
  • material2 發布 7.0.1,Angular 的 Material Design 風格框架
    Angular 的 Material Design 風格框架 material2 發布了 7.0.1 版本,這主要是一個 bug
  • 谷歌翻譯改版設計的3個用戶體驗要點
    本文是我作者從重新設計谷歌翻譯網站中總結出來的一些經驗,一起來看看~上個月,經過漫長的過程,我們推出了一個新版本的谷歌翻譯網站,它有了響應式布局和一個潮流的材質界面。谷歌翻譯的響應式新網站考慮到谷歌翻譯在全球的流行,我們知道我們必須為改變厭惡做好準備。關於這個話題有很多很棒的文章,這些文章為最小化厭惡變化的反應提供了策略。
  • 谷歌將給 Chrome 做一次全新的 Material Design
    2月份,有消息稱,谷歌將對 Chrome 動一次大手術,使用全新的「Material Design 2」UI設計語言。
  • 關於在iOS當中實踐Material Design的訪談
    當我與界面上的元素進行互動時,我下意識的希望了解這些元素從何而來,又會去到哪裡。界面上的多數交互元素不能只是憑空的出現或消失 – 交互行為與觸發的結果之間沒有視覺上的關聯,用戶很快會迷失方向。交互元素自身的行為特質對於我們理解和記憶界面的交互方式非常重要。譬如我給你一個界面,上面有一個返回按鈕。當你點擊這個按鈕的時候,自然會期望有事情發生。
  • 外媒稱谷歌翻譯可助用戶「翻牆」瀏覽被封網站
    不少外國網友卻留言稱,通過谷歌翻譯實現「翻牆」確實有效(TechWeb配圖)  9月16日消息,據國外媒體報導,thenextweb網站援引社交新聞網站Reddit上的信息稱,用戶可以通過谷歌翻譯的幫助「翻牆」瀏覽被封的網站。
  • 設計即功能:淺析谷歌MaterialDesign特性
    在2014年的Google I/O大會上,谷歌發布了Android L即Android 5.0,並推出Material Design,重新統一了谷歌的設計語言,確立了谷歌設計的未來發展方向。Material Design字面之意為「材料設計」,但是更願意將之翻譯為「本質設計」,顧名思義,這是一種考慮事物本質的設計,將顯示屏裡的各種UI元素看成是一種不存在於現實世界的新的物質,並賦予它物理特性,因此Material Design並不是去擬物化的設計,可以稱之為抽象化設計。
  • Material Design 有什麼缺點?
    答|百度派 @雙馬尾蘿莉醬谷歌推出了全新的設計語言Material Design。谷歌表示,這種設計語言旨在為行動電話、平板電腦、臺式機和其他平臺提供更為一致和更廣泛的「外觀和感覺」。成功的視覺效果FAB 對 Google design 是個很好的視覺突破。平面設計中的「點線排列」概念,是一個非常靈活和突出的「點」元素,而這種強大元素的界面設計在很難出現之前。
  • 谷歌:網站翻譯器插件升級 站長將能改善譯文
    站長之家(chinaz.com)6月6日消息:近日谷歌Website Translator(網站翻譯器)插件推出了一種新的測試功能,讓網站管理員可以通過定製並改進Website Translator為網站所做的翻譯。目前這種新的測試功能可供免費使用。
  • Google正在為搜索功能測試新的Material Design布局
    Reddit用戶發現,谷歌目前正在嘗試為其搜尋引擎服務採用Material Design(材料設計)布局版本,谷歌官網可能會在未來的幾個月內進行改版
  • 谷歌Material Design UI 真正美在哪裡?設計即功能
    而且,不止於谷歌和安卓app。事實上,多重層疊的概念並非谷歌首創,不過,谷歌對其進行了更深一層的開發——在觸覺體驗中滲入大膽活力的審美效果(本質設計)。那麼,其實,Material Design真正的優勢在哪呢?首先,我們來具體了解一下Material Design:
  • 某宿舍樓改造工程的中英翻譯文稿
    Project Property: Decoration and Renovation3、改造的主要範圍和內容:內裝修改造主要是原一層庫房的可見牆體(見拆除平面圖)後,重新分隔,主要裝修內容包括:吊頂、牆面、地面及外立面的裝修改造。3.
  • [圖]Google+全面啟用Material Design元素
    據外媒報導,日前,谷歌發布了採用全新UI設計的Google+。
  • Vuetify - 廣受歡迎的 Material Design 風格的開源 UI 框架
    如果接到的產品需求在設計上希望能和國內大部分諸如element ui、ant design之類的中性框架有區別,或者用戶面向國外,我強烈推薦選擇 Vuetify 。使用 vuetify 的admin案例Vuetify 出自國外團隊之手,官網提供中文文檔,翻譯略有些生硬但也不影響理解,需要注意的,無論是設計完善的組件,還是代碼示例,都非常豐富而詳細。
  • 谷歌Material Design設計語言將用於汽車和電視
    更新的Material Design規範談到了如何將這一設計語言用於新的平臺,例如電視機、汽車中控臺,甚至谷歌Cardboard虛擬實境設備。對谷歌來說,Material Design是極為大膽的一步,將統一各類平臺上谷歌應用和服務的設計語言。
  • 百度與谷歌角逐在線翻譯市場
    首頁 > 動態 > 關鍵詞 > 百度最新資訊 > 正文 百度與谷歌角逐在線翻譯市場