close

🏆 產品推薦在 Figma 里查看 PDF

Import PDF into Figma ,在 Figma 中插入任何 PDF,並且可以選擇加入的頁數。

推薦人:Mr.Biscuit

https://www.figma.com/community/widget/1064675123479620100

應用程序圖標生成器

上傳圖片,可以根據標準自動生成不同尺寸,下載即可,省去了手動調整尺寸和導出的複雜流程。

https://appicon.co/#app-icon

平滑 SVG 路徑變化的差值

用於在 SVG 路徑之間進行變形。在相同 SVG 路徑的 X 變體之間平滑變形(即相同的命令,不同的值)。

https://github.com/Minibrams/svg-path-morph

📖 值得讀讀2022年 LOGO 趨勢報告

我最近被要求回顧過去 20 年的 LogoLounge 趨勢報告。它如何塑造了我的設計方式?對我個人有什麼影響?我想到了一個我經常使用但其他人很少理解的短語:「知道你是如何到達那裡的,比知道你在哪裡更重要。」

顯然,知道自己在哪裡很重要。我並不是建議每個人都迷路(儘管有時這是創作過程的必要部分)。我要說的是,在 20 年和 380,000 個標誌之後,它仍然和以往一樣重要。這。工作。一個偉大的標誌超越了趨勢。我說的是核心定義,拉丁詞根:trans(跨越)+ scandere(攀登)。

https://www.logolounge.com/articles/2022-logo-trend-report

你如果想看2021、2020、2019、2018等之前的 LOGO 趨勢,可以將鏈接里的「2022」修改為目標年份即可。

色彩無障礙設計(Color Accessibility)之「對比度」的探索

解讀無障礙設計的原因和目的

推薦人:leeC

「Color Accessibility」是什麼?

WCAG 2.0 (Web Content Accessibility Guideline,Web內容無障礙指南)就是為了幫助設計師創造良好用戶體驗的。

WCAG 中提到的主要的四種類型的殘疾是:

視力障礙(Visual impairments)

聽力障礙(Hearing impairments)

運動障礙(Motor impairments)

智力障礙(Intellectual disabilities)

基於此,提出了 「POUR無障礙原則」 :

易於感知的(Perceivable)

便於操作(Operable)

容易理解的(Understandable)

穩定耐用的(Robust)

顏色的選擇屬於「易於感知的」無障礙設計範疇。也就是說,網站/App 的內容應該很容易被看到——尤其是文字和圖像,應該有足夠高的色彩對比度(high color contrast ratio),使之很容易地從背景中被辨識出來。

https://zhuanlan.zhihu.com/p/29359260?from_voters_page=true

🔬 設計小科普Figma 批量重命名里的「正則表達式」

正則表達式是對字符串(包括普通字符(例如,a 到z 之間的字母)和特殊字符(稱為「元字符」))操作的一種邏輯公式,就是用事先定義好的一些特定字符及這些特定字符的組合,組成一個「規則字符串」,這個「規則字符串」用來表達對字符串的一種過濾邏輯。正則表達式是一種文本模式,該模式描述在搜索文本時要匹配的一個或多個字符串。

比如更改名稱的語法(例如,將「Icon_003」更改為「003_Icon」),並且可以批量方便地完成。

推薦人:Jaylee、草帽

https://help.figma.com/hc/en-us/articles/360039958934-Rename-Layers

SVG 路徑數據是如何工作的

路徑數據由 6 種類型的指令組成,告訴您的計算機如何繪製形狀:

MoveTo

LineTo

三次貝塞爾曲線

二次貝塞爾曲線

圓弧曲線

閉合路徑

這些指令中的每一個都使用字母表中的一個字母作為命令,後面的所有數字都是傳遞給它的參數。

https://typefully.com/DanHollick/wujrCCG

🎊 設計素材超級全的圖標庫

是個圖標庫集合,也是通用圖標框架。FontAwesome、Material Design Icons、DashIcons、Feather Icons、EmojiOne、Noto Emoji 和許多其他開源圖標集(100 多個圖標集、100,000 多個圖標)。

圖標支持在線修改顏色、尺寸、旋轉等參數,設計師複製 SVG 到 設計工具里粘貼即可。

https://icon-sets.iconify.design/

UI 小組件樣式集合
https://www.figma.com/community/file/1122657723598718827

3D 模型素材
https://spectrumui.gumroad.com/l/Glass3DIcons
https://ui8.net/ui8/products/3d-icon-pack-finance(限時免費)


3D 人物模型
https://spectrumui.gumroad.com/l/People3DAvatar
https://www.figma.com/community/file/1123979473321994142
擬物透明磨砂模型

限時免費

https://www.shapefest.com/expansions/frosted-glass-isometric-apple-devices

圖標動畫庫

Lottie 動畫、圖標動畫,好看的都是收費的,不過可以多來看看圖標動畫的方式和動作。同時提供了免費動態圖標的下載使用。

https://creattie.com/

動畫周期表

武藏野美術大學,赤峰一樹的畢業作品 每個元素都做了動畫,並提供下載 AE 格式文件。

推薦人:無名的人

http://foxcodex.html.xdomain.jp/index.html

🏖 隨便逛逛在 Figma 完成了在線版「動物森友會」

網頁已經把 Figma 變成了摸魚神器。「小部件」和「地圖」配合起來就可以和夥伴在線會友了,就是地圖大了多少會有點卡,左上角的跑道不要去,那速度會讓你轉眼花,上車容易下車難...

地圖文件:

https://www.figma.com/community/file/1118658708951135857

小部件:

https://www.figma.com/community/widget/1117473220251961046/Interactive-Figmaland

咖啡製作過程圖標動畫欣賞

作者對圖標動畫的運動軌跡進行的細緻的描述(動畫可以查看原文)

https://dribbble.com/shots/18010031-Morning-Coffee?utm_content=buffer7cd3d&utm_medium=ownedsocial&utm_source=twitter&utm_campaign=buffer

字體定製工作室

首屏很有創意,衍化文字的變形目標明確主題突出

https://rosettatype.com/

插畫藝術

都是成品案例,配色和動畫都很棒

https://antoniouve.com/

封面來源:Behance:

https://www.behance.net/gallery/110678723/Commercial-Projects-2020-2021
👍 優秀訂閱推薦

「 體驗碎周報」幫助交互設計師成長,由「龍爪槐」創建和更新。

https://www.ftium4.com/

「DEX 周刊」,關於產品、設計、前端、軟件等內容的精華資訊,由「丁一」創建和更新。

https://dex.zhubai.love/

「科技愛好者周刊」,記錄每周值得分享的科技內容。

https://github.com/ruanyf/weekly
🎁 福利區

🍭「Figma Section」,9 折購買,Figma 設計圖管理插件

https://moonvy.com/url/T5vY97Vl

❤️「Pro Layout Panel」,9 折購買,Figma 超級自動布局,讓自動布局使用更高效快捷

https://moonvy.com/url/IOyV0L2K

前往左下角「閱讀原文」,去博客查看鏈接和往期

如果覺得我們的內容還不錯的話,希望可以把「Moonvy 月維」分享給小夥伴
你的認可是我們更新的最大動力 ❥(^-^)V

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 鑽石舞台 的頭像
    鑽石舞台

    鑽石舞台

    鑽石舞台 發表在 痞客邦 留言(0) 人氣()