首頁(yè)

解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件

ui設(shè)計(jì)分享達(dá)人

 
Figma作為一款很受歡迎的設(shè)計(jì)工具,不僅因?yàn)樽陨韽?qiáng)大的功能,還在于其開(kāi)放的插件生態(tài)。本文為你精心挑選了15個(gè)超好用的Figma插件,從簡(jiǎn)化工作流程到激發(fā)設(shè)計(jì)靈感,它們都能助你輕松解鎖涉及生產(chǎn)力,讓你2025效率加倍!
 
1、
摹客
摹客Figma插件專為提高設(shè)計(jì)交付效率而生,可以將Figma設(shè)計(jì)稿一鍵導(dǎo)入摹客,輕松分享演示,實(shí)現(xiàn)在線評(píng)審、獲取切圖標(biāo)注、版本任務(wù)管理等功能,是全面提高設(shè)計(jì)團(tuán)隊(duì)生產(chǎn)力必備的利器!
核心功能:
1)實(shí)時(shí)預(yù)覽:設(shè)計(jì)修改實(shí)時(shí)同步,團(tuán)隊(duì)成員可以實(shí)時(shí)查看設(shè)計(jì)成果,快速發(fā)現(xiàn)問(wèn)題并優(yōu)化。
2)自動(dòng)切圖:自動(dòng)生成高清切圖,支持一鍵下載不同平臺(tái)倍率文件,大幅減少重復(fù)工作。
3)智能標(biāo)注:各種標(biāo)注數(shù)據(jù)清晰呈現(xiàn),多種樣式代碼即取即用,助力前端開(kāi)發(fā)高效還原設(shè)計(jì)稿。
4)團(tuán)隊(duì)協(xié)作與版本管理:支持團(tuán)隊(duì)協(xié)作編輯,記錄設(shè)計(jì)稿的修改歷史,讓團(tuán)隊(duì)協(xié)作更絲滑。
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
2、Unsplash
Unsplash插件是Figma社區(qū)中備受歡迎的免費(fèi)圖片資源工具,它集成了Unsplash龐大的高質(zhì)量圖片庫(kù),用戶可以直接在Figma中搜索并插入需要的圖片素材,大幅減少查找和下載圖片的時(shí)間。無(wú)論是概念設(shè)計(jì)還是商業(yè)項(xiàng)目,這款插件都能為設(shè)計(jì)師提供高效的圖片支持。
核心功能:
1)一鍵搜索與插入:通過(guò)關(guān)鍵詞即可快速查找適配的圖片,并直接插入設(shè)計(jì)稿中,無(wú)需切換到瀏覽器。
2)海量高質(zhì)量圖片:提供來(lái)自全球攝影師的免費(fèi)、高清圖片,涵蓋自然風(fēng)光、人物肖像、科技等多個(gè)領(lǐng)域。
3)靈活的圖片管理:可以根據(jù)需求調(diào)整圖片的大小、裁剪方式以及布局風(fēng)格,為設(shè)計(jì)增添更多創(chuàng)意可能性。
獲取鏈接:
https://unsplash.com/
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
3、Iconify
Iconify 插件是設(shè)計(jì)師不可或缺的圖標(biāo)資源庫(kù)工具,集成了 100 多個(gè)流行的圖標(biāo)集,包括 Material Design、FontAwesome 和自定義 SVG 圖標(biāo)。通過(guò)這款插件,用戶可以快速在設(shè)計(jì)中添加圖標(biāo)元素,減少制作或?qū)ふ覉D標(biāo)的時(shí)間成本。
核心功能:
1)龐大的圖標(biāo)庫(kù):支持超過(guò) 10 萬(wàn)個(gè)開(kāi)源圖標(biāo),涵蓋了各種設(shè)計(jì)風(fēng)格和應(yīng)用場(chǎng)景,幾乎可以滿足所有圖標(biāo)需求。
2)支持 SVG 圖標(biāo)編輯:用戶可以在插入圖標(biāo)后直接在 Figma 中調(diào)整顏色、大小和其他細(xì)節(jié),靈活度極高。
3)高效的搜索與過(guò)濾:通過(guò)關(guān)鍵詞快速定位需要的圖標(biāo),還可以根據(jù)項(xiàng)目需求自定義篩選條件,提升工作效率。
獲取鏈接:
https://iconify.design/
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
4、Content Reel
Content Reel是一款專為優(yōu)化占位內(nèi)容設(shè)計(jì)的插件,設(shè)計(jì)師可以通過(guò)它快速添加真實(shí)感更強(qiáng)的文本、頭像、圖標(biāo)等占位內(nèi)容,從而提升設(shè)計(jì)稿的可用性和展示效果。它的靈活性和簡(jiǎn)潔界面使其成為許多設(shè)計(jì)師的必備工具之一。
核心功能:
1)多樣化占位內(nèi)容:插件提供豐富的占位選項(xiàng),包括姓名、郵箱地址、電話號(hào)碼、頭像等,滿足各類設(shè)計(jì)場(chǎng)景需求。
2)自定義數(shù)據(jù)創(chuàng)建:支持用戶上傳自定義內(nèi)容,例如特定的詞組或數(shù)據(jù)集,以更貼合項(xiàng)目需求。
3)一鍵批量填充:可以選擇多個(gè)圖層,并通過(guò)一次點(diǎn)擊為它們快速填充相關(guān)內(nèi)容,大幅提升操作效率。
獲取鏈接:
https://contentreel.design/
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
5、Stark
Stark 是一款專注于無(wú)障礙設(shè)計(jì)的工具,幫助設(shè)計(jì)師在項(xiàng)目中輕松檢測(cè)色彩對(duì)比、檢查無(wú)障礙性,并模擬色盲視角。這款插件對(duì)于想要打造更具包容性設(shè)計(jì)的團(tuán)隊(duì)來(lái)說(shuō),無(wú)疑是一個(gè)必備利器。
核心功能:
1)色彩對(duì)比檢查:根據(jù) WCAG 標(biāo)準(zhǔn),檢測(cè)設(shè)計(jì)中的文本與背景的對(duì)比度,確保符合無(wú)障礙性要求。
2)色盲模擬器:支持模擬不同類型的色盲視角,例如紅綠色盲、藍(lán)黃色盲,幫助設(shè)計(jì)師調(diào)整設(shè)計(jì)以適應(yīng)更多用戶群體。
3)無(wú)障礙建議:提供優(yōu)化建議,例如調(diào)整字體大小或顏色搭配,確保設(shè)計(jì)在可訪問(wèn)性上達(dá)到最佳效果。
獲取鏈接:
https://www.getstark.co/
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
6、Figmotion
Figmotion 是一款功能強(qiáng)大的動(dòng)畫(huà)工具,專為設(shè)計(jì)師在 Figma 中創(chuàng)建微動(dòng)畫(huà)和交互動(dòng)效而設(shè)計(jì)。它內(nèi)置直觀的時(shí)間軸和動(dòng)畫(huà)控制功能,讓用戶無(wú)需切換到其他軟件就能完成動(dòng)效設(shè)計(jì),是一款提高生產(chǎn)力的絕佳插件。
核心功能
1)時(shí)間軸動(dòng)畫(huà)編輯:提供類似于 After Effects 的時(shí)間軸界面,方便設(shè)計(jì)師添加關(guān)鍵幀并調(diào)整動(dòng)畫(huà)曲線。
2)支持屬性動(dòng)畫(huà):可以對(duì)圖層的位置、透明度、大小等屬性進(jìn)行動(dòng)畫(huà)設(shè)置,輕松創(chuàng)建流暢的動(dòng)效。
3)導(dǎo)出與分享:支持導(dǎo)出為 JSON 格式或直接嵌入到開(kāi)發(fā)流程中,方便與開(kāi)發(fā)團(tuán)隊(duì)協(xié)作。
獲取鏈接:
https://figmotion.app/
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
7、Autoflow
Autoflow 是一款專注于優(yōu)化用戶流程設(shè)計(jì)的插件,通過(guò)快速添加連線功能,幫助設(shè)計(jì)師清晰地展示頁(yè)面之間的交互關(guān)系和用戶路徑。這款插件極大簡(jiǎn)化了線框圖和流程圖的制作流程,是用戶體驗(yàn)設(shè)計(jì)師的必備工具之一。
核心功能
1)快速添加連線:只需選中兩個(gè)畫(huà)板,插件即可自動(dòng)生成清晰美觀的連線,節(jié)省了手動(dòng)繪制的時(shí)間。
2)高定制性:支持調(diào)整線條的樣式、粗細(xì)和顏色,以更好地適應(yīng)不同的設(shè)計(jì)需求。
3)增強(qiáng)團(tuán)隊(duì)溝通:通過(guò)清晰的交互路徑展示,讓開(kāi)發(fā)人員和其他團(tuán)隊(duì)成員更直觀地理解設(shè)計(jì)邏輯。
獲取鏈接:
https://www.figma.com/community/plugin/733902567457592893/autoflow
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
8、LottieFiles
LottieFiles 插件是一款專為插入和編輯動(dòng)態(tài)矢量動(dòng)畫(huà)而設(shè)計(jì)的工具,允許設(shè)計(jì)師在 Figma 中輕松瀏覽、導(dǎo)入并使用 Lottie 動(dòng)畫(huà)。它能幫助設(shè)計(jì)稿更生動(dòng)直觀,同時(shí)與開(kāi)發(fā)團(tuán)隊(duì)無(wú)縫銜接,是動(dòng)效設(shè)計(jì)師的理想選擇。
核心功能
1)海量動(dòng)畫(huà)資源庫(kù):插件內(nèi)置大量免費(fèi)的 Lottie 動(dòng)畫(huà)資源,可以直接搜索并應(yīng)用于設(shè)計(jì)稿中。
2)動(dòng)畫(huà)預(yù)覽與編輯:支持在 Figma 內(nèi)實(shí)時(shí)預(yù)覽動(dòng)畫(huà)效果,并對(duì)動(dòng)畫(huà)進(jìn)行簡(jiǎn)單的編輯和調(diào)整。
3)與開(kāi)發(fā)對(duì)接方便:支持將動(dòng)畫(huà)直接導(dǎo)出為 JSON 格式,方便與開(kāi)發(fā)團(tuán)隊(duì)進(jìn)行協(xié)作和對(duì)接。
獲取鏈接:
https://lottiefiles.com/
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
9、Table Creator
這款插件可以創(chuàng)建自定義樣式的表格,可以輕松調(diào)整大小、編輯并自動(dòng)調(diào)整內(nèi)容,再也不用手動(dòng)去繪制表格啦!這款插件同時(shí)可以生成表格組件,并且自帶自動(dòng)布局,可以隨意添加文本,不用手動(dòng)調(diào)整表格行間距,對(duì)于手殘黨來(lái)說(shuō)方便極了!
1)便捷制表:通過(guò)直觀界面,用戶只需簡(jiǎn)單輸入數(shù)據(jù),即可快速創(chuàng)建各類表格,輕松自定義行列數(shù)量。
2)樣式編輯:提供豐富字體、顏色、邊框等樣式選項(xiàng),滿足個(gè)性化需求,讓表格美觀專業(yè),適配多種場(chǎng)景。
3)數(shù)據(jù)處理:支持?jǐn)?shù)據(jù)排序、篩選、公式計(jì)算,高效分析處理信息,助力用戶精準(zhǔn)提取關(guān)鍵數(shù)據(jù)。
獲取鏈接:
https://www.figma.com/community/plugin/885838970710285271/table-creator
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
10、Image Palette
Image Palette 是一款智能提取顏色的插件,能夠從任意圖像中快速生成調(diào)色板。這款插件非常適合需要以圖片為靈感創(chuàng)建配色方案的設(shè)計(jì)師,讓配色更加高效和準(zhǔn)確。
核心功能
1)快速提取配色:只需導(dǎo)入圖片,插件即可自動(dòng)分析并生成圖像的主要顏色調(diào)色板。
2)調(diào)色板定制:支持對(duì)提取的顏色進(jìn)行手動(dòng)調(diào)整或添加注釋,以更符合項(xiàng)目需求。
3)直接應(yīng)用顏色:提取的顏色可以一鍵應(yīng)用到設(shè)計(jì)稿的元素中,無(wú)需中間操作步驟。
獲取鏈接:
https://www.figma.com/community/plugin/731841207668879837/image-palette
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
11、Remove BG
Remove BG是一款專業(yè)的背景移除插件,能夠幫助設(shè)計(jì)師一鍵去除圖像背景,生成高質(zhì)量的透明背景圖片。它無(wú)需切換到其他圖像編輯軟件,是快速處理素材圖片的利器,尤其適合電商、品牌和營(yíng)銷設(shè)計(jì)項(xiàng)目。
核心功能
1)一鍵去除背景:通過(guò) AI 技術(shù)快速識(shí)別并去除圖像背景,無(wú)需復(fù)雜的操作。
2)高分辨率支持:保留去背景后圖像的細(xì)節(jié)和分辨率,確保在設(shè)計(jì)中呈現(xiàn)最佳效果。
3)節(jié)省時(shí)間與精力:直接在 Figma 內(nèi)操作,無(wú)需切換到 Photoshop 等外部工具,大幅提高工作效率。
獲取鏈接:
https://www.remove.bg/zh
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
12、Chart
Chart 是專為設(shè)計(jì)數(shù)據(jù)可視化而打造的工具,能夠幫助設(shè)計(jì)師在 Figma 中快速創(chuàng)建各種類型的圖表,如柱狀圖、折線圖、餅圖等。它的簡(jiǎn)潔界面和強(qiáng)大功能讓設(shè)計(jì)師無(wú)需依賴外部軟件,就能輕松完成數(shù)據(jù)展示設(shè)計(jì)。
核心功能:
1)多種圖表類型:支持條形圖、散點(diǎn)圖、餅圖、折線圖等常見(jiàn)圖表類型,滿足不同場(chǎng)景需求。
2)數(shù)據(jù)導(dǎo)入支持:可直接從 CSV 文件或手動(dòng)輸入數(shù)據(jù)生成圖表,無(wú)需繁瑣的數(shù)據(jù)處理步驟。
3)靈活的樣式調(diào)整:支持自定義顏色、字體和布局,讓圖表更符合設(shè)計(jì)風(fēng)格和品牌要求。
獲取鏈接:
https://www.figma.com/community/plugin/734590934750866002/chart
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
13、Spelll
Spelll 是一款專注于文本校對(duì)的插件,設(shè)計(jì)師可以直接在 Figma 中檢測(cè)設(shè)計(jì)稿中的拼寫(xiě)錯(cuò)誤和語(yǔ)法問(wèn)題,確保文案的準(zhǔn)確性。它是一款小而精致的工具,特別適合那些需要頻繁處理多語(yǔ)言或復(fù)雜文案的項(xiàng)目。
核心功能
1)實(shí)時(shí)拼寫(xiě)檢查:快速掃描設(shè)計(jì)稿中的所有文本內(nèi)容,標(biāo)記拼寫(xiě)錯(cuò)誤,避免遺漏問(wèn)題。
2)支持多語(yǔ)言校對(duì):涵蓋多種語(yǔ)言的語(yǔ)法規(guī)則,是國(guó)際化項(xiàng)目的得力助手。
3)一鍵修正錯(cuò)誤:提供拼寫(xiě)建議,用戶可直接選擇修正,無(wú)需額外手動(dòng)調(diào)整。
獲取鏈接:
https://www.figma.com/community/plugin/754026612866636376/spelll-spelling-grammar-checking-for-figma-figjam
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
14、Blobs
Blobs 插件是一款生成不規(guī)則形狀的創(chuàng)意工具,幫助設(shè)計(jì)師快速創(chuàng)建獨(dú)特的矢量形狀,為設(shè)計(jì)增添趣味性和視覺(jué)吸引力。無(wú)論是用于背景設(shè)計(jì)、按鈕裝飾還是其他 UI 元素,這款插件都能讓你的作品脫穎而出。
核心功能
1)一鍵生成不規(guī)則形狀:隨機(jī)生成自然感強(qiáng)的不規(guī)則圖形,完全無(wú)需手動(dòng)繪制。
2)高度可定制化:支持調(diào)整形狀的復(fù)雜度、對(duì)稱性和邊角弧度,滿足多樣化設(shè)計(jì)需求。
3)矢量圖形支持:生成的形狀為完全可編輯的矢量圖層,方便后續(xù)修改與優(yōu)化。
獲取鏈接:
https://www.figma.com/community/plugin/739208439270091369/blobs
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
 
15、Isometric
Isometric 插件是一款幫助設(shè)計(jì)師快速創(chuàng)建等距圖形的工具。無(wú)論是為項(xiàng)目增添獨(dú)特的三維視覺(jué)效果,還是設(shè)計(jì)流程圖或數(shù)據(jù)可視化場(chǎng)景,這款插件都能讓等距設(shè)計(jì)變得簡(jiǎn)單高效,是提升作品表現(xiàn)力的好幫手。
核心功能
1)一鍵生成等距圖形:通過(guò)選擇圖層或形狀,快速轉(zhuǎn)換為等距視角,省去手動(dòng)調(diào)整的繁瑣過(guò)程。
2)多樣化的視圖選項(xiàng):支持自定義透視角度和深度,滿足各種設(shè)計(jì)場(chǎng)景需求。
3)完美兼容矢量圖形:生成的等距圖形可以進(jìn)一步調(diào)整,靈活應(yīng)用于不同項(xiàng)目中。
獲取鏈接:
https://www.figma.com/community/plugin/741184519069077841/isometric
解鎖設(shè)計(jì)生產(chǎn)力!2025超好用的15個(gè)Figma插件
 
 
這15款超好用的Figma插件 不僅能幫助你提高工作效率,還能激發(fā)更多創(chuàng)意,為你的設(shè)計(jì)帶來(lái)全新體驗(yàn)。
如果你還沒(méi)有嘗試這些插件,不妨從今天開(kāi)始,讓它們成為你的得力助手,加速你的設(shè)計(jì)生產(chǎn)力吧!
作者:摹客設(shè)計(jì)云
鏈接:https://www.zcool.com.cn/article/ZMTY0OTgzMg==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

企業(yè)為什么需要UI設(shè)計(jì)?與產(chǎn)品經(jīng)理的工作差異在哪?

資深UI設(shè)計(jì)者

本次跟大家分享一下如何避免自己的稿子和原型圖過(guò)于相似,尤其在原型圖已經(jīng)做的比較好的情況下如何進(jìn)一步的視覺(jué)化。

企業(yè)需要怎樣的B端設(shè)計(jì)?

資深UI設(shè)計(jì)者

B端設(shè)計(jì)崗位方向的選擇占到了70%,C端業(yè)務(wù)的同質(zhì)化、行業(yè)的萎縮等,導(dǎo)致如今更看重內(nèi)容為王的時(shí)代......
B端設(shè)計(jì)更加看重設(shè)計(jì)師對(duì)業(yè)務(wù)本身的理解深度和用戶體驗(yàn)維度。為此,通過(guò)年前參加起點(diǎn)學(xué)院的B端業(yè)務(wù)設(shè)計(jì)課程(當(dāng)前進(jìn)行中),以此提高自身對(duì)B端產(chǎn)品設(shè)計(jì)的認(rèn)知和深入理解......
結(jié)合歷年工作當(dāng)中接觸到的B端產(chǎn)品設(shè)計(jì)經(jīng)歷和思考,
針對(duì)過(guò)往項(xiàng)目中某甲方CRM平臺(tái)進(jìn)行分析與復(fù)盤(pán)
產(chǎn)出本篇文章,如有遺漏,請(qǐng)大膽指正。

好的設(shè)計(jì)原則讓您的產(chǎn)品更加統(tǒng)一、協(xié)調(diào)、高效、專業(yè)

資深UI設(shè)計(jì)者

尼爾森十大設(shè)計(jì)原則是由著名的用戶體驗(yàn)專家、網(wǎng)站設(shè)計(jì)師雅各布·尼爾森(Jakob Nielsen)提出的。這些原則旨在幫助設(shè)計(jì)師創(chuàng)建更具用戶友好性和易用性的數(shù)字產(chǎn)品和網(wǎng)站。
這些原則的來(lái)源可以追溯到尼爾森在其著作《使用者體驗(yàn)的十大原則》("10 Usability Heuristics for User Interface Design")中提出的。

大企業(yè)喜歡用的配色~

資深UI設(shè)計(jì)者

你是否不常常為如何配色而煩惱?今天通過(guò)幾個(gè)視覺(jué)課同學(xué)的作業(yè)來(lái)給大家分享一些色彩知識(shí),單從色彩來(lái)說(shuō),我們先來(lái)看看修改的前后效果:

圖標(biāo)設(shè)計(jì)九大統(tǒng)一性

資深UI設(shè)計(jì)者

最初我總結(jié)了5到6個(gè)要統(tǒng)一的要素,在最近觀察大家的練習(xí)之后,擴(kuò)增到了9個(gè),今天就以線形圖標(biāo)為例,看看我們需要統(tǒng)一哪9個(gè)要素!

ui設(shè)計(jì)公司分享:享受設(shè)計(jì)的過(guò)程而非結(jié)果

ui設(shè)計(jì)分享達(dá)人

廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
 
林童:
廖爾摩斯您好,很榮幸可以向您提問(wèn),先向大家介紹一下自己吧!
廖爾摩斯:
大家好,我是廖爾摩斯丨設(shè)計(jì)大偵探,很榮幸能參與到站酷龍門(mén)陣的訪談欄目和大家互動(dòng)。我從大一開(kāi)始就接觸設(shè)計(jì)了,然后從威客、自由設(shè)計(jì)師到創(chuàng)辦公司運(yùn)營(yíng),再到今天的一人企業(yè),算起來(lái)設(shè)計(jì)職業(yè)生涯已經(jīng)有12年了。
目前的我的職業(yè)狀態(tài)是一人企業(yè),沒(méi)有員工,就我自己一個(gè)人負(fù)責(zé)企業(yè)所有的售前、提案、設(shè)計(jì)以及運(yùn)維。另外我還和幾個(gè)朋友一起打造了一個(gè)體驗(yàn)社區(qū),CXHub,歡迎喜歡用戶體驗(yàn)設(shè)計(jì)的朋友常來(lái)逛逛!
 
林童:
能否簡(jiǎn)要介紹一下您的職業(yè)背景以及您是如何踏入U(xiǎn)I設(shè)計(jì)這一行的?
廖爾摩斯:
我從2005年開(kāi)始接觸互聯(lián)網(wǎng),從那時(shí)起就對(duì)互聯(lián)網(wǎng)技術(shù)產(chǎn)生了巨大的熱情。2008年上大學(xué)后開(kāi)始自學(xué)Photoshop軟件,當(dāng)時(shí)便下定決心要成為一名設(shè)計(jì)師,雖然對(duì)這個(gè)崗位其實(shí)還沒(méi)啥概念。不過(guò)很幸運(yùn)的是,當(dāng)時(shí)有一個(gè)很特殊的網(wǎng)站——豬八戒。所以我很快就能通過(guò)設(shè)計(jì)去這個(gè)網(wǎng)站接單賺錢(qián),最終也依靠從這個(gè)平臺(tái)積累的客戶讓我一畢業(yè)就開(kāi)始全職做自由設(shè)計(jì)師。
也是因?yàn)檫@樣職業(yè)背景的原因,我所接觸的客戶、行業(yè)以及工作內(nèi)容最初都是比較雜亂的,從最初的淘寶裝修、電子畫(huà)冊(cè)、平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì),最后到UI設(shè)計(jì),我才發(fā)現(xiàn)我最喜歡的工作其實(shí)是產(chǎn)品設(shè)計(jì),這個(gè)崗位也最適合我的個(gè)人能力。
廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
 
 
 
林童:
在您的設(shè)計(jì)生涯中,有哪些項(xiàng)目或經(jīng)歷對(duì)您影響最大,為什么?
廖爾摩斯:
從業(yè)十二年,大大小小的項(xiàng)目算起來(lái)也有上百個(gè)了。不過(guò)對(duì)我影響最大的項(xiàng)目應(yīng)該是21年初公司的自營(yíng)項(xiàng)目,一個(gè)SaaS產(chǎn)品的設(shè)計(jì)開(kāi)發(fā)。
之所以影響最大,是因?yàn)檫@個(gè)項(xiàng)目是我們當(dāng)時(shí)公司生存的賭注。很不幸的是,我們賭輸了,這次失敗也讓我徹底去反思過(guò)去在外包行業(yè)的發(fā)展,這個(gè)行業(yè)是否還有前景,以及我自己的未來(lái)發(fā)展應(yīng)該如何規(guī)劃。
我也是從這個(gè)時(shí)候成為一人企業(yè)的,當(dāng)我和伙伴們吃完散伙飯,我感覺(jué)自己也失業(yè)了。我在2022年開(kāi)始做大量的產(chǎn)品拆解,最大的目的就是想系統(tǒng)的研究這些優(yōu)秀的產(chǎn)品是如何設(shè)計(jì)的。
 
林童:
在設(shè)計(jì)用戶界面時(shí),您通常遵循哪些基本原則或理念?
廖爾摩斯:
其實(shí)無(wú)論是平面還是UI,亦或是其他終端的產(chǎn)品,甚至工業(yè)設(shè)計(jì),我覺(jué)得設(shè)計(jì)必須要遵循的最基礎(chǔ)原則是《寫(xiě)給大家看的設(shè)計(jì)書(shū)》一書(shū)中 Robin Wiliams列舉的四個(gè)原則——對(duì)比、重復(fù)、對(duì)齊和親密性。其次就是尼爾森十大可用性原則,特別是對(duì)于Web、APP以及其他終端需要強(qiáng)高頻交互的數(shù)字產(chǎn)品。不過(guò)我覺(jué)得設(shè)計(jì)師應(yīng)該遵循的最大設(shè)計(jì)原則是——
無(wú)論何時(shí),任何設(shè)計(jì),都要嘗試做得更好!
廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
 
 
 
林童:
在用戶體驗(yàn)(UX)與視覺(jué)設(shè)計(jì)(UI)之間,您如何平衡兩者的重要性?
廖爾摩斯:
引用李斌老師在《這才是用戶體驗(yàn)設(shè)計(jì)》一書(shū)中提到的UX和UI的區(qū)別,那就是UX關(guān)注的是人、幸福、需求、效率這些宏觀的問(wèn)題,而UI更關(guān)注導(dǎo)航、菜單欄、搜索框這些微觀的問(wèn)題。但我認(rèn)為一個(gè)合格的、優(yōu)秀的設(shè)計(jì)師,都必須要掌握UX和UI的知識(shí),我覺(jué)得未來(lái)的國(guó)內(nèi)企業(yè)環(huán)境對(duì)設(shè)計(jì)師的要求不會(huì)那么寬松了,UI設(shè)計(jì)師必須要參與到業(yè)務(wù)場(chǎng)景的調(diào)研和產(chǎn)品分析中去,這樣設(shè)計(jì)出來(lái)的產(chǎn)品界面才會(huì)有靈魂。
廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
 
 
 
林童:
在設(shè)計(jì)初期,您如何進(jìn)行用戶研究和需求分析,以確保設(shè)計(jì)方向正確?
廖爾摩斯:
關(guān)于用戶研究的方法,其實(shí)很多,比如焦點(diǎn)小組、問(wèn)卷調(diào)研,這些我就不介紹了。不過(guò)我覺(jué)得如果要真正設(shè)計(jì)好一款產(chǎn)品,不管是產(chǎn)品還是設(shè)計(jì)師,都應(yīng)該深入到用戶真實(shí)使用的場(chǎng)景中去模擬、去感受,這樣才能理解用戶到底需要什么、如何操作、如何完成。
 
林童:
在您的設(shè)計(jì)實(shí)踐中,遇到過(guò)哪些最大的挑戰(zhàn)?您是如何克服這些挑戰(zhàn)的?
廖爾摩斯:
我覺(jué)得技能上的瓶頸或者困惑都只需要時(shí)間就能解決,但讓我真正失落的其實(shí)是設(shè)計(jì)這個(gè)環(huán)節(jié)在產(chǎn)品設(shè)計(jì)研發(fā)中的被輕視
。
比如UI設(shè)計(jì),它其實(shí)是處于整個(gè)產(chǎn)品研發(fā)的中間環(huán)節(jié),有時(shí)候顯得可有可無(wú),甚至很多時(shí)候連客戶自己都不是很在意了。這對(duì)我個(gè)人來(lái)說(shuō),曾經(jīng)是一個(gè)非常大的職業(yè)困惑,那就是設(shè)計(jì)還重要嗎,設(shè)計(jì)還有意義嗎?所以我這幾年去看了很多商業(yè)、產(chǎn)品、交互、開(kāi)發(fā)甚至營(yíng)銷的書(shū)籍,就是帶著這個(gè)困惑去尋找一下答案。
如果要問(wèn)我答案,我只想說(shuō),無(wú)論任何產(chǎn)品,任何行業(yè)、任何項(xiàng)目,設(shè)計(jì)其實(shí)是最重要的,只是這個(gè)“設(shè)計(jì)”并非只是UI設(shè)計(jì),而是一個(gè)全鏈路的設(shè)計(jì),包括定位、商業(yè)模式、終端產(chǎn)品、交付內(nèi)容、運(yùn)營(yíng)以及售后服務(wù)等等。
廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
 
 
 
林童:
您認(rèn)為當(dāng)前UI設(shè)計(jì)領(lǐng)域中最值得關(guān)注的發(fā)展趨勢(shì)是什么?
廖爾摩斯:
技能層面,肯定要關(guān)注AI的發(fā)展,比如Midjourney這些工具,我們必須要去研究熟悉。不過(guò)我認(rèn)為更應(yīng)該關(guān)注企業(yè)端對(duì)UI設(shè)計(jì)師全鏈路的設(shè)計(jì)需求,也就是懂產(chǎn)品、懂交互的UI設(shè)計(jì)師。從我自身的角度出發(fā),如果讓我現(xiàn)在重新去組建公司,我不會(huì)要一個(gè)純UI的設(shè)計(jì)師,我一定要找一個(gè)全鏈路的UI設(shè)計(jì)師,這樣他才能獨(dú)立負(fù)責(zé)完一個(gè)較完整的工作,即便我可能會(huì)給這個(gè)設(shè)計(jì)師開(kāi)兩份工資。
廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
 
 
 
林童:
隨著技術(shù)的進(jìn)步(如AI、VR/AR),您如何看待它們對(duì)未來(lái)UI設(shè)計(jì)的影響?
廖爾摩斯:
未來(lái)3-5年,數(shù)字產(chǎn)品的終端將會(huì)發(fā)生很大的改變,但是不管是更大還是更小,對(duì)于產(chǎn)品設(shè)計(jì)師來(lái)說(shuō),除了關(guān)注這些新技術(shù)的發(fā)展,打好自身的設(shè)計(jì)基礎(chǔ)其實(shí)顯得更重要,因?yàn)槿魏谓K端的設(shè)計(jì),都需要遵循最基礎(chǔ)的設(shè)計(jì)原則,如果你不掌握這些最基礎(chǔ)的設(shè)計(jì)知識(shí)理論,哪怕你再熟悉這些設(shè)備,你都無(wú)從下手。
廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
 
 
 
林童:
對(duì)于希望進(jìn)入U(xiǎn)I設(shè)計(jì)領(lǐng)域的新人,您有哪些建議或推薦的學(xué)習(xí)資源?
廖爾摩斯:
如果不是發(fā)自內(nèi)心的熱愛(ài)設(shè)計(jì),不建議進(jìn)入這個(gè)行業(yè)了,因?yàn)樘柡土?,現(xiàn)在失業(yè)轉(zhuǎn)行的設(shè)計(jì)師太多了,而且企業(yè)的需求也沒(méi)有那么旺盛了。不過(guò)如果你真心熱愛(ài)設(shè)計(jì),那么我建議你一定要做長(zhǎng)期的規(guī)劃,如果你還是大學(xué)生,可以從現(xiàn)在就開(kāi)始學(xué)習(xí),不管是報(bào)班還是自學(xué),要有決心、有毅力去學(xué)習(xí)。至于學(xué)習(xí)資源,現(xiàn)在其實(shí)教程很多,不管是站酷還是其他平臺(tái),圖文還是視頻,都有很多免費(fèi)不錯(cuò)的教程,經(jīng)濟(jì)如果跟得上,就可以花錢(qián)買(mǎi)一個(gè)好一點(diǎn)的系統(tǒng)課程。
 
林童:
在設(shè)計(jì)靈感枯竭時(shí),您通常通過(guò)哪些方式尋找新的創(chuàng)意和靈感?
廖爾摩斯:
臨摹就是最好的老師,也是最好的創(chuàng)意來(lái)源。假如你不知道如何下手,就去臨摹頭部競(jìng)品、直接競(jìng)品,這樣你的靈感很快就會(huì)出現(xiàn)。
 
林童:
有沒(méi)有哪位設(shè)計(jì)師或設(shè)計(jì)作品對(duì)您的設(shè)計(jì)風(fēng)格產(chǎn)生了重要影響
廖爾摩斯:
韓雪冬老師是對(duì)我影響比較大的一個(gè)設(shè)計(jì)師,他在網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)方面的造詣,是我們那個(gè)時(shí)代年輕設(shè)計(jì)師膜拜的偶像之一。其次還有李浩(站酷ID:動(dòng)不動(dòng)就餓),他對(duì)設(shè)計(jì)的態(tài)度和追求深深影響了我,讓我堅(jiān)信設(shè)計(jì)的力量,以及給自己定下一個(gè)非常高的標(biāo)準(zhǔn)。
 
林童:
您對(duì)未來(lái)幾年的UI設(shè)計(jì)行業(yè)有何預(yù)測(cè)或期待?
廖爾摩斯:
UI設(shè)計(jì)不會(huì)消亡,雖然現(xiàn)在大家都不看好這個(gè)職業(yè)了,但是UI設(shè)計(jì)將會(huì)發(fā)生徹底的改變。它將會(huì)向國(guó)外企業(yè)對(duì)這個(gè)崗位的要求看齊,那就是UI設(shè)計(jì)師絕不是一個(gè)獨(dú)立的設(shè)計(jì)執(zhí)行工作,它需要設(shè)計(jì)師具備商業(yè)、產(chǎn)品、交互的能力,在產(chǎn)品設(shè)計(jì)研發(fā)的鏈路中,為商業(yè)決策、運(yùn)營(yíng)等發(fā)揮重要的作用。請(qǐng)相信,
只有優(yōu)雅的產(chǎn)品才能稱為偉大,而缺少美,就不能稱為優(yōu)雅!
 
林童:
最后有什么話要送給站酷的設(shè)計(jì)小伙伴嗎?
廖爾摩斯:
以前從未思考過(guò)作為一個(gè)設(shè)計(jì)師,也應(yīng)該要去樹(shù)立自己的設(shè)計(jì)愿景和價(jià)值觀,直到這兩年才猛然醒悟,這些看上去或許比較虛的東西,其實(shí)是真正支撐一個(gè)設(shè)計(jì)師能走多遠(yuǎn)的秘訣,正如甲骨文創(chuàng)始人拉里·埃里森在他人生最低谷時(shí)候?qū)懡o自己的這句話——
成功,是由信念推動(dòng)的!
 
所以在設(shè)計(jì)行業(yè)如此低迷的情況下,我希望給站酷的設(shè)計(jì)小伙伴們分享我花了12年才感悟出來(lái)的設(shè)計(jì)價(jià)值觀——
享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!


作者:站酷專訪
鏈接:https://www.zcool.com.cn/article/ZMTY1MDE2MA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站

藍(lán)藍(lán)設(shè)計(jì)的小編

想要成長(zhǎng)為一名優(yōu)秀的設(shè)計(jì)師,緊跟潮流,不斷吸收新的設(shè)計(jì)思想和靈感,絕對(duì)是極其重要的職業(yè)素養(yǎng)。
隨著2025年的到來(lái),設(shè)計(jì)行業(yè)內(nèi)卷越發(fā)嚴(yán)重,對(duì)設(shè)計(jì)師的要求也更高,如何高質(zhì)高效地進(jìn)行設(shè)計(jì),是每個(gè)設(shè)計(jì)師都要考慮的。今天,本文精選了15個(gè)網(wǎng)站,你可以從中了解最新設(shè)計(jì)趨勢(shì),尋找創(chuàng)意靈感,學(xué)習(xí)優(yōu)秀作品,成長(zhǎng)為更卓越的設(shè)計(jì)大牛~
一起來(lái)看看這15個(gè)網(wǎng)站吧!
 
1、
Dribbble
Dribbble是全球最大的設(shè)計(jì)師交流網(wǎng)站,設(shè)計(jì)師可以在這里尋找靈感,展示自己的設(shè)計(jì)作品,分享設(shè)計(jì)理念、設(shè)計(jì)技巧、設(shè)計(jì)工具等。為了方便大家學(xué)習(xí)交流,你可以在作品下方留言,同時(shí)也能通過(guò)其他人的評(píng)論,學(xué)習(xí)到不同的設(shè)計(jì)風(fēng)格和創(chuàng)意思路。
不僅如此,Dribbble還有求職版塊,許多知名的設(shè)計(jì)公司和品牌都會(huì)在上面發(fā)布招聘信息,你可以在這里看看有沒(méi)有合適的機(jī)會(huì)。對(duì)設(shè)計(jì)師來(lái)說(shuō),Dribbble真的是一個(gè)很好的學(xué)習(xí)、展示和成長(zhǎng)的平臺(tái)~
訪問(wèn)地址:https://dribbble.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
2、摹客資源社區(qū)
摹客是一個(gè)“設(shè)計(jì)+協(xié)作”的平臺(tái),專為設(shè)計(jì)師和產(chǎn)品經(jīng)理打造,上手簡(jiǎn)單,不管是畫(huà)線框圖、高保真原型圖、流程圖還是做UI設(shè)計(jì),它都能輕松滿足需求。
此外,摹客還有一個(gè)資源社區(qū),提供了豐富的模板例子,模板涵蓋各個(gè)領(lǐng)域,無(wú)需下載,一鍵保存就能快速?gòu)?fù)用。編輯完成后,設(shè)計(jì)師還可以使用摹客協(xié)作,讓團(tuán)隊(duì)小伙伴一起評(píng)論審閱,開(kāi)發(fā)小伙伴還能直接獲取標(biāo)注信息和CSS代碼,真的大大提升了團(tuán)隊(duì)的工作效率!
訪問(wèn)地址:
https://www.mockplus.cn/example/rp
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
3、優(yōu)設(shè)
優(yōu)設(shè)是國(guó)內(nèi)專業(yè)的設(shè)計(jì)師平臺(tái),匯聚了大量的設(shè)計(jì)教程、行業(yè)資訊、作品展示以及設(shè)計(jì)趨勢(shì),致力于幫助設(shè)計(jì)師提升技能、獲取靈感。
它的設(shè)計(jì)資源豐富,包括高質(zhì)量的UI/UX設(shè)計(jì)案例、免費(fèi)設(shè)計(jì)模板、圖標(biāo)和字體等,供設(shè)計(jì)師們免費(fèi)下載使用。同時(shí),它還設(shè)有設(shè)計(jì)問(wèn)答版塊,設(shè)計(jì)師們可以在此交流經(jīng)驗(yàn)、分享作品、提出問(wèn)題,共同成長(zhǎng)進(jìn)步!
訪問(wèn)地址:https://www.uisdc.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
4、
Medium
Medium是全球知名的創(chuàng)作平臺(tái),匯聚了來(lái)自各行各業(yè)的內(nèi)容創(chuàng)作者,包括設(shè)計(jì)師、開(kāi)發(fā)者、產(chǎn)品經(jīng)理等。在這里,設(shè)計(jì)師可以讀到各種關(guān)于UI/UX設(shè)計(jì)、產(chǎn)品設(shè)計(jì)思維、設(shè)計(jì)實(shí)戰(zhàn)復(fù)盤(pán)等干貨。
它最大的優(yōu)勢(shì)在于有很多高質(zhì)量的原創(chuàng)文章,以及廣泛的社區(qū)討論,設(shè)計(jì)師不僅可以通過(guò)文章獲取靈感,還能參與到行業(yè)討論中,拓寬視野。許多設(shè)計(jì)大咖和行業(yè)專家也在Medium上發(fā)布深度分析和案例研究,是設(shè)計(jì)師提升專業(yè)能力的寶貴資源。
訪問(wèn)地址:https://medium.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
5、
Pinterest
Pinterest是一個(gè)以視覺(jué)內(nèi)容為主的社交媒體平臺(tái),廣受設(shè)計(jì)師喜愛(ài),特別適合用來(lái)尋找設(shè)計(jì)靈感。它擁有海量的圖片和創(chuàng)意,覆蓋從UI設(shè)計(jì)到插畫(huà)、品牌設(shè)計(jì)等各種領(lǐng)域。設(shè)計(jì)師可以根據(jù)自己的興趣和需求,通過(guò)關(guān)鍵詞搜索來(lái)發(fā)現(xiàn)相關(guān)的設(shè)計(jì)作品。
值得一提的是Pinterest的收藏功能,你可以將喜歡的設(shè)計(jì)作品“釘”到自己的個(gè)人主頁(yè)上,便于隨時(shí)查看和參考。
訪問(wèn)地址:https://www.pinterest.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
6、
花瓣網(wǎng)
花瓣網(wǎng)是國(guó)內(nèi)知名的創(chuàng)意設(shè)計(jì)平臺(tái),用戶可以利用它的采集工具,輕松收集網(wǎng)絡(luò)上的圖片和靈感。與Pinterest不同的是,花瓣網(wǎng)有很多本土化內(nèi)容,許多國(guó)內(nèi)設(shè)計(jì)師的作品和靈感都可以在這里找到。此外,它還擁有超過(guò)1億的高質(zhì)量素材,并提供海報(bào)、背景圖、矢量圖、字體、插畫(huà)漫畫(huà)等多種素材模板,好滿足設(shè)計(jì)師的多樣化需求。
訪問(wèn)地址:https://huaban.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
7、Awwwards
Awwwards是全球知名的設(shè)計(jì)獎(jiǎng)項(xiàng)和創(chuàng)意展示平臺(tái),專注于展示互聯(lián)網(wǎng)領(lǐng)域的最佳網(wǎng)站和數(shù)字創(chuàng)意。它匯聚了全球頂尖的設(shè)計(jì)師的作品,展示了最新、最前沿的設(shè)計(jì)趨勢(shì)。Awwwards每年都會(huì)對(duì)設(shè)計(jì)作品進(jìn)行評(píng)選,結(jié)合用戶投票和專業(yè)評(píng)審,評(píng)選出最具創(chuàng)意和表現(xiàn)力的作品。
設(shè)計(jì)師可以在這里瀏覽獲獎(jiǎng)作品,分析成功案例,獲取靈感,提升自己的設(shè)計(jì)水平。另外,Awwwards網(wǎng)站本身的設(shè)計(jì)也很潮,非常值得一看哦~
訪問(wèn)地址:https://www.awwwards.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
8、One Page Love
對(duì)于設(shè)計(jì)師來(lái)說(shuō),單頁(yè)網(wǎng)站設(shè)計(jì)是個(gè)不小的挑戰(zhàn):如何在有限的空間里,呈現(xiàn)豐富的內(nèi)容、提供良好的用戶體驗(yàn)并確保設(shè)計(jì)美觀呢?One Page Love會(huì)告訴你答案。
它是一個(gè)專注于單頁(yè)網(wǎng)站設(shè)計(jì)的平臺(tái),自2008年成立以來(lái),已經(jīng)收錄了超過(guò)8180個(gè)優(yōu)秀的單頁(yè)網(wǎng)站設(shè)計(jì)。這些案例展示了各種各樣的設(shè)計(jì)風(fēng)格和創(chuàng)意解決方案,是設(shè)計(jì)師們學(xué)習(xí)單頁(yè)網(wǎng)站設(shè)計(jì)的理想資源庫(kù)。
訪問(wèn)地址:https://onepagelove.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
9、Lapa Ninja
Lapa Ninja是一個(gè)提供著陸頁(yè)設(shè)計(jì)案例的網(wǎng)站,網(wǎng)站共展示了6749個(gè)著陸頁(yè)設(shè)計(jì),通過(guò)完整的網(wǎng)站截圖,為用戶提供真實(shí)的著陸頁(yè)示例作為靈感來(lái)源。無(wú)論是設(shè)計(jì)師尋求創(chuàng)意靈感,還是老板想要了解如何打造吸引人的著陸頁(yè),這個(gè)網(wǎng)站都能提供有價(jià)值的參考。
訪問(wèn)地址:https://www.lapa.ninja/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
10、Deviant Art
DeviantArt 是全球最大的藝術(shù)社區(qū)之一,集結(jié)了來(lái)自世界各地的設(shè)計(jì)師、插畫(huà)師、攝影師、動(dòng)畫(huà)師等藝術(shù)創(chuàng)作者。無(wú)論是傳統(tǒng)的繪畫(huà)、雕塑,還是數(shù)字藝術(shù)、攝影作品等,任何藝術(shù)形式都能在這里找到展示空間。
對(duì)UI設(shè)計(jì)師來(lái)說(shuō),多看看不同類型的藝術(shù)設(shè)計(jì),也許會(huì)收獲意想不到的靈感!
訪問(wèn)地址:https://www.deviantart.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
11、Designspiration
Designspiration是一個(gè)極具創(chuàng)意的設(shè)計(jì)靈感資源平臺(tái),內(nèi)容包含多種設(shè)計(jì)領(lǐng)域,比如平面設(shè)計(jì)、室內(nèi)設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、時(shí)尚設(shè)計(jì)等。它的內(nèi)容質(zhì)量很高,很多作品都來(lái)自世界各地優(yōu)秀的設(shè)計(jì)師或者設(shè)計(jì)工作室。而且,它的搜索功能很好用,可以按照不同類型、顏色、風(fēng)格和關(guān)鍵詞進(jìn)行搜索,極大地方便了設(shè)計(jì)師的工作。
訪問(wèn)地址:https://www.designspiration.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
12、Land-book
Land-book是一個(gè)網(wǎng)站設(shè)計(jì)靈感圖庫(kù),網(wǎng)站上展示的都是精心挑選的內(nèi)容,還會(huì)每日更新內(nèi)容,好讓用戶及時(shí)獲取到最新的網(wǎng)站設(shè)計(jì)趨勢(shì)和案例。其內(nèi)容涵蓋多種類型,包括著陸頁(yè)、電子商務(wù)頁(yè)面、作品集等,設(shè)計(jì)領(lǐng)域包含互聯(lián)網(wǎng)、時(shí)尚服飾、金融等多個(gè)行業(yè)。
總之,Land-book對(duì)于設(shè)計(jì)師來(lái)說(shuō),是一個(gè)獲取靈感、了解行業(yè)動(dòng)態(tài)的優(yōu)質(zhì)資源平臺(tái)。
訪問(wèn)地址:https://land-book.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
13、Mobbin
移動(dòng)端設(shè)計(jì)的需求已經(jīng)漸漸超過(guò)網(wǎng)頁(yè)設(shè)計(jì)了,而Mobbin就是專門(mén)收集APP界面、布局設(shè)計(jì)的網(wǎng)站。不管你是要尋找手機(jī)的登陸界面、搜索頁(yè)面、配置頁(yè)面、還是知名品牌的APP界面等,都能快速找到!并且,Mobbin還會(huì)定期更新內(nèi)容,確保展示的設(shè)計(jì)資源緊跟最新潮流,讓你始終接觸到最前沿的計(jì)思路。
訪問(wèn)地址:https://mobbin.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
14、NavNav+
導(dǎo)航欄對(duì)網(wǎng)頁(yè)、APP來(lái)說(shuō)至關(guān)重要,它是用戶的領(lǐng)路人,一個(gè)好的領(lǐng)路人才能留住用戶。NavNav+是一個(gè)專門(mén)收集導(dǎo)航欄設(shè)計(jì)的平臺(tái),涵蓋了各種類型和風(fēng)格的導(dǎo)航欄設(shè)計(jì)案例,如傳統(tǒng)的水平導(dǎo)航、側(cè)邊欄、下拉菜單、全屏菜單等。設(shè)計(jì)師可以在這里找到大量的創(chuàng)意靈感,了解不同場(chǎng)景下導(dǎo)航欄的設(shè)計(jì)方式和趨勢(shì)。
訪問(wèn)地址:https://navnav.co/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
15、Unsplash
Unsplash是一個(gè)免費(fèi)的平面設(shè)計(jì)圖素材網(wǎng)站,提供了各種類型的高質(zhì)量圖片,包括標(biāo)志、海報(bào)、網(wǎng)站設(shè)計(jì)、插畫(huà)等等。圖片涵蓋了各種各樣的主題,包括風(fēng)景、人物、建筑、動(dòng)物、抽象概念、商業(yè)場(chǎng)景等,你可以按照不同的主題進(jìn)行搜索,并免費(fèi)下載所需的圖片。此外,Unsplash還提供了一個(gè)社區(qū),你可以在這里分享自己的作品,以及和其他設(shè)計(jì)師攝影師交流~
訪問(wèn)地址:https://unsplash.com/
2025年UI設(shè)計(jì)師必看的15個(gè)網(wǎng)站
 
 
 
以上就是為大家精心整理的網(wǎng)站資源,相信在使用這些網(wǎng)站的過(guò)程中,你會(huì)發(fā)現(xiàn)更多的驚喜和創(chuàng)意。讓我們一起學(xué)習(xí)進(jìn)步,爭(zhēng)取2025年的UI設(shè)計(jì)水平更上一層樓!


作者:摹客設(shè)計(jì)云
鏈接:https://www.zcool.com.cn/article/ZMTY0NzU0MA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

 

原型不知道怎么設(shè)計(jì)?看完這8大原則!

藍(lán)藍(lán)設(shè)計(jì)的小編

原型設(shè)計(jì)8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
如果你經(jīng)歷過(guò)在項(xiàng)目中后期推翻方案、修改設(shè)計(jì)、頻繁返工的痛苦,你一定會(huì)明白原型設(shè)計(jì)的重要性。多年產(chǎn)品職業(yè)生涯告訴我,每一個(gè)成功項(xiàng)目的背后,都離不開(kāi)一個(gè)扎實(shí)的原型設(shè)計(jì)。
通過(guò)原型,我們可以盡早發(fā)現(xiàn)問(wèn)題,節(jié)省時(shí)間和金錢(qián),讓設(shè)計(jì)師和開(kāi)發(fā)更輕松。接下來(lái),我將從多年的實(shí)踐經(jīng)驗(yàn)出發(fā),分享一些關(guān)于原型設(shè)計(jì)的核心原則,希望能對(duì)你有所啟發(fā)。
以下是想要設(shè)計(jì)出一個(gè)優(yōu)秀原型的八大原則:
原則 1:了解你的用戶。
原則 2:明確原型設(shè)計(jì)的重點(diǎn)。
原則 3:選擇合適的原型設(shè)計(jì)工具。
原則 4:少計(jì)劃,多實(shí)踐。
原則 5:放輕松!第一個(gè)原型總是比較粗糙。
原則 6:多和設(shè)計(jì)師、開(kāi)發(fā)交流
原則 7:重視原型可維護(hù)性
原則 8:記錄你的收獲
 
1、了解你的用戶
設(shè)計(jì)并不是單向的輸出,而是與用戶的對(duì)話。原型設(shè)計(jì)的起點(diǎn)就是深入了解目標(biāo)用戶,挖掘他們的需求、痛點(diǎn)、行為模式和使用場(chǎng)景。只有這樣,當(dāng)產(chǎn)品創(chuàng)意通過(guò)原型呈現(xiàn)出來(lái),才能夠真正解決用戶的問(wèn)題。
這就要求我們?cè)谶M(jìn)行原型設(shè)計(jì)時(shí)要做到:
1)做好用戶研究,包括問(wèn)卷訪談、調(diào)查等各種方式,以收集用戶數(shù)據(jù)。
2)從用戶的角度出發(fā),思考他們?nèi)绾闻c產(chǎn)品互動(dòng)。
3)設(shè)計(jì)原型時(shí),確保它符合用戶的使用習(xí)慣。
可以說(shuō),原型設(shè)計(jì)的成功與否,很大程度上取決于我們對(duì)用戶理解的深度,因此在研究用戶方面,做多少工作都不為過(guò)。
 
2、明確原型設(shè)計(jì)的重點(diǎn)
在設(shè)計(jì)原型之前,首先要明確它的核心目標(biāo):是簡(jiǎn)單繪制下線框,討論出產(chǎn)品大致框架?還是精細(xì)繪制出某個(gè)功能模塊的交互?亦或是做高保真原型,以便產(chǎn)品演示?
每一次畫(huà)原型都應(yīng)該聚焦于核心目標(biāo),而不是試圖一次性解決所有問(wèn)題。不要擔(dān)心一次原型無(wú)法涵蓋所有細(xì)節(jié)——產(chǎn)品設(shè)計(jì)是一個(gè)不斷迭代的過(guò)程,我們可以通過(guò)多個(gè)階段的原型逐步驗(yàn)證假設(shè),先明確產(chǎn)品的核心框架與基礎(chǔ)功能,再逐步細(xì)化到實(shí)際體驗(yàn)和產(chǎn)品完成度。這樣,我們便能在每一次原型設(shè)計(jì)迭代中,對(duì)不同方面加以優(yōu)化完善,推動(dòng)原型逐步趨近于理想的產(chǎn)品形態(tài)。
 
3、選擇合適的原型設(shè)計(jì)工具
想要高效地完成原型設(shè)計(jì),選擇合適的工具至關(guān)重要。每種工具都有自己的特點(diǎn),選擇時(shí),首先要評(píng)估項(xiàng)目的需求和復(fù)雜度。如果處于早期概念驗(yàn)證階段,簡(jiǎn)單的繪圖工具或低保真原型工具足夠用了;而到了產(chǎn)品細(xì)化階段,建議使用交互功能強(qiáng)大、更專業(yè)的原型設(shè)計(jì)工具。以下是我都用過(guò)且體驗(yàn)不錯(cuò)的產(chǎn)品:
 
1)摹客RP - 在線快速原型設(shè)計(jì)
摹客RP有大量的預(yù)設(shè)組件、豐富的原型模板,拖曳即用,大大提高了工作效率。它的交互能力也很強(qiáng)大,是少有的能完美繼承Axure使用習(xí)慣和資源的原型設(shè)計(jì)工具。同時(shí),它還支持強(qiáng)大的多人實(shí)時(shí)編輯能力,非常適合新手和對(duì)協(xié)作要求較高的團(tuán)隊(duì)。
原型設(shè)計(jì)8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
 
2)Axure - 全面交互設(shè)計(jì)
使用地址:https://www.axure.com/
知名度最高的原型工具,優(yōu)點(diǎn)也確實(shí)突出,交互功能非常強(qiáng)大,擁有豐富的交互組件庫(kù),幾乎能制作任何交互效果,完美模擬出真實(shí)的應(yīng)用場(chǎng)景和用戶操作體驗(yàn)。不過(guò)需要說(shuō)明的是,Axure上手難度大,協(xié)作功能很弱,并且近年來(lái)產(chǎn)品迭代的速度已經(jīng)放緩,更推薦有復(fù)雜交互項(xiàng)目制作需求的團(tuán)隊(duì)使用。
原型設(shè)計(jì)8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
 
3)Figma - 高保真原型設(shè)計(jì)
使用地址:https://www.figma.com/
在UI設(shè)計(jì)領(lǐng)域,F(xiàn)igma可謂大名鼎鼎,考慮到它在分享和協(xié)作上的優(yōu)勢(shì),以及團(tuán)隊(duì)的設(shè)計(jì)師一般比產(chǎn)品經(jīng)理多,有部分產(chǎn)品經(jīng)理也直接用Figma繪制原型了。它的交互能力比較弱,更適合交互功能簡(jiǎn)單且需要高保真原型設(shè)計(jì)的團(tuán)隊(duì)。另外,F(xiàn)igma定價(jià)昂貴,更適合預(yù)算較高的團(tuán)隊(duì)使用。
原型設(shè)計(jì)8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
 
4、少計(jì)劃,多實(shí)踐。
原型設(shè)計(jì)中常見(jiàn)的顧慮之一,是擔(dān)心設(shè)計(jì)達(dá)不到我們腦海中的理想,容易陷入“還沒(méi)完成”的心態(tài)。其實(shí),畫(huà)起來(lái)就好!不要過(guò)于執(zhí)著規(guī)劃“該做什么”,因?yàn)樵谠O(shè)計(jì)過(guò)程中,我們會(huì)遇到新的問(wèn)題,而具象化的原型圖也會(huì)讓我們的思維更清楚。
在這個(gè)階段,通過(guò)設(shè)計(jì)倒逼思考,反倒是幫助我們深入思考產(chǎn)品的最佳途徑。
 
5、放輕松!第一個(gè)原型總是比較粗糙。
“文章的初稿,都是狗屎。”這是文學(xué)大家海明威說(shuō)的,雖然看起來(lái)有點(diǎn)粗俗,但確實(shí)是他的經(jīng)驗(yàn)之談。
其實(shí)原型也一樣,第一個(gè)原型注定會(huì)有瑕疵,所以請(qǐng)放輕松。正因如此,我們才需要循序漸進(jìn)地去完善原型。最好從低保真線框圖開(kāi)始,一步步迭代優(yōu)化,在這個(gè)過(guò)程中,越早失敗、反復(fù)嘗試,并迅速調(diào)整方向、減少資源投入,才是正確路徑,也是原型設(shè)計(jì)的意義所在。
 
6、多和設(shè)計(jì)師、開(kāi)發(fā)交流
有人說(shuō),新手產(chǎn)品經(jīng)理畫(huà)原型就是單純畫(huà)原型,而資深產(chǎn)品經(jīng)理畫(huà)原型前就擔(dān)心產(chǎn)品能不能實(shí)現(xiàn)了。原型設(shè)計(jì)不是屠龍,而是要開(kāi)發(fā)出切實(shí)可用的產(chǎn)品。因此,產(chǎn)品經(jīng)理在進(jìn)行原型設(shè)計(jì)時(shí),不應(yīng)該完全以自己的想法進(jìn)行設(shè)計(jì)。
我們需要和設(shè)計(jì)師、開(kāi)發(fā)一起協(xié)作,最好在原型設(shè)計(jì)階段就確定好功能的可實(shí)現(xiàn)性,這樣做能大大規(guī)避后續(xù)流程中的反復(fù)與延誤,顯著提升團(tuán)隊(duì)的工作效率與產(chǎn)出質(zhì)量,為項(xiàng)目的順利推進(jìn)奠定堅(jiān)實(shí)基礎(chǔ)。
原型設(shè)計(jì)8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
 
7、重視原型可維護(hù)性
原型并非一次性產(chǎn)物,在設(shè)計(jì)時(shí)就要考慮后續(xù)的維護(hù)與更新。這就要求產(chǎn)品經(jīng)理畫(huà)原型時(shí),一定要使用規(guī)范的命名、清晰的圖層管理以及合理的組件復(fù)用,讓原型在需求變更或功能拓展時(shí)更易于修改。
比如,當(dāng)項(xiàng)目中某個(gè)通用模塊的設(shè)計(jì)需要調(diào)整,如果之前構(gòu)建原型時(shí)做好了組件復(fù)用,只需修改對(duì)應(yīng)的組件,相關(guān)頁(yè)面組件就會(huì)一鍵同步更新,大大節(jié)省了時(shí)間與精力,原型就能靈活適應(yīng)項(xiàng)目發(fā)展的各種變化。
 
8、記錄你的收獲
在原型設(shè)計(jì)的整個(gè)過(guò)程中,記錄復(fù)盤(pán)每一次收獲至關(guān)重要。比如:記錄好大家提出的各種備選方案、不同觀點(diǎn),以及從中獲得的經(jīng)驗(yàn)和見(jiàn)解。
這個(gè)小小的習(xí)慣極有可能幫了你大忙,因?yàn)楫a(chǎn)品設(shè)計(jì)流程復(fù)雜且多變,你無(wú)法預(yù)知何時(shí)需要回溯之前被忽略的內(nèi)容。如果你做好了記錄,后面需要改變時(shí),就能快速定位問(wèn)題根源并進(jìn)行針對(duì)性迭代。
 
以上8條原則為原型設(shè)計(jì)提供了全面且實(shí)用的指導(dǎo),有助于我們少走彎路。請(qǐng)記住,這8條原則并非孤立的存在,而是一個(gè)有機(jī)整體,我們?cè)趯?shí)際工作中,應(yīng)不斷嘗試與調(diào)整,將它們靈活融入到工作流程。只要認(rèn)真遵循了這些原則,離打造出一個(gè)成功的產(chǎn)品就不遠(yuǎn)啦!


作者:摹客設(shè)計(jì)云
鏈接:https://www.zcool.com.cn/article/ZMTY0Nzk0MA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

 

日歷

鏈接

個(gè)人資料

存檔