Moonvy 月維設(shè)計素材周刊 049 期

時間：2023-09-09 07:12:02 | 來源：網(wǎng)站運營

時間：2023-09-09 07:12:02 來源：網(wǎng)站運營

Moonvy 月維設(shè)計素材周刊 049 期：

設(shè)計資訊

Sketch 支持打開 Figma 文件

https://www.sketch.com/blog/new-in-sketch-annotations-document-libraries-templates-and-more/
現(xiàn)在可以在 Sketch 中打開您的 Figma 文件！前往“文件”>“打開本地文檔” ( ??O ) 并選擇您的 .fig 文件，或?qū)⑵渫系?Dock 中的 Sketch 圖標(biāo)上，并像對待任何其他 Sketch 文檔一樣使用它。
Sketch 還開源了底層轉(zhuǎn)換器，方便使用命令行批量轉(zhuǎn)換文檔，因為沒有人應(yīng)該被一種文件格式所束縛。
Sketch 的本次更新，使設(shè)計師更方便的使用喜歡的工具，一個在線工具一個本地工具互相補充，期待他們持續(xù)變得更好。

產(chǎn)品推薦

Shadcn UI - 使用 Radix UI 和 Tailwind CSS 構(gòu)建的設(shè)計精美的組件庫

新年在推特很流行的組件庫項目，還沒正式上線就得到了大量關(guān)注，它是一個定位不僅要設(shè)計精美，還考慮可訪問性的組件庫?？梢灾苯訌?fù)制組件代碼。
https://github.com/shadcn/ui

可用來修復(fù) AI 生成的人臉：GPFGAN - to fix faces

舊照片或 AI 生成的人臉，使用人臉恢復(fù)算法使面部更自然。
投稿人：Zero
https://replicate.com/tencentarc/gfpgan

微軟 Bing 的 AI 產(chǎn)品：Image Crestor

圖像創(chuàng)建器與在必應(yīng)中搜索圖像不同。幫助用戶使用 DALL-E 生成 AI 映像。得到文本提示后，AI 將生成一組與該提示匹配的圖像。暫時還未對國內(nèi)開放體驗。
https://cn.bing.com/create

超級好用的樣機工具：Mockview

macOS 系統(tǒng)的樣機工具 Mockview 2.0，可以自定義選擇設(shè)備、上傳設(shè)計圖選擇填充方式，還支持自定義背景，免費下載沒有水印。它甚至可以 3D 自定義角度導(dǎo)出。
https://apps.apple.com/us/app/mockview/id1592728145

值得讀讀

2023 年響應(yīng)式網(wǎng)頁設(shè)計的優(yōu)缺點

https://www.webdesignerdepot.com/2023/01/the-pros-and-cons-of-responsive-web-design-in-2023/
什么是響應(yīng)式網(wǎng)頁設(shè)計？
簡而言之，響應(yīng)式網(wǎng)頁設(shè)計 (RWD) 是一種設(shè)計網(wǎng)站的現(xiàn)代方法，它允許網(wǎng)站智能地響應(yīng)正在查看它的設(shè)備。
RWD 使用媒體查詢和相關(guān)單位等技術(shù)來創(chuàng)建靈活的設(shè)計，該設(shè)計可以根據(jù)屏幕尺寸擴大或縮小。這種類型的網(wǎng)頁設(shè)計提供了一種多合一的解決方案，具有靈活的布局，可以適應(yīng)各種場景，而不是像過去那樣擁有多個移動和桌面版本。
RWD 經(jīng)常與移動優(yōu)先網(wǎng)頁設(shè)計相混淆，首先是因為移動優(yōu)先是響應(yīng)式工作流的一項關(guān)鍵技術(shù)，其次是因為隨著移動設(shè)備用戶數(shù)量的增長，RWD 越來越受歡迎。但是，您可以擁有一個沒有響應(yīng)的移動優(yōu)先網(wǎng)站。
響應(yīng)式網(wǎng)頁設(shè)計基本上消除了為移動設(shè)備和桌面設(shè)備設(shè)置不同版本網(wǎng)站的需要。
響應(yīng)式網(wǎng)頁設(shè)計的優(yōu)點
響應(yīng)式網(wǎng)頁設(shè)計似乎有無窮無盡的優(yōu)點。

• 用戶體驗友好： RWD 非常適合響應(yīng)用戶的需求。它允許用戶在任何設(shè)備上訪問您的網(wǎng)站，因此他們不必切換設(shè)備。它還可以讓您接觸到?jīng)]有電腦且只使用手機等移動設(shè)備的客戶。
• SEO 友好： RWD 有利于 SEO（搜索引擎優(yōu)化），因為它可以幫助人們在不同的設(shè)備（如手機和計算機）上找到您的網(wǎng)站。此外，由于您不必為移動設(shè)備和桌面設(shè)備維護(hù)單獨的網(wǎng)站版本，因此 Google 不太可能因重復(fù)內(nèi)容而對您的網(wǎng)站進(jìn)行處罰。
• 成本效益： RWD 可以在創(chuàng)建同一網(wǎng)站的多個版本時節(jié)省大量時間和金錢。此外，響應(yīng)式網(wǎng)頁設(shè)計允許您維護(hù)一個網(wǎng)站而不是多個網(wǎng)站，從而降低維護(hù)和托管成本。
• **面向未來：**隨著技術(shù)的不斷發(fā)展，響應(yīng)式構(gòu)建的網(wǎng)站將能夠快速適應(yīng)并跟上變化。這意味著使用響應(yīng)式網(wǎng)頁設(shè)計，您的網(wǎng)站不會很快過時。

響應(yīng)式網(wǎng)頁設(shè)計的缺點
響應(yīng)式網(wǎng)頁設(shè)計值得努力嗎？
響應(yīng)式網(wǎng)頁設(shè)計技巧
響應(yīng)式網(wǎng)頁設(shè)計對于大多數(shù)網(wǎng)站來說都是一個很好的選擇，因為它允許您創(chuàng)建針對不同設(shè)備優(yōu)化的體驗，而無需單獨的網(wǎng)站版本。
但是，在做出決定之前還應(yīng)考慮 RWD 的一些缺點。重要的是要考慮創(chuàng)建一個響應(yīng)式網(wǎng)站需要花費多少時間和精力，您是否擁有必須在移動和桌面用戶之間有所不同的內(nèi)容，以及是否可能存在任何性能問題。
通過遵循最佳實踐，例如采用移動優(yōu)先的方法并在設(shè)計階段花費額外的時間以確保為多個視口準(zhǔn)備好布局，您可以確保您的網(wǎng)站在所有設(shè)備上看起來都很棒，同時避免與 RWD 相關(guān)的潛在陷阱。

設(shè)計素材

高質(zhì)量開源圖標(biāo)庫：MingCute Icon

整套圖標(biāo)庫包含 2006 個圖標(biāo)，提供 SVG、PNG 格式，并且可以在下載前調(diào)整尺寸以及顏色。
https://www.mingcute.com/

線性漸變教程

作者詳細(xì)描述了創(chuàng)作步驟，效果非常驚艷。
https://www.figma.com/community/file/1197134505417110601

圖標(biāo)庫 - Icons Set

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

辰宇落雁體，免費可商用開源字體

作者強調(diào)辰宇落雁體手寫字型就像是我們將字寫在紙上，讓字跡留下。辰宇落雁體全采用書寫手感字體，能呈現(xiàn)出真實書寫真實溫度，不論用在音樂 MV、旅游影片、繪本、明信片或帆布背包都適合。
https://mrmad.com.tw/chenyuluoyan-font

芫荽體，臺灣地區(qū)的繁體硬筆字體，開源免費可商用

保留原始楷體和仿宋筆調(diào)，改善缺字問題、調(diào)整字形繪本教材等不同學(xué)習(xí)媒材時都適用（香菜味道的字體）。不過此字體是按照臺灣地區(qū)的規(guī)范與大陸字體有所差異需要注意。
https://mrmad.com.tw/iansui-font

何某手寫體，免費可商用手寫字體

何某手寫體，是一款擁有日系風(fēng)格的中文手寫字體，主要基于おつとめフォント開放原始碼中文字體進(jìn)行修改，主要填補繁體中文常文字缺字，能夠滿足大多數(shù)創(chuàng)作者口語用詞。雖然補字風(fēng)格會和原作者有些不同，創(chuàng)作者也盡力讓中文字體達(dá)到一致。
https://mrmad.com.tw/nanifont

清松手寫體，免費可商用手寫字體

清松手寫體，共有5套不同風(fēng)格，作者完全免費開放大眾下載使用，授權(quán)方式皆采用SIL開源字型授權(quán)，所以清松手寫體可以免費商用使用，包含印刷、貼圖、影片、海報等。
https://github.com/jasonhandwriting/JasonHandwriting

悠哉字體 / Yozai Font，免費可商用字體

本字體是一款基于 Y.OzFont 的手寫風(fēng)格的字體。利用原字體中已有的筆劃和部件，通過拼接和調(diào)整造出新字 （必要時自己用鼠標(biāo)寫出部件） 。目前已補全原字體中有對應(yīng)繁體字的簡體字、 GB 2312 范圍內(nèi)的所有漢字 （6763 個） 、《通用規(guī)范漢字表》范圍內(nèi)的所有漢字 （8105 個） ，BIG5-2003 范圍內(nèi)的所有漢字。本字體共有 4 個字重： Light、Regular、Medium、Bold。
https://github.com/lxgw/yozai-font

豐富的幾何形狀素材

https://craftwork.design/downloads/shape-spectrum/

牙科圖標(biāo)，Dental Icons

有點可愛的新擬物化小牙齒。
https://www.figma.com/community/file/1057336531739458071

微信紅包封面模版 - WeChat Red Packet Mockup

用于在 微信紅包封面開放平臺 定制紅包封面。來自官方的 Sketch 模版文件，我在 Figma 中進(jìn)行了梳理，便于設(shè)計和導(dǎo)出。除此之外，還整理了相關(guān)鏈接、定制流程和常見問題。錯過 2023 春節(jié)這個時間點，有需要的保存一下明年再用。
https://www.figma.com/community/file/1201454422718470239

隨便看看

Same Energy 是一個視覺搜索引擎

可以使用它來尋找美麗的藝術(shù)品、攝影、裝飾創(chuàng)意或其他任何東西。我們認(rèn)為圖像搜索應(yīng)該是視覺的，只使用最少的單詞。我們相信它應(yīng)該融合豐富的視覺理解，捕捉圖像的藝術(shù)風(fēng)格和整體情緒，而不僅僅是圖像中的物體。幫助你發(fā)現(xiàn)新的風(fēng)格，并可能將它們用作靈感。
投稿人：Fynn
https://same.energy/

AI 產(chǎn)品信息聚合網(wǎng)站：There's An AI For That

人工智能正在快速的改變著人們的生活，各種各樣的AI工具也層出不窮，怎么才能找到一個適合自己的AI，幫助自己節(jié)省一些時間呢？
網(wǎng)站幫你匯總了市面上幾乎所有常見的AI工具，多達(dá)100多個品類，700多款，而且每天都在持續(xù)更新。網(wǎng)站內(nèi)容也很簡單粗暴，你可以根據(jù)產(chǎn)品上線時間或是產(chǎn)品類別進(jìn)行瀏覽，也可以直接搜索關(guān)鍵字，該網(wǎng)站也沒有提供太多額外內(nèi)容，只有產(chǎn)品類型、定價等信息，想具體了解，點擊鏈接就會跳轉(zhuǎn)到相應(yīng)的產(chǎn)品主頁。
https://theresanaiforthat.com

免費的開源簡歷生成器：Reactive Resume

Reactive Resume 是一個免費的開源簡歷生成器，旨在使創(chuàng)建、更新和共享簡歷的日常任務(wù)像 1、2、3 一樣簡單。使用此應(yīng)用程序，您可以創(chuàng)建多份簡歷，并與招聘人員或朋友分享通過唯一鏈接并將其打印為 PDF，全部免費，無廣告，無跟蹤，不會丟失數(shù)據(jù)的完整性和隱私性。
https://rxresu.me/

---

封面來源