嘿嘿嘿,10個我經常逛的“小網站”,不騙人!
反思一下,為什麼你會點進來~
咳咳,步入正題。
工欲善其事必先利其器,你們的收藏夾裡收藏了多少“小網站”?今天和大家分享10個我壓箱底的效率工具/平臺,現在用不上不要緊,趕緊收藏最關鍵!
1.GitHub Desktop(Git介面工具)
對新手而言,要記住那麼多git命令是有些困難,所以GitHub Desktop就可以派上用場了!
GitHub Desktop的使用體驗要好於Sourcetree、TortoiseGit。
之所以不少人放棄Sourcetree 轉而使用GitHub Desktop,是因為兩點:
-
GitHub Desktop免費,Sourcetree收費,收費指定幹不過免費;
-
GitHub Desktop支援分支搜尋。
GitHub Desktop上手簡單易用,深入使用後會發現很貼合我們的試用習慣,很好的契合了GitHub,大家有時間時可以來體驗一下!
2.LightHouse(開源的自動化工具)
http://github.com/GoogleChrome/lighthouse
Lighthouse 是一個開源的自動化工具,用於改進網路應用的質量。
可以將其作為一個 Chrome 擴充套件程式執行,或從命令列執行。
當為Lighthouse提供一個要審查的網址,它將針對此頁面執行一連串的測試,然後生成一個有關頁面效能的報告。
讓開發人員根據生成的頁面效能的報告,來進行網站優化和完善,提高使用者體驗。
可以參考失敗的測試,看看可以採取哪些措施來改進應用。
在裡面你可以看到它給你各個方面的建議,比如圖片、css、js 這些檔案的處理,還有 html 裡面標籤的使用,快取處理等建議,可以根據這些來對網站進行優化。
3.Tinypng(圖片線上壓縮)
在日常開發過程中,圖片壓縮是再常見不過的需求了。
Tinypng是一個完全免費且具備高壓縮率的線上圖片壓縮網站,能滿足我們日常大部分壓縮圖片的需求。
無論你的圖片格式是WEBP,還是JPEG或PNG,Tinypng都可以快速幫你實現壓縮~它有選擇的減少影象中的顏色數量,使儲存資料所需的位元組數減少。
壓縮後的圖片雖然肉眼看不出太大的變化,但檔案大小卻有很大差異,Tinypng值得收藏!
4.摹客(產品研發協作平臺)
http://www.mockplus.cn/idoc/developer
在座的各位朋友:你們公司產品、UI有沒有經常找你們掰扯還原度低的問題?
不是標註有遺漏,就是切圖不全面,還有在開發過程中忽略了產品策略文件,大部分的時間都花在了debug上,還原度能高才是怪事!
自從我們產研團隊用上了摹客進行團隊協作後,工作效率提升了不少。
摹客支援自動標註功能,80%的標註資訊hover在對應模組就會自動顯示,比UI手動標註準確率更高。
至於切圖檔案,之前UI改稿後會反覆給我們傳送切圖壓縮包,但現在,UI只需要把最新設計稿上傳至摹客,我們自己就能下載切圖檔案,不同平臺(iOS/Android/Web)、不同倍率、不同格式(PNG/WebP/SVG/JPG),切圖實現了自給自足。
並且在下載切圖素材前,還可以選擇壓縮切圖,壓縮/下載一條龍服務!
另外,產品可以在定稿模式下對產品策略說明進行手動標註,增強我們對產品的理解,儘可能降低開發邏輯錯誤的頻率。
5.css3(動畫程式碼合集)
http://www.webhek.com/post/css3-animation-sniplet-collection/#/
在我們日常開發的過程中,會遇到一些簡單CSS動畫的需求,如果為了一兩個動畫引入庫可能會感覺得不償失,若每次在網上搜相關的程式碼又顯得太過費時費力,因此,CSS3的價值就體現出來了!
CSS3中包含了我們常見的動畫效果,並且有片段程式碼,我們只需要Ctrl C+V即可。無需註冊,直接點選就能檢視,十分貼心!
6.EMOJIALL(emoji合集)
http://www.emojiall.com/zh-hans
自蘋果釋出的iOS5輸入法中加入了emoji後,emoji席捲全球,emoji已被大多數現代計算機系統所相容的Unicode編碼採納,普遍應用於各種手機簡訊和社交網路中。
你可以將EMOJIALL當成一本全面的emoji詞典,其中包含了不同種類不同版本不同系統的emoji。
在這裡,你可以瞭解emoji的起源發展,搜尋不同含義的emoji並複製使用,並提供了emoji小遊戲,總之,它將emoji玩出了花,收藏起來,你遲早能用上!
7.undraw(svg插畫)
在開發過程中,如果需要免費的SVG插圖,那你一定錯過undraw!
在這裡,上千張插畫你可以盡情挑選,扁平化風格和手繪風格的插畫可以適用多種場景,都毫無違和感。
最有意思的是,插畫的顏色可以根據你頁面的主題色進行統一修改,系統預設了6種配色方案,你也可以自定義顏色,下載支援PNG和SVG兩種格式,支援免費商用,使用者體驗超好der!
8.創客貼(快速做圖工具)
你有臨時遇到設計需求,設計師沒時間接的情況嗎?
即使你設計零基礎,也可以用創客貼1分鐘做圖,輕鬆解決設計難題。
創客貼中有超多的圖片模板素材,零設計基礎的你只需要挑選合適的模板、修改文字、替換配圖,三步就能完成線上做圖。
如果你還是一名自媒體博主,公眾號的封面也可以使用創客貼搞定,輕鬆便捷!
9.iodraw(無限制流程圖工具)
當我們在分析研究專案時,經常需要畫流程圖、思維導圖來輔助思考。
我常用的畫圖軟體是iodraw,它可支援流程圖、UML圖、架構圖、原型圖等,能夠與Github,Google Drive, One drive等網盤同步。
軟體打出了永久免費的口號,十分具有吸引力!
有時在網路環境不佳或使用Web版不方便的情況下,也可使用他們的離線桌面版畫圖~
10.印象筆記(文件協同工具)
現在越來越多的碎片化資訊充斥在我們之中,公眾號文章、抖音短視訊、微博……
大家有沒有這樣一個“通病”——看過就忘?
我們隨時都在獲取資訊,但該如何將有用的資訊都收集起來,真正變成自己有用的資源?
給大家推薦一個文件協同工具:印象筆記。
在印象筆記中,可以將我們每天的見聞、思考、靈感統統記錄下來,將一系列的內容整合後,就是我們自身一筆寶貴的財富!
今天的分享就到這裡了,後續再想起還有其他好用的線上工具,我會直接補充在下方評論區,也歡迎大家將自己常使用的工具分享一波,咱們評論區見!
- 實採6位產品經理,他們轉行都去了哪裡?
- 從4k到30k,產品路上我從未後悔
- 裁員潮下,我月薪3W依舊堅挺
- 沉浸式刷視訊,抖音的產品設計妙在何處?
- 卡在99%的進度條,讓我越來越焦慮
- 改bug神器,ChatGPT分分鐘掃描,真香!
- 摹客外掛上新,Ai摳圖實用、千款icon免費!
- 嘿嘿嘿,10個我經常逛的“小網站”,不騙人!
- 細思極恐,為什麼大多產品經理很水?
- 程式設計師轉行做運營,降薪降得心甘情願
- 摹客RP,新增圖文選項卡元件!
- 為了讓使用者買買買,小紅書做對了哪些事?
- 4個優秀PM必備的溝通技能,你Get多少?
- UX、PX、CX,產品經理必須要搞清楚的3個X是什麼
- 羊了個羊火爆全網,原來自己做個小遊戲這麼簡單!
- 開發說這個需求實現不了,怎麼破?
- Adobe砸200億添全家桶新成員,Figma後來居上!
- 一個Behance被封,還有無數國內網站給我靈感
- PM都用什麼軟體做原型設計
- Adobe砸200億添全家桶新成員,Figma後來居上!