年度愛(ài)用設(shè)計(jì)類網(wǎng)站大合集——交互設(shè)計(jì)靈感、插畫、配色、icon、背景、guid

時(shí)間：2023-06-04 10:39:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-06-04 10:39:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

年度愛(ài)用設(shè)計(jì)類網(wǎng)站大合集——交互設(shè)計(jì)靈感、插畫、配色、icon、背景、guideline等：我要祭出我2021-2022比較愛(ài)用的設(shè)計(jì)類網(wǎng)站啦，尤其適用交互設(shè)計(jì)專業(yè)，如果覺(jué)得有用的話歡迎收藏、點(diǎn)贊呦～

原文鏈接

設(shè)計(jì)Guideline類

iOS Human Interface Guildeline —— Apple（蘋果）

官網(wǎng)：Design - Apple Developerhttps://developer.apple.com/design/

各種設(shè)備外觀PNG：https://developer.apple.com/design/resources/#product-bezels

Material Design —— Google（谷歌）官網(wǎng)：Introduction - Material Design中文翻譯版：Material design 中文文檔，指南，翻譯

• Material Components

官網(wǎng)：https://material.io/components/Material 主題

• https://material.io/design/material-theming/overview.html#material-theming

Material 組件

• https://material.io/components

顏色

• https://material.io/design/color/

排版

• https://material.io/design/typography/

形狀

• https://material.io/design/shape/

Fluent Design System —— Microsoft（微軟）官網(wǎng)：Fluent Design System

• Microsoft Design （包括Fluent Design 和 Inclusive Design等）

官網(wǎng)：Microsoft Design

• guideline合集 findguideline

http://www.findguidelin.es/

靈感學(xué)習(xí)類

【靈感】ISSUU：http://issuu.com【靈感&學(xué)習(xí)】mobbinhttps://mobbin.design/dictionary







【UI/UX設(shè)計(jì)師個(gè)人網(wǎng)站】Christ TammarMatthew Park

【作品集靈感網(wǎng)站】cofolioshttps://cofolios.com/

【作品集靈感網(wǎng)站】bestfolios

https://www.bestfolios.com/home

【作品集靈感網(wǎng)站】uplabs

圖標(biāo)Icon類

【圖標(biāo)icon】阿里iconfonthttps://www.iconfont.cn/home/

【圖標(biāo)icon】Flat Icon網(wǎng)址：https://www.flaticon.com/【圖標(biāo)icon】Ant Design網(wǎng)址：https://ant.design/components/icon-cn/【圖標(biāo)icon】Iconstore網(wǎng)址：https://iconstore.co/【圖標(biāo)icon】Iconpark 字節(jié)跳動(dòng)http://iconpark.bytedance.com/

設(shè)計(jì)背景類

【漸變背景】UIgradientshttps://uigradients.com/#Ash

【背景】coolbackgroundhttps://coolbackgrounds.io/

【背景】https://tabbied.com

插畫素材類

【插畫素材】https://www.ls.graphics/

【插畫素材】open peeps鏈接: https://pan.baidu.com/s/1IsVg1HHfof-djcuT3qXS4Q密碼: 8r6l

【插畫素材】Free vectorhttps://icons8.com/illustrations

樣機(jī)素材類

【樣機(jī)素材】80個(gè)iPhone X屏幕模板界面設(shè)計(jì)包含Sketch源文件

鏈接：https://pan.baidu.com/s/1H260M5tosf979u2sXA2f5w提取碼：X3XL

【樣機(jī)素材】16個(gè)iPhoneX模型樣機(jī)含PSD源文件鏈接: https://pan.baidu.com/s/1IsVg1HHfof-djcuT3qXS4Q密碼: 8r6l

【樣機(jī)素材】強(qiáng)大的樣機(jī)素材庫(kù)https://www.ls.graphics/free-mockups

【樣機(jī)素材】設(shè)備模型的在線工具下載地址https://cleanmock.com/designer#

【樣機(jī)素材】快速創(chuàng)建動(dòng)畫樣機(jī)模型下載地址https://animockup.com/

【樣機(jī)素材】https://deeezy.com/products?category=mockups&sort=featured

【樣機(jī)素材】帶場(chǎng)景的手機(jī)樣機(jī)https://placeit.net/app-video-mockups

【樣機(jī)素材】https://www.mockupworld.co/free/category/iphone/

3D設(shè)計(jì)類

【3D】iconshockhttps://www.iconshock.com/3d-icons/

【3D】HANDZhttps://www.handz.design/

UI素材類

【UIkit】KK UI Store官網(wǎng)https://www.pixsellz.io/#free

【UI素材】http://PSDDD.co | 一個(gè)專注UI設(shè)計(jì)模板的創(chuàng)意資源站https://psddd.co/

設(shè)計(jì)配色類

【配色】colorhunthttps://colorhunt.co/

【配色】選50種你喜歡的顏色 自動(dòng)為你生成配色方案http://khroma.co/generator/

【漸變配色】webgradientshttps://webgradients.com

【配色】colormindhttp://colormind.io

【配色】webgradientshttps://webgradients.com/

【配色】中國(guó)風(fēng)配色http://zhongguose.com/#shangengzi

/END/