盤點(diǎn)設(shè)計(jì)師的工具

時(shí)間：2024-09-17 02:59:11 平面設(shè)計(jì) 我要投稿

相關(guān)推薦

盤點(diǎn)設(shè)計(jì)師必備的實(shí)用工具

　　小編堅(jiān)信，無論你是經(jīng)驗(yàn)豐富的前端，還是剛剛起步的設(shè)計(jì)師，你都需要這些實(shí)用工具、在線服務(wù)、資源和代碼片段。合理的運(yùn)用能夠讓你的網(wǎng)頁設(shè)計(jì)與開發(fā)事半功倍。

盤點(diǎn)設(shè)計(jì)師必備的實(shí)用工具

　　這次總結(jié)的工具總計(jì)有40款，它們基本上可以分為8個(gè)大類

　　·靈感與閱讀：這類素材通常是設(shè)計(jì)案例和酷站，它們啟發(fā)靈感，給你經(jīng)驗(yàn)

　　·網(wǎng)絡(luò)社區(qū)：匯集Web開發(fā)者和設(shè)計(jì)師的優(yōu)秀社區(qū)

　　·網(wǎng)頁測(cè)速工具：一些最好的網(wǎng)站測(cè)速工具

　　·溝通和項(xiàng)目管理：適宜進(jìn)行溝通和管理的工具，包括網(wǎng)頁端和移動(dòng)端

　　·代碼共享和編輯器：最好的Markdown編輯器，代碼分享工具

　　·CSS/HTML：能夠讓你的網(wǎng)頁更漂亮的工具，幫你創(chuàng)建更清晰的CSS代碼

　　·框架：最流行最好用的網(wǎng)頁開發(fā)框架

　　·Git客戶端：好用不解釋

　　靈感與閱讀

　　Web Development Reading List

　　這是一個(gè)純手工精心挑選的Web開發(fā)相關(guān)資源的列表，而你需要做的就是訂閱它，關(guān)注它，使用它。

　　WEB TOOLS WEEKLY

　　Web Tools Weekly 是一個(gè)專注與前端開發(fā) 和網(wǎng)頁設(shè)計(jì)工具的新聞簡(jiǎn)報(bào)。

　　Web Operations Weekly

　　同樣的，Web Operations Weekly 也是一個(gè)新聞簡(jiǎn)報(bào)，每周更新，內(nèi)容主要關(guān)于網(wǎng)絡(luò)運(yùn)營(yíng)、網(wǎng)絡(luò)基礎(chǔ)設(shè)施、網(wǎng)絡(luò)性能和工具等。

　　Freshbrewed.co

　　這個(gè)網(wǎng)站匯集了最新的文章、技術(shù)和最值得閱讀和收藏的網(wǎng)頁設(shè)計(jì)開發(fā)最佳實(shí)踐。

　　網(wǎng)絡(luò)社區(qū)

　　Front-end Front

　　前端開發(fā) 者可以在 Front-end Front 提問、分享有趣的內(nèi)容、展示自己的開發(fā)項(xiàng)目。

　　Refind

　　Refind 替你收納網(wǎng)絡(luò)上最好的網(wǎng)站與鏈接，你每天都可以在這里看到最好的設(shè)計(jì)項(xiàng)目，獲取靈感。

　　LinkedIn PHP Developer Group

　　如果你精通PHP、Mysql、Drupal、Joomla、Zend、Cake、MVC，那么這個(gè)Linkedin社區(qū)非常適合你。

　　網(wǎng)頁測(cè)速工具

　　Website Speed Test

　　這是一款頗為實(shí)用的網(wǎng)站測(cè)速工具，其中還包含了頁面預(yù)覽功能。

　　Google Chrome DevTools

　　Google Chrome DevTools 是內(nèi)至于谷歌瀏覽器的網(wǎng)頁制作和調(diào)試工具，你可以用它來遍歷、調(diào)試和監(jiān)測(cè)。

　　Pingdom

　　Pingdom 的使用方法很簡(jiǎn)單，輸入網(wǎng)站URL就可以測(cè)試它的加載時(shí)間。

　　Google PageSpeed Insights

　　這款測(cè)速工具可以參考最佳實(shí)踐來分析和優(yōu)化你的網(wǎng)站。

　　WebPageTest

　　借助普通瀏覽器你就可以使用WebPage Test 針對(duì)全球范圍內(nèi)任何網(wǎng)站進(jìn)行免費(fèi)的連接測(cè)速。

　　GTmetrix

　　GTmetrix 是一個(gè)免費(fèi)的網(wǎng)頁連接測(cè)速工具，借助PageSpeed 和 YSlow ，GTmetrix 可以幫你針對(duì)頁面進(jìn)行評(píng)分。

　　溝通和項(xiàng)目管理

　　Slack

　　Slack 是一款在線的集成團(tuán)隊(duì)溝通工具，它可以通過實(shí)時(shí)聊天、協(xié)同、歸檔來管理你的團(tuán)隊(duì)、資源和項(xiàng)目。

　　Glip

　　Glip 是一款實(shí)時(shí)對(duì)話/視頻溝通工具，可進(jìn)行任務(wù)管理、文件分享、內(nèi)容搜索的多功能應(yīng)用。

　　Jira

　　Jira 是一款為敏捷軟件開發(fā)團(tuán)隊(duì)提供的靈活的項(xiàng)目管理工具。

　　Trello

　　Trello 是一款跨平臺(tái)的任務(wù)分配和項(xiàng)目管理工具，無論是團(tuán)隊(duì)協(xié)同還是制作任務(wù)清單都手到擒來。

　　Asana

　　Asana 是臉譜旗下的團(tuán)隊(duì)協(xié)同、任務(wù)分配和項(xiàng)目管理工具，使用起來便捷，上手也很快。

　　代碼共享和編輯器

　　Codeshare

　　這是一個(gè)開發(fā)者免費(fèi)分享代碼片段的工具。

　　Dabblet

　　這是一個(gè)交互式的CSS測(cè)試和代碼共享工具，它還支持保存到Github，以及許多便利的編輯功能。

　　Beyond Compare

　　通過簡(jiǎn)單但強(qiáng)大的命令來幫你對(duì)比文件和文件夾，幫你專注于值得關(guān)注的差異。

　　StackEdit

　　StackEdit 是一款基于PageDown的全功能開源MarkDown編輯器，Stack Overflow 和其他的Stack exchange 網(wǎng)站常常會(huì)用到它的Markdown 庫。

　　Mou

　　這是MacOSX平臺(tái)上最好的Markdown編輯器之一，實(shí)時(shí)預(yù)覽、同步滾動(dòng)、自動(dòng)保存、自動(dòng)皮拍、自定義主題等多種強(qiáng)大而實(shí)用的功能被納入其中。最重要的是，它對(duì)于中文的支持相當(dāng)不錯(cuò)。

　　MarkdownPad

　　MarkdownPad 是Windows 平臺(tái)下的一款全功能 Markdown編輯器。

　　Sublime Text

　　Sublime Text 是一款高度可定制的、界面漂亮的代碼編輯器，功能非同凡響，性能也相當(dāng)不錯(cuò)，越來越多的開發(fā)者和設(shè)計(jì)師開始著迷于Sublime Text。

　　Dillinger

　　Dillinger 是一款基于云端、支持移動(dòng)端、可離線存儲(chǔ)的基于AngularJS和HTML5的Markdown編輯器。

　　Texts

　　Texts 是一款符文布編輯器，主要存在于Windows 和iOS平臺(tái)。

　　ByWord

　　ByWord 同樣也是一款Markdown編輯器，它旨在提供更加流暢有趣的編輯體驗(yàn)。

　　CSS/HTML

　　Sass