壹周速讀:給 UI 設計師的學習大禮包

蘋果的開發者大會剛剛結束,從iOS 14 到 macOS 11 都已初露崢嶸,上周有三篇文章梳理了今年 WWDC 最值得關注的設計要點和規范,一定要看 ~

當然,除了來自蘋果的最新規范之外,還有一系列的 UI 和交互設計的干貨好文,可以說是一份給 UI 設計師的學習大禮包~

WWDC

壹周速讀:給 UI 設計師的學習大禮包

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

壹周速讀:給 UI 設計師的學習大禮包

蘋果設計大獎是每年 WWDC 的壓軸項目了,這個獎項會表彰過去一年當中,最具有創新精神、擁有卓越設計、善用技術并且獨具匠心的優秀 APP。今年榮獲蘋果設計大獎的 8 款 APP 實至名歸,而這些 APP 的創造者,還分享了 APP 背后,身為設計者內心深處的想法,以及成功的原因:

壹周速讀:給 UI 設計師的學習大禮包

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

UI·交互

壹周速讀:給 UI 設計師的學習大禮包

了解用戶是進行產品的設計和研發的一個重要的前置環節,了解用研是很多設計師進階的必學知識。這篇來自 58UXD 的用研系統知識入門,可以帶你快速了解它的各個方面:

壹周速讀:給 UI 設計師的學習大禮包

單選框是非常常見的表單元素。它通常被用來從一組互斥的相關選項中選擇一個單獨的選項。當點擊一個未選中的單選框時,它會被選中,其他按鈕則會變成未選中狀態。但是在實際設計過程在, 單選框值得注意的細節也相當多:

壹周速讀:給 UI 設計師的學習大禮包

應用程序中圖片無處不在,所以大家對于圖片的展示方式習以為常、司空見慣。但是在設計的 APP 設計中,圖片尺寸的運用非常有講究。這篇文章對幾十款APP進行總結分析后,進行了整理,希望能夠在圖片的展示排版上幫到你:

壹周速讀:給 UI 設計師的學習大禮包

近年來深色模式的設計趨勢開始一點點明顯,Ant Design 在這次 4.0 的升級中也對這類暗黑場景化的設計開始進行初步的探索,接下來就一起來看下 Ant Design 這一針對企業級的設計體系是如何設計深色模式的:

壹周速讀:給 UI 設計師的學習大禮包

如果讓你設計一個挽留彈窗,你會通過什么方法或內容 來留住用戶?這是一個非常實際的彈窗使用場景,如果你的腦海只是零碎的一倆個想法,那你可要認真看下面的內容,它會給你帶來更多的想法、例子,為你提供一個比較系統的思考框架,不用毫無目標地尋找參考:

平面·排版

壹周速讀:給 UI 設計師的學習大禮包

有時候我們看一個設計作品、體驗一個APP、或者一個公司的PC官網,就會覺得整個設計看起來很高級,但是又說不上哪里高級,是結構?布局?間距?還是細節?帶著這個問題,這篇文章從網格系統入手,跟你一起尋找答案:

壹周速讀:給 UI 設計師的學習大禮包

設計作品缺乏吸引力,不夠吸引人眼球,原因可能有很多,但是最關鍵的原因可能缺乏對比。所謂「無對比不設計」,創造對比的技巧就非常重要了:

壹周速讀:給 UI 設計師的學習大禮包

這是快速掌握設計臨摹訣竅的系列文章,這兩篇文章當中詳細梳理了臨摹學習的不同階段、應當遵循的思路、并結合幾個系統的實戰案例,帶你系統掌握臨摹的技巧:

壹周速讀:給 UI 設計師的學習大禮包

2020上半年轉瞬即逝,可能是因為疫情的緣故,時間都變得著急起來。在這樣一個特殊的環境下,品牌與創意工作者們,創造出了哪些經典海報案例?來自 Canva 醬的這篇文章,帶你一起來溫故一下上半年的這些優秀海報設計:

壹周速讀:給 UI 設計師的學習大禮包

平時推薦的配色工具和色卡那么多,可是真正設計上手的時候腦子就懵了,依然不會靈活使用,那么這個事兒到底要怎么辦?高手一般是怎么用色卡的?這篇文章了來自騰訊的設計師,來學習一下高手總結的三個技巧吧:

神器·干貨

壹周速讀:給 UI 設計師的學習大禮包

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

壹周速讀:給 UI 設計師的學習大禮包

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

壹周速讀:給 UI 設計師的學習大禮包

Russ 是一名在平面設計和網頁設計領域上擁有10年工作經驗的設計師,他總能通過簡單的圖形和有限的色彩組合出令人驚嘆的效果,而他所創建的 Russfuss 這個網站也展示了很多作品,并且提供了超過 150 張圖案設計素材:

壹周速讀:給 UI 設計師的學習大禮包

2020年開始Adobe公司進行了全方位的更新,不僅將 Adobe 本身的品牌進行了重新演繹,而且旗下的產品和功能也進行了全方位的更新:

收藏 77
點贊 18

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。