大家好，這里是最新一期的壹周速讀！在這里一次讀完上周的熱新聞、妙細節、好文章！

在新聞方面，Adobe 發布了網頁版Ps 和 Ai，Facebook 更名為 Meta，Google 發布針對折疊屏的新系統！上周涌現了一大波優質的 UI 的文章，同時還有 2 篇專攻 AE 動效的文章，特別值得學習！下面具體看看吧：

Part 1：熱新聞

1、 Google 推出 Android 12L 系統

Google 公布了為大屏設備而設計的 Android 12L 系統，改進了大屏上的 UI 界面顯示，包括通知、快速設置、鎖屏、概覽、主屏幕等。功能上主要針對大尺寸高分辨率屏幕（大于 600sp）作出應用分屏和 Dock 欄的優化。面向的是平板電腦、可折疊設備和 ChromeOS 設備。

2、 Facebook 將公司名更改為 Meta

Facebook 宣布將公司名字更改為 Meta，源自「metaverse（元宇宙）」，此次更名也意味著該公司將專注于轉向以虛擬現實為主的新興計算平臺，這件事情正在 。與此同時，全新 Logo 亮相，新品牌符號著重于動態及 3D 形態進行展現。

3、麥當勞推出新字體：薯條體

馬上就是萬圣節了，麥當勞順勢推出了萬圣節限定薯條字體。這是繼去年麥克雞塊體之后，推出的又一款免費字體。麥當勞這次以金黃的薯條和番茄醬為靈感，開放免費下載也能商業使用！

4、Adobe 發布 Ps 及 Ai Web 網頁版

Adobe 宣布推出旗下的兩大最受歡迎的創意生產應用的網頁版，即用于圖片編輯的 Photoshop 和用于矢量圖形創作的 illustrator，未來將可以直接在瀏覽器中訪問使用。值得注意的是，可以分享文件以邀請他人進行編輯，或發送一個僅供查看的鏈接，以獲得評論、上下文標記和注釋。

Part 2：好文章

UI | 內容分割方式選取技巧

在瀏覽器的內容體驗上，各大廠商都有不少細致入微的優化。近兩年，vivo 的設計團隊在瀏覽器的設計上一直選擇的是留白分割的設計方式，但核心競品已經逐漸都采用了線性分割，甚至卡片分割的設計，是要堅守留白還是追隨「趨勢」，Vivo 的設計團隊是這樣進行探索和優化的：

UI | 獨自創建設計系統的6個技巧

如果你是公司團隊中唯一的設計師，工作內容龐雜，需要為現有產品設計一套設計系統，那么你要注意哪些問題？資深產品設計師 Taras Savytskyi 將自己在初創團隊中的設計經驗濃縮成為這篇文章，梳理成為這篇文章的6個要點，應該能夠給你不少幫助：

UI | UI 版式設計4原則

說到版式，就必須先提 4 條基本原則，這些原則一直都是版式教程的必講知識點，有大量文章和書籍都做過詳細介紹，不過根據設計類型的不同會有出入，這篇文章結合手機端的瀏覽體驗，來講講版式設計 4 原則（對齊、親密性、對比和重復）的運用：

UI | 提升UI細節的6個排版要點

在設計手機詳情頁時，會經常用到的一些排版小細節。由于手機版面受限，用戶瀏覽時間也短，所以圖文排版不宜太過復雜，要以清晰呈現為主，簡潔明了是當下主流。但是排版越是簡潔，對細節的要求就越高，產生的影響也會越直觀。那么要怎么處理呢？掌握這6個細節，可以最大程度幫你做好細節：

UI | 5個必知的表單設計冷知識

當我們設計 Web 表單時，往往用最直覺的設計經驗本能驅動我們去解決一些看似在界面設計中最簡單的問題，但每每到細微之處，又會有無數疑問從細節中冒出來給我們的設計造成困擾，所以這些看似偏門、細碎的內容，實際上是特別值得留意和思考的，這篇來自百度MEUX 團隊的文章，將這些問題給你一網打盡：

字體 | 字體優化的7個技巧

很多同學做字體的時候，總感覺差點意思，但又不知道問題出在哪里，就覺得沒有網上看到的字體那么專業，其實仔細觀察就會發現，主要的問題大都是沒有細節、缺少變化，所以顯得有點粗糙。蔥爺的這篇文章分享了幾個非常有用的字體優化技巧：

字體 | 字體特效優化的4個技巧

當字體設計好后，我們就要給字體添上合適效果，如果說字體設計是創造，那字效呈現就是美化，對于更追求促銷感和氛圍感的電商設計，有時字效會比字體設計更加重要，通過添加合適效果能使字體更具美感和吸引力，同時也更利于信息和情感傳達，也算是錦上添花。盧維賢的這篇文章從4個方面入手總結了字體特效的優化方向：

配色 | 騰訊色彩系統高效應用指南

單純的創建設計系統和色彩系統并不足以完全應用到實戰項目中，涉及到協同合作的時候，還需要制定一套對應的顏色使用規則，團隊協作流程。那么騰訊的設計團隊是怎么來解決這個問題的？來看看他們在騰訊文檔這個項目中是怎么操作的吧：

職場 | 設計師年底總結技巧

2021年已經快過去了，作為設計師來說總結并分析問題才能獲取經驗，這篇來自京東JellyDesign 團隊的文章，將會為大家分享設計師做年底總結的經驗。這篇文章從經驗總結的方式、凸顯自己經驗的方法、分析問題的策略、制定未來計劃等4個關鍵維度來進行分享，實用性極強：

資源 | 10月干貨第三波

這是 10 月第三波精選設計干貨，這次挑選的設計工具和素材的合集中，有不錯的插畫和3D圖庫，還有2款可以搭配起來使用的AI修圖工具，以及面向設計師和開發者的 UI 組件以及 CSS 工具，實用性都非常強，具體逐個看看吧：

資源 | 日本免費圖標網站

IFN 無料アイコン是一個日本的免費圖標網站，一共收錄超過 900 個圖標圖案，依照不同主題分門別類，包括因特網、計算機、商務、電器制品、生活用品、動物等等，這些圖標設計都很細膩精美，提供三種常見圖片格式：SVG、EPS 和 PNG，使用者可以從網站免費下載：

AE | 實用AE動效設計技巧

After Effects 作為動效軟件的鼻祖，以其強大的兼容性、效果豐富性和清晰明了的圖層操作邏輯深得設計師們喜愛，騰訊 ISUX 團隊在這篇文章當中，從 AE 的插件、操作以及落地三個方面，為大家整理了一波實用技巧，希望能幫助大家在工作中更加得心應手：

AE | 炫酷AE動效的實現方法

「58 同城超級福利日」視頻的上線，精致的界面、絲滑的動效展示給整個項目帶來了更好的視覺觀賞性與生動性。也讓越來越多的設計師意識到單一的圖形展示已無法滿足一些特殊場景的情感化設計表達。這篇文章結合了「58 同城超級福利日」項目案例，用幾個簡單的插件與腳本，帶你實現炫酷的動效：

Part 3：妙細節

1、「小宇宙」的前進后退快捷鍵為什么是30s和15s？

2、醒圖：放大畫面，讓馬賽克不涂錯位置

3、你會自覺降低音量避免外放「抖音」視頻影響他人嗎？

4、「螢石云視頻」電子門鈴的人臉識別技術太牛了