Import PDF into Figma ,在 Figma 中插入任何 PDF,並且可以選擇加入的頁數。
推薦人:Mr.Biscuit
上傳圖片,可以根據標準自動生成不同尺寸,下載即可,省去了手動調整尺寸和導出的複雜流程。
用於在 SVG 路徑之間進行變形。在相同 SVG 路徑的 X 變體之間平滑變形(即相同的命令,不同的值)。
我最近被要求回顧過去 20 年的 LogoLounge 趨勢報告。它如何塑造了我的設計方式?對我個人有什麼影響?我想到了一個我經常使用但其他人很少理解的短語:「知道你是如何到達那裡的,比知道你在哪裡更重要。」
顯然,知道自己在哪裡很重要。我並不是建議每個人都迷路(儘管有時這是創作過程的必要部分)。我要說的是,在 20 年和 380,000 個標誌之後,它仍然和以往一樣重要。這。工作。一個偉大的標誌超越了趨勢。我說的是核心定義,拉丁詞根:trans(跨越)+ scandere(攀登)。
你如果想看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),使之很容易地從背景中被辨識出來。
正則表達式是對字符串(包括普通字符(例如,a 到z 之間的字母)和特殊字符(稱為「元字符」))操作的一種邏輯公式,就是用事先定義好的一些特定字符及這些特定字符的組合,組成一個「規則字符串」,這個「規則字符串」用來表達對字符串的一種過濾邏輯。正則表達式是一種文本模式,該模式描述在搜索文本時要匹配的一個或多個字符串。
比如更改名稱的語法(例如,將「Icon_003」更改為「003_Icon」),並且可以批量方便地完成。
推薦人:Jaylee、草帽
路徑數據由 6 種類型的指令組成,告訴您的計算機如何繪製形狀:
MoveTo
LineTo
三次貝塞爾曲線
二次貝塞爾曲線
圓弧曲線
閉合路徑
這些指令中的每一個都使用字母表中的一個字母作為命令,後面的所有數字都是傳遞給它的參數。
是個圖標庫集合,也是通用圖標框架。FontAwesome、Material Design Icons、DashIcons、Feather Icons、EmojiOne、Noto Emoji 和許多其他開源圖標集(100 多個圖標集、100,000 多個圖標)。
圖標支持在線修改顏色、尺寸、旋轉等參數,設計師複製 SVG 到 設計工具里粘貼即可。





限時免費

Lottie 動畫、圖標動畫,好看的都是收費的,不過可以多來看看圖標動畫的方式和動作。同時提供了免費動態圖標的下載使用。
武藏野美術大學,赤峰一樹的畢業作品 每個元素都做了動畫,並提供下載 AE 格式文件。
推薦人:無名的人
網頁已經把 Figma 變成了摸魚神器。「小部件」和「地圖」配合起來就可以和夥伴在線會友了,就是地圖大了多少會有點卡,左上角的跑道不要去,那速度會讓你轉眼花,上車容易下車難...
地圖文件:
小部件:
作者對圖標動畫的運動軌跡進行的細緻的描述(動畫可以查看原文)
首屏很有創意,衍化文字的變形目標明確主題突出
都是成品案例,配色和動畫都很棒
封面來源:Behance:
「 體驗碎周報」幫助交互設計師成長,由「龍爪槐」創建和更新。
「DEX 周刊」,關於產品、設計、前端、軟件等內容的精華資訊,由「丁一」創建和更新。
「科技愛好者周刊」,記錄每周值得分享的科技內容。
🍭「Figma Section」,9 折購買,Figma 設計圖管理插件
❤️「Pro Layout Panel」,9 折購買,Figma 超級自動布局,讓自動布局使用更高效快捷