蘋果的開發(fā)者大會剛剛結(jié)束，從iOS 14 到 macOS 11 都已初露崢嶸，上周有三篇文章梳理了今年 WWDC 最值得關(guān)注的設(shè)計(jì)要點(diǎn)和規(guī)范，一定要看 ~

當(dāng)然，除了來自蘋果的最新規(guī)范之外，還有一系列的 UI 和交互設(shè)計(jì)的干貨好文，可以說是一份給 UI 設(shè)計(jì)師的學(xué)習(xí)大禮包~

WWDC

iOS 14 桌面小組件是這次更新當(dāng)中的重要功能之一，它賦予了 APP 全新的入口，更豐富的交互層級，更多樣的操作模式。這個已經(jīng)在 Android 上存在了十幾年的功能，蘋果到底能夠玩出什么花樣呢？來看看官方設(shè)計(jì)規(guī)范怎么說：

蘋果設(shè)計(jì)大獎是每年 WWDC 的壓軸項(xiàng)目了，這個獎項(xiàng)會表彰過去一年當(dāng)中，最具有創(chuàng)新精神、擁有卓越設(shè)計(jì)、善用技術(shù)并且獨(dú)具匠心的優(yōu)秀 APP。今年榮獲蘋果設(shè)計(jì)大獎的 8 款 APP 實(shí)至名歸，而這些 APP 的創(chuàng)造者，還分享了 APP 背后，身為設(shè)計(jì)者內(nèi)心深處的想法，以及成功的原因：

在今年的 WWDC 上，一直延續(xù)著擬物化設(shè)計(jì)接近 20 年的 Mac OS X 終于畫上句號，新的 macOS Big Sur 則作為第 11 個大版本邁入全新的世代。macOS 11 不僅承載著從 Intel 芯片平臺向著蘋果自家的 SoC 遷移的重任，而且采用了更為貼近 iOS 和 iPadOS 的視覺美學(xué)，想知道它具體有哪些改變，這篇文章不要錯過：

UI·交互

了解用戶是進(jìn)行產(chǎn)品的設(shè)計(jì)和研發(fā)的一個重要的前置環(huán)節(jié)，了解用研是很多設(shè)計(jì)師進(jìn)階的必學(xué)知識。這篇來自 58UXD 的用研系統(tǒng)知識入門，可以帶你快速了解它的各個方面：

單選框是非常常見的表單元素。它通常被用來從一組互斥的相關(guān)選項(xiàng)中選擇一個單獨(dú)的選項(xiàng)。當(dāng)點(diǎn)擊一個未選中的單選框時，它會被選中，其他按鈕則會變成未選中狀態(tài)。但是在實(shí)際設(shè)計(jì)過程在， 單選框值得注意的細(xì)節(jié)也相當(dāng)多：

應(yīng)用程序中圖片無處不在，所以大家對于圖片的展示方式習(xí)以為常、司空見慣。但是在設(shè)計(jì)的 APP 設(shè)計(jì)中，圖片尺寸的運(yùn)用非常有講究。這篇文章對幾十款A(yù)PP進(jìn)行總結(jié)分析后，進(jìn)行了整理，希望能夠在圖片的展示排版上幫到你：

近年來深色模式的設(shè)計(jì)趨勢開始一點(diǎn)點(diǎn)明顯，Ant Design 在這次 4.0 的升級中也對這類暗黑場景化的設(shè)計(jì)開始進(jìn)行初步的探索，接下來就一起來看下 Ant Design 這一針對企業(yè)級的設(shè)計(jì)體系是如何設(shè)計(jì)深色模式的：

如果讓你設(shè)計(jì)一個挽留彈窗，你會通過什么方法或內(nèi)容 來留住用戶？這是一個非常實(shí)際的彈窗使用場景，如果你的腦海只是零碎的一倆個想法，那你可要認(rèn)真看下面的內(nèi)容，它會給你帶來更多的想法、例子，為你提供一個比較系統(tǒng)的思考框架，不用毫無目標(biāo)地尋找參考：

平面·排版

有時候我們看一個設(shè)計(jì)作品、體驗(yàn)一個APP、或者一個公司的PC官網(wǎng)，就會覺得整個設(shè)計(jì)看起來很高級，但是又說不上哪里高級，是結(jié)構(gòu)?布局？間距？還是細(xì)節(jié)？帶著這個問題，這篇文章從網(wǎng)格系統(tǒng)入手，跟你一起尋找答案：

設(shè)計(jì)作品缺乏吸引力，不夠吸引人眼球，原因可能有很多，但是最關(guān)鍵的原因可能缺乏對比。所謂「無對比不設(shè)計(jì)」，創(chuàng)造對比的技巧就非常重要了：

這是快速掌握設(shè)計(jì)臨摹訣竅的系列文章，這兩篇文章當(dāng)中詳細(xì)梳理了臨摹學(xué)習(xí)的不同階段、應(yīng)當(dāng)遵循的思路、并結(jié)合幾個系統(tǒng)的實(shí)戰(zhàn)案例，帶你系統(tǒng)掌握臨摹的技巧：

2020上半年轉(zhuǎn)瞬即逝，可能是因?yàn)橐咔榈木壒?，時間都變得著急起來。在這樣一個特殊的環(huán)境下，品牌與創(chuàng)意工作者們，創(chuàng)造出了哪些經(jīng)典海報(bào)案例？來自 Canva 醬的這篇文章，帶你一起來溫故一下上半年的這些優(yōu)秀海報(bào)設(shè)計(jì)：

平時推薦的配色工具和色卡那么多，可是真正設(shè)計(jì)上手的時候腦子就懵了，依然不會靈活使用，那么這個事兒到底要怎么辦？高手一般是怎么用色卡的？這篇文章了來自騰訊的設(shè)計(jì)師，來學(xué)習(xí)一下高手總結(jié)的三個技巧吧：

神器·干貨

「HANDZ」是一套免費(fèi) 3D 插圖素材庫，收錄素材以各種手勢為主，包含 12 種手勢動作、帶有 9 種膚色和 3 種袖子樣式，下載解壓縮后就有超過 320 種組合。整套插圖以 PNG 格式輸出，也有提供原始 Blender 數(shù)據(jù)（.blend）、Sketch library，可以對袖子上色調(diào)整，建立更多的手勢樣式組合，快來看看吧：

「Upscale」是一個來自 Sticker Mule 公司的免費(fèi)圖片放大工具，它可立即提高任何圖片或照片分辨率和尺寸大小，而不會有失真或模糊問題。Upscale 的技術(shù)會分析用戶上傳的圖片，重新建立一張具有兩倍分辨率的新圖片，可用性和實(shí)用性還是很強(qiáng)的：

Russ 是一名在平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)領(lǐng)域上擁有10年工作經(jīng)驗(yàn)的設(shè)計(jì)師，他總能通過簡單的圖形和有限的色彩組合出令人驚嘆的效果，而他所創(chuàng)建的 Russfuss 這個網(wǎng)站也展示了很多作品，并且提供了超過 150 張圖案設(shè)計(jì)素材：

2020年開始Adobe公司進(jìn)行了全方位的更新，不僅將 Adobe 本身的品牌進(jìn)行了重新演繹，而且旗下的產(chǎn)品和功能也進(jìn)行了全方位的更新：