壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

大家好,這里是最新一期的壹周速讀!在這里一次讀完上周的熱新聞、妙細(xì)節(jié)、好文章!

在新聞方面,Windows 11 正式引入 Android 應(yīng)用,而新的 macOS Monterey 也即將正式推送!上周也涌現(xiàn)了一大波優(yōu)質(zhì)文章,其中4篇 UI 設(shè)計的文章都是非常值得收藏反復(fù)閱讀的總結(jié)性文章,而新更新的第二波設(shè)計干貨精選中,也有幾款特別值得嘗試的設(shè)計工具!下面具體看看吧:

Part 1:熱新聞

1、Interbrand 發(fā)布 2021 年全球最佳品牌 100 強

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

專業(yè)機構(gòu) Interbrand 發(fā)布 2021 年全球最佳品牌排名,根據(jù)排名顯示前 100 名中,中國僅有 1 個品牌上榜。其中蘋果以 4082.51 億美元品牌價值再次占據(jù)榜首,亞馬遜憑借 2492.49 億美元品牌價值緊隨其后,排名第二,微軟以 2101.91 億美元品牌價值排名第三。唯一上榜的中國品牌為華為,以 61.96 億美元上榜,排名第 85 位。戳這里看具體情況:官網(wǎng)鏈接

2、測試版 Windows 11 上可以運行 Android 應(yīng)用

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

最近,微軟開始向測試者們推送 Windows Subsystem for Android 的預(yù)覽版,并提供對 Amazon Appstore 的應(yīng)用的訪問。使用英特爾、AMD 和高通處理器的測試者都將能夠在 Windows 11 上試用 Android 應(yīng)用。

3、2022 年北京冬奧會火炬接力標(biāo)志發(fā)布

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

2022 年北京冬奧會火炬接力標(biāo)志由東道品牌設(shè)計中心設(shè)計,標(biāo)志融合了中國古代神話故事和傳統(tǒng)書法藝術(shù),體現(xiàn)出共建人類命運共同體的美好愿望,高度凝練出中國人心中的奧運精神。標(biāo)志的兩種顏色取自國旗色彩,代表了活力、熱情與奮進,激發(fā)人們這種綻放激情,實現(xiàn)夢想的態(tài)度。同時也希望展示出北京作為冬奧會主辦會場的節(jié)日氣氛,吸引世界關(guān)注,展現(xiàn)新時代美麗中國,體現(xiàn)共建人類美好,共建人類命運共同體的美好愿望。

4、macOS Monterey 將于 10 月 26 日正式推出

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

在公布全新性能爆棚的 MacBook Pro 之外,蘋果也同步確認(rèn)新一代系統(tǒng) macOS Monterey 將于 10 月 26 日(周二)起提供免費軟件更新。macOS Monterey 主打高效率、與他人連接,包括重新設(shè)計的 Safari、捷徑 APP,以及在 iPhone、Apple Watch 上已經(jīng)能用到的專注模式。新系統(tǒng)還支持跨 Mac、iPad 的「通用控制」體驗。

Part 2:好文章

干貨 | 10月精選干貨第二波

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

這是10 月第二波精選設(shè)計干貨來了,這次挑選的設(shè)計工具和素材的合集中,有好幾個還不錯的漸變配色的生成工具,幫你更好地追隨當(dāng)下主流的彌散漸變的設(shè)計趨勢!另外還有面向 UI 設(shè)計師和開發(fā)者的全功能 XELA 組件庫,有幾乎無需代碼知識就能自己做 APP 的平臺 Flutterflow,有插畫圖庫和藝術(shù)插畫機器學(xué)習(xí)工具,都是非常新鮮有趣的東西,具體逐個看看吧:

神器| 國產(chǎn) Figma 軟件「即時設(shè)計」

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

過去的幾個月里,「即時設(shè)計」這款存在感爆棚的新形態(tài)國產(chǎn)設(shè)計工具吸引了太多設(shè)計師朋友的關(guān)注,也讓很多人對「它和國外的 Figma 到底有哪些差異?我們又該如何選擇?」等類似的問題充滿了好奇,前段時間剛分享了一套它和 Figma 不同的用法,這次就為大家更全面地展示下它的本土化優(yōu)勢,一起來看看吧:

UI | 圖標(biāo)設(shè)計的6門必修課

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

圖標(biāo)設(shè)計其實是很多設(shè)計師的必修課,即使是使用現(xiàn)有的圖標(biāo)合集,也需要了解圖標(biāo)設(shè)計和使用的方方面面。這篇文章的作者「白樺林溪」從圖標(biāo)類型、系統(tǒng)圖標(biāo)的尺寸和網(wǎng)格、圖標(biāo)的繪制、導(dǎo)出和命名等6個方面,幫你快速掌握圖標(biāo)設(shè)計規(guī)范:

UI | 界面中的間距設(shè)計總結(jié)

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

這篇文章出自 UI 設(shè)計師 Tess Gadd 之手,這篇文章結(jié)合她本身的設(shè)計經(jīng)驗,完整梳理了她關(guān)于 UI 當(dāng)中「間距」的理解和關(guān)鍵的知識點,并且提供了豐富的延伸閱讀:

UI | 用戶頭像設(shè)計完全指南

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

用戶頭像是我們在做 UI 時經(jīng)常會用到的設(shè)計元素,但想要設(shè)計好它也是有很多需要注意的細(xì)節(jié)知識的,「彩云譯設(shè)計」翻譯的這篇文章深入到了頭像設(shè)計的方方面面,不同的事件、狀態(tài)、操作、配色等等一系列 UI 設(shè)計的最佳實踐。這篇文章準(zhǔn)備了很多實例,或許可以給你一些啟發(fā):

UI| B端圖標(biāo)設(shè)計總結(jié)

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

在 B 端項目中,應(yīng)用最廣泛的必然是工具圖標(biāo),而裝飾、啟動圖標(biāo)卻鮮有露面機會。雖然今天網(wǎng)上有非常豐富的圖標(biāo)素材庫,但在形式各異的 B 端項目里依舊是供不應(yīng)求的,各種行業(yè)特有的功能、實物、隱喻,只能設(shè)計師自己完成?!杆崦犯沙恕沟倪@篇文章,重新梳理了圖標(biāo)的基礎(chǔ)知識,并且基于 B 設(shè)計的設(shè)計場景,詳細(xì)總結(jié)了相關(guān)的設(shè)計要點,來看看吧:

體驗 | 大廠的用研方法總結(jié)

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

很多大廠的產(chǎn)品和體驗設(shè)計師都在使用「用戶畫像」和「用戶體驗地圖」來進行產(chǎn)品設(shè)計,那么它們在實際應(yīng)用中的作用、差異、流程、實用技巧和關(guān)聯(lián),到底有哪些?如何快速打造一款可用的人物角色原型?有哪些方法?有哪些縣城的模板和技巧?這篇文章里面有完整的介紹:

視覺 | 雙11天貓頭圖設(shè)計

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

每年雙 11 都是各大品牌在視覺設(shè)計上秀肌肉的場合!今年雙 11 活動已經(jīng)開始,有哪些值得學(xué)習(xí)、風(fēng)格有趣或者特殊的頭圖?又有哪些頭圖的設(shè)計特別值得學(xué)習(xí)?看這里:

視覺 | 什么樣的 Banner 轉(zhuǎn)化率最高

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

這篇來自京東設(shè)計團隊的文章僅僅只有3個案例,也只是展示主要測試結(jié)論,因為這三個案例是經(jīng)理了大量的AB 測試才得以獲得,凝結(jié)了 35 個 AB 測試的精華, 文字不多,但效果顯著,看明白它們,你將徹底搞明白如何呈現(xiàn)促銷類頁面。話不多說,精華都在圖里:

視覺| 海報文案的設(shè)計要點

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

據(jù)統(tǒng)計,標(biāo)題是海報中閱讀率最高的文案,所以標(biāo)題設(shè)計至關(guān)重要,一個優(yōu)秀的標(biāo)題設(shè)計不僅要清晰易讀,而且需要與畫面和主題的調(diào)性保持高度統(tǒng)一。然而很多設(shè)計師在標(biāo)題的處理上都不夠重視,導(dǎo)致畫面減分不少,甚至?xí)У粢患髌?,蔥爺?shù)倪@篇文章給大家分享幾種比較主流的標(biāo)題設(shè)計方法,干貨很多:

職場 | 作品集封面提升秘訣

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

準(zhǔn)備設(shè)計師作品集是相當(dāng)花時間的,特別是對于作品集的封面最為頭疼,今天就來教給大家一個快速做出作品集封面的野路子——但是非常有用——希望對大家有所幫助:

產(chǎn)品 | B端權(quán)限管理完全解析

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

在 B 端系統(tǒng)中“權(quán)限管理”是必不可少的功能,不同的系統(tǒng)中權(quán)限的應(yīng)用復(fù)雜程度不一樣,都是根據(jù)實際產(chǎn)品以及需求情況而設(shè)置合理的權(quán)限?,F(xiàn)在對于權(quán)限的設(shè)置,基本上都是建立在 RBAC 權(quán)限模型上的、擴展的,設(shè)計小余的這篇文章,結(jié)合RBAC模型和實際業(yè)務(wù)案例,幫你搞明白這件事情:

Part 3:妙細(xì)節(jié)

1、Florence:如何用交互設(shè)計呈現(xiàn)怦然心動的邂逅?

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

2、在開往霍格沃茨特快列車的環(huán)境音里入睡是什么體驗?

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

3、bilibili的視頻震動功能是怎么實現(xiàn)的?

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

4、如何幫助長輩快速掌握智能手機各種應(yīng)用的操作?

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

5、蘋果、小米與華為,哪款手機原生系統(tǒng)的文本識別功能更好用?

壹周速讀:Figma的替代品 + 一大波UI設(shè)計指南

收藏 23
點贊 5

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。