設計師必備的「線上工具」資源懶人包,每月更新已收錄 72 筆


【線上工具】about.me

設計師的名片除了要打上作品網站的網址之外,甚至還要有 Facebook、Twitter 等社交帳號,更不用說 Blog、.Pinterest、 Flickr 這些作品網址,如果都要寫到名片上面,將會很大一串,而且很醜,這個網站提供簡單的一頁式網頁產生器,可以將這些網址整理成一個一頁式網頁,而且呈現的介面也很簡約大方,可以點此看介介的範例:https://4fun.tw/3ViR

 

【線上工具】canva

具有簡易操作介面和豐富素材資源,此外提供很多精美的設計模版,可以製作海報、簡報、賀卡、社群封面等,需註冊後才可使用,但可以用 Facebook 或 Google+ 快速登入

 

【線上工具】gifyoutube

可以將 Youtube 的影片轉成 GIF 圖的線上工具,只要輸入 Youtube 的網址,接著選著想要擷取的片段,馬上就能幫你做成動態 GIF 圖

 

【線上工具】Placeit

線上自動合成工具,挑選出你想要的場景,上傳照片之後,自動幫你將兩個者合成起來,裡面的情境素材非常的多,手機、電腦、杯子、衣服、大樓都可以成為你合成的對像,上傳圖片之後還可以做簡易的微調修飾,非常簡單好用

 

【線上工具】Google Keep

Google 推出的筆記工具,採用便條貼的方式記錄筆記,這些便條貼可以標記顏色、分類、標籤、增加共享協作、行事曆提醒等功能,每則便條貼還可以上傳圖片做註記,而且可以將便條貼裡的內容做成條列式的代辦事項,而且有出手機 APP 可以讓你隨身筆記即時同步,有隨時做筆記的朋友們可以試用看看

 

【線上工具】Imagify

免費線上圖片壓縮工具,提供三種不同程度的壓縮,非配破壞性壓縮、肉眼分辨不出的些許破壞壓縮,以及第三種以最低檔案大小為優先的破壞壓縮,就像是鍵達出奇蛋一樣,三個願望讓你一次滿足

 

【線上工具】Browser Screenshots

微軟出品的線上網頁測試工具,可同時查看網站在不同 IE 瀏覽器平台呈現效果,同時也支援非 ie 瀏覽器的檢查,此外也具有線上抓取網頁擷圖畫面的功能

 

【線上工具】gridlover

CSS 文字的行距大小編輯器,即使顯示,所見即所得

 

【線上工具】Picsee皮克看見

有些網站的網址轉貼到Facebook上,無法抓取到正確的縮圖,透過這個短網址工具,可以在短網址上自訂縮圖,轉貼到臉書時就可以正常產出縮圖了,甚至在短網址的後面加個 + 的符號,就可以看到被點閱的次數,當然進階的用法就是換圖縮網址,做出圖文不符的連結 XD

 

【線上工具】html2bbcode

將 html 語法直接轉換成 bbcode 論壇的語法,只需要將語法複製貼上就可以轉換了,以後不用再辛苦的重新編排了,是一個很實用的工具

 

【線上工具】Firealpaca

這套免費繪圖軟體,是來自有動漫王國之稱的日本,軟體的名稱很有趣就叫做 羊駝 又稱草尼瑪,有繁體中文介面,免費的繪圖軟體下載來玩看看吧

 

【線上工具】摩客 Mockplus

一個手機 APP 的規畫工具,具有非常多圖示、工具條、按鈕等等,除了可以免費下載安裝使用,還具有線上版,目前免費版本是無法下載回電腦使用,但是只需要支付 6 塊錢人民幣,就可以在一個月內無限次數的下載

 

【線上工具】freegifmaker

現在 GIF 圖在社群網站上越來越紅了,這個線上工具可以產出有趣的動態 GIF 圖示,先選好動態濾鏡效果,接著在上傳你的圖片,就會自動幫你套用做成動態圖,可以直接另存下載,也可以直接將網址轉貼到FB上直接瀏覽

 

【線上工具】Pixlr

前陣子介介用別人的電腦寫網誌,臨時有張圖片要裁切還有加浮水印,但電腦沒裝我熟悉的美工軟體,下載整套 Photosho 的時間,筆電大概也沒電了,而且別人的電腦,不好意思亂裝其他簡易修圖軟體,有些不常用的非主流軟體還需要花時間摸索,當下的時間非常不符合效益,於是想到了 Pixlr 這個網站,直接模擬一套跟 Photoshop 的軟體,直接用瀏覽器開啟,功能與配置幾乎一樣,而且有中文介面,0秒上手,上傳圖片就可以編輯完成了,非常方便的工具網站,是設計人出門在外,居家旅行,殺人滅口,必備良藥阿 (誤)

 

【線上工具】FontReach

快速查詢這組字型被多少個網站使用,甚至有排行榜,也可以找出特定網站中使用的字型列表,是學習網頁設計與字體設計的輔助工具

 

【線上工具】escapemotions

火焰畫家,用滑鼠畫出你想要的火焰,運用碎形的運算,產生有趣的雷射火焰,可以拿來當素材使用

 

【線上工具】Hack.chat

輕量化的聊天室模組,可以直接在網頁上產出一個簡單的聊天室,有開放原始碼可以下載安裝到自己的網站裡面,非常輕量化的聊天室

 

【線上工具】green-name

將你的名子產出成一個GIF動畫,會依據每個漢字內的部首做不同一樣的動態變化

 

【線上工具】pinterest

簡稱品味牆,可收集及整理視覺設計靈感的網路,甚至可以追縱跟你有同樣喜好的人,隨時接收他們新收集的美圖

 

【線上工具】Spruce

非常簡單的在圖片上增加文字,非常適合在社群網站上做圖,上傳一張照片,直接輸入文字後就完成了

 

【線上工具】 Swiffy

可以將 Flash 的 SWF 檔案,轉檔成 HTML5 格式,這樣就能直接在網頁跟手機端直接播放,不用再裝 Flash 播放器了,這工具是 Google 提供的,介介很多案子都靠它搞定的,快來將手邊的 Flash 動畫轉成網頁格式吧

 

【線上工具】 Kuler

Adobe 出品的色彩配色網站,它終於有中文版了(手舞足蹈貌),Kuler 具有非常多的配色組合,登入 Adobe 帳號後,可以收藏喜歡的配色組合,可以直接置入到 【Photoshop】 或 Illustrator 色票上直接使用,甚至將照片上傳,讓 Kuler 分析上面的顏色,轉換成自己的色票組合,當然也可以分享給大家當配色參考,只能說讓我們讚嘆 Adobe 吧 (膜拜)

 

【線上工具】 WhatTheFont

介介在路上看到漂亮的字體時,整個設計魂就會被點燃,但是也不能直接打電話問他們設計師是用哪個字體,現在你只要將文宣的文字拍攝上傳到 WhatTheFont 這個網站它就會幫你分析,找出最接近的字體,非常的方便

 

【線上工具】 GIFYT

可以將 YouTube 上面的所有影片轉成 GIF 格式的動態圖,進到 GIFYT 網站貼上 YouTube 的網址,接著選擇要裁切的片多,一個按鍵就能產出 GIF 檔,而且還幫你放置一份在網路的圖床上,方便直接線上觀看

 

【線上工具】 Simple Sharing

社群按鈕產生器,一鍵就可以產出代碼,非常簡單好用

 

全文還沒結束,記得點選下一頁

喜歡請按讚,收藏請用分享

李介介

有人問為什麼我叫李介介,不叫介介介,難道你不知道三個介放在一起會被消除嗎? 身為名子有個介字的男人,介紹好東西給大家,也是非常合乎邏輯的一件事啊,快跟我唱:世上只有介介好,有介介的網友像個寶,但別再亂傳 介介 屌爆了! (⊙◞౪◟⊙) FacebookInstagram

Loading Facebook Comments ...

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *