Weebly 架站教學網站
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 關於我們
  • 公益/環保

​2022 多媒體工具推薦 - 影音剪輯工具、色碼表、平面設計

品牌商標 Logo 設計, 自己來!

7/24/2022

0 評論

 
品牌商標設計是建立網站、經營Youtube/教學網站的第一步, 也是必要的! 因為它會在讀者瀏覽你的網站/頻道時, 所得到最直接的視覺印象. 

以往, 我們可能需要求助於美工設計相關科系的朋友或工作室, 幫忙設計一個商標. 現在, 只要透過免費的線上平面設計工具 (例如: Fotor、Canva) 所提供的各種商標範本, 就可以製作出具有自己個人品牌的商標!

圖片
這類的平面設計工具首推 Fotor 及 Canva. 兩者的操作步驟和界面都很類似, 也都有豐富的商標範本, 且提供免費的範本及輸出功能. 只是, 針對一些客製化的調整, 就必須升級為付費會員.
  • Canva 的價格較高 (USD119.99/年, 1~5人使用), 但提供範本較多
  • Fotor 的價格較低 (USD39.99/年, 1人使用), 但範本比 Canva 少些. 如果是個人使用, Fotor 應該足夠了. 

深入瞭解
0 評論

教學影片 必備螢幕擷取軟體 - Apowerrec

7/21/2022

0 評論

 
如果你有製作教學影片的需求, 那就不能錯過 ApowerREC.  它是 ApowerSoft 旗下另一支好用軟體.
有別於大多數的螢幕擷取軟體, 除了螢幕錄影的基本設定之外, ApowerREC 還可以直接在錄影的過程中直接加入文字、箭頭、線條/標示、添加浮水印 (商標圖示/文字) 或是在重要的畫面加入聚光燈效果.
圖片
圖片

當然, 這些功能也可以透過後製加入影片. 不過, 在影片錄製的過程中, 如果可以直接把重點標示出來, 就不需要後製加工, 可以節省許多時間. 此外, ApowerREC 也有基本的影片剪輯功能 - 製作教學影片, ApowerREC 一套軟體就可以搞定. 


[使用界面&功能 介紹]
錄製功能:
- 錄製螢幕(全螢幕、自訂區域、特定應用程式). 特色: 可以預設浮水印、排除特定應用程式
- 錄製聲音(系統聲音、麥克風)
- 錄製視訊鏡頭
圖片
圖片
0 評論

影音剪輯軟體推薦 - Beecut

7/17/2022

0 評論

 
BeeCut 及 ApowerEdit 都是 ApowerSoft 公司旗下的影音編輯軟體. 兩個軟體的操作介面己乎一樣, 操作簡單直覺, 提供多國使用介面, 包含中/英文, 也提供中文服務. 

它算是影音編輯軟體的入門款, 適用於一般家庭的生活影片剪接
、教學影片製作或是學校/社團活動的影片製作. 雖說是入門款, 但影音編輯軟體該有的功能樣樣俱全 - 影片裁切/合併/旋轉/加速、背景音樂、字幕、轉場特效、濾鏡/馬賽克、螢幕錄製、聲音/麥克風錄製、影片縮放等等.
​
[推薦原因]
介面簡單, 操作直覺
BeeCut/ ApowerEdit 主要是三個部分: 媒體素材區、預覽區以及下方的影片編輯區
90% 的功能都直接列在介面上, 不會藏得很深, 整個操作直覺簡單, 而且省時.
圖片

深入瞭解
0 評論

一鍵快速自動去背/更換背景

5/8/2022

0 評論

 
"去背" 是圖片處理的最常用的功能之一. 大部分的軟體都需要先仔細框出主體, 再加些微調, 才能完成去背. 如果你也覺得這些步驟很煩人, 建議你馬上收藏 -Picwish.

Picwish是一個快速去背/去除浮水印的線上工具, 100% 免費, 不需要安裝. 上傳圖片之後, 就會立即看到去背後的成品. 

圖片

深入瞭解
0 評論

Fotor - 快速變更圖片尺寸

10/3/2021

0 評論

 
如果你想要快速修改圖片尺寸/檔案大小, 不妨試試 Fotor 線上圖片編輯工具
Fotor 在2012 年創立於倫敦, 是一個線上平面設計編輯平台, 支援14國語言. 
不需要安裝軟體, 開啟網頁就能開始使用. 

​​建議先註冊一個帳號 (頁面右上方), 這樣, 你所編輯過的內容都會儲存在你的帳號裡. 日後如果有需要做修改, 就能隨時修改.
圖片
​[推薦原因]:
  • 介面簡單, 直覺性操作
  • 線上操作, 無需安裝軟體 (只要將 Fotor 網站加入最愛連結就可以了)
  • 一個 Fotor 工具就能包辦所有基本的圖片編輯功能 + 平面設計
  • 終身免費版本 + 超親民價格的進階功能體驗.

深入瞭解
0 評論

Canva - 網頁標題 & 平面設計工具

5/30/2021

0 評論

 
對於需要製作網頁標題、平面海報或是社群媒體封面的人來說, Canva 應該是再熟悉不過的線上平面設計工具, 不但提供了數千種專業範本, 還結合了高畫質的影片/圖庫/ 背景音樂, 讓用戶可以快速地套用範本, 完成作品.

就個人使用體驗來說, 這些專業的範本其實提供了不少作品製作上的靈感.
​

Canva 有哪些範本?

Canva 的範本種類相當多. 舉凡你可以想到的平面媒體, 都能在Canva 找到好用又專業的範本.
例如:
  • 網頁標題、部落格橫幅廣告
  • Youtube/ Facebook/Intergram 貼文、片頭、封面
  • 海報、宣傳單、卡片、雜誌封面、謝卡、名片
  • 照片拼貼
  • 工作簡報、履歷表、資訊圖表、
圖片

深入瞭解
0 評論

配色/選色工具

5/20/2021

0 評論

 
顏色的搭配真的是一門學問. 根據一項實驗證明, 視覺是我們五個感官功能中最強大的. 大腦對於視覺的吸收程度高達83%. 也就是說, 當對方還沒閱讀文字之前, 大腦就有可能透過視覺所傳遞的訊息對你作品的內容 (網站、簡報、平面宣傳等等) 下了初步的評斷. 所以, 顏色的使用和搭配真的很重要哦!
圖片

這裡, 我們要介紹幾個很棒的線上選色/配色工具網站.  當你正在為如何選色/配色困擾時, 不妨試試這些工具, 找找靈感. 
  • ​Colordot​​
  • Coolors
  • ​Canva - Color


​colordot

Colordot 是一個極簡的選色/配色網站.  大大頁面, 任你移動滑鼠挑選喜歡的顏色.
按下滑鼠左鍵, 就能鎖定顏色後, 再繼續移動滑鼠, 選擇第二個顏色. 對比著旁邊鎖定的顏色, 可以更直覺地挑選出適當的配色.

[步驟]
1. 隨意移動滑鼠. 就可以看到不同顏色的轉換, 以及相對應的色碼.
2. 找到喜歡的顏色, 按一下滑鼠左鍵, 就能鎖定該顏色.
​    然後在鎖定顏色的右方...繼續移動滑鼠 + 選色+ 鎖定...    

深入瞭解
0 評論

Fotor - 線上圖片編輯+ 平面設計

5/9/2021

0 評論

 
Fotor 是一個線上圖片編輯軟體 + 平面設計工具, 不需要安裝. 只要有網路, 就能直接在 Fotor 網站製作編輯, 還能立即下載作品.​
  • 支援繁體中文介面
  • 提供免費帳號 (基本功能+ 基本範本 + 介面廣告 + 50MB 雲端空間)
  • 提供付費帳號 (進階功能+ 專業範本 + 無廣告 + 無限制雲端空間)

如果你有經營網站、部落格、社群媒體或者有製作教學課程, 簡報, 賀卡等等需求, 真心建議, 就直接購買年方案. 一來, 費用不高, 二來, 少了廣告的干擾, 而且可以直接使用喜歡的範本, 又有無限制的雲端空間. 真的方便許多!!!
Fotor 帳號功能比較表
學生獨享30% off 優惠價


功能

舉凡平面圖片的編輯或創作, 都能透過 Fotor 快速完成, 美感十足, 專業滿分. 功能包含:
  • 圖片編輯 (裁剪、旋轉、色階/尺寸調整、去背、設定邊框、人臉美顏、馬賽克、加入商標/文字等等)
  • 照片拼圖
  • 創建設計 - 平面設計 (網頁標題、FB/ Youtube 封面、海報、名片、商標、賀卡、書籍封面、明信片、履歷表等等)
圖片

深入瞭解
0 評論

ColorZilla - 線上顏色抓取工具

3/8/2021

0 評論

 
開始製作簡報、網站之後, 才深深體會到, 頁面的排版及色彩視覺感受絕對是在第一時間博得讀者的關注及繼續閱讀的重要關鍵. 除此之外, 對作品的專業形象有也有一定程度的加分效果. 一般我們最常使用的顏色挑選工具是色碼表, 或是文書編輯器 (例如: Word、PowerPoint)所提供的色盤.

不過, 這兩者所能提供的顏色有限. 如果你不是調色高手, 那麼, 可以利用平時瀏覽網站、社群媒體或是電子報時, 多注意頁面上的用色, 看到喜歡的顏色, 就用 ColorZilla 擷取並儲存顏色.  ColorZilla 除了可以即時辨別出該顏色的色碼代號, 也可以是你的顏色資料庫, 儲存你偏好的顏色.

圖片


​Colorzilla - Chrom 擴充應用程式

​如果你在某個網站看到喜歡的顏色, 很想知道它的顏色代碼, 那麼 ColorZilla 絕對是最佳工具.
只要開啟 ColorZilla, 將滑鼠移到該顏色, 就能馬上看到該顏色的色碼. 而且, 它會記錄你曾經搜尋的顏色. 對於有色彩相關需求的設計者來說, 真的相當實用.

按
這裡, 將 ColorZilla 加到Chrome.​

深入瞭解
0 評論

色碼表

11/18/2020

0 評論

 
一個網站/網頁內容的顏色搭配很重要. 適當地使用顏色及好的配色邏輯可以快速地抓住訪客的注意, 也可以凸顯內容的架構及分類, 幫助訪客們能輕易地看出重點.
​
Weebly 在底圖背景顏色以及文字部分, 內建多種顏色的選擇, 如果還是抓不到自己喜歡的顏色, 也可以直接輸入顏色代碼, 就能輕鬆置入喜歡的顏色.​
圖片
不過, 問題來了, 要怎麼找到自己喜歡顏色的代碼? 這裡, 提供二種最簡單的方式給各位參考:
  1. 色碼表 - 直接從色碼表找到對應顏色的代碼
  2. ColorZilla - 線上顏色擷取工具 (Chrome 擴充應用程式) 
​

色碼表

色碼表是最快能找到喜歡顏色代碼的方式. 文末所提供的色碼表格包含各種色系的淺深色代碼. 
到這個色碼表格挑挑喜歡的顏色, 就可以看到對應的顏色代碼. 
​
圖片

色碼表

代碼 顏色
#000000  
#0C090A  
#2C3539  
#2B1B17  
#34282C  
#25383C  
#3B3131  
#413839  
#3D3C3A  
#463E3F  
#4C4646  
#504A4B  
#565051  
#5C5858  
#625D5D  
#666362  
#6D6968  
#726E6D  
#736F6E  
#837E7C  
#848482  
#B6B6B4  
#D1D0CE  
#E5E4E2  
#BCC6CC  
#98AFC7  
#6D7B8D  
#657383  
#616D7E  
#646D7E  
#566D7E  
#737CA1  
#4863A0  
#2B547E  
#2B3856  
#151B54  
#000080  
#342D7E  
#15317E  
#151B8D  
#0000A0  
#0020C2  
#0041C2  
#2554C7  
#1569C7  
#2B60DE  
#1F45FC  
#6960EC  
#736AFF  
#357EC7  
#368BC1  
#488AC7  
#3090C7  
#659EC7  
#87AFC7  
#95B9C7  
#728FCE  
#2B65EC  
#306EFF  
#157DEC  
#1589FF  
#6495ED  
#6698FF  
#38ACEC  
#56A5EC  
#5CB3FF  
#3BB9FF  
#79BAEC  
#82CAFA  
#82CAFF  
#A0CFEC  
#B7CEEC  
#B4CFEC  
#C2DFFF  
#C6DEFF  
#AFDCEC  
#ADDFFF  
#BDEDFF  
#CFECEC  
#E0FFFF  
#EBF4FA  
#F0F8FF  
#F0FFFF  
#CCFFFF  
#93FFE8  
#9AFEFF  
#7FFFD4  
#00FFFF  
#7DFDFE  
#57FEFF  
#8EEBEC  
#50EBEC  
#4EE2EC  
#81D8D0  
#92C7C7  
#77BFC7  
#78C7C7  
#48CCCD  
#43C6DB  
#46C7C7  
#7BCCB5  
#43BFC7  
#3EA99F  
#3B9C9C  
#438D80  
#348781  
#307D7E  
#5E7D7E  
#4C787E  
#008080  
#4E8975  
#78866B  
#848b79  
#617C58  
#728C00  
#667C26  
#254117  
#306754  
#347235  
#437C17  
#387C44  
#347C2C  
#347C17  
#348017  
#4E9258  
#6AA121  
#4AA02C  
#41A317  
#3EA055  
#6CBB3C  
#6CC417  
#4CC417  
#52D017  
#4CC552  
#54C571  
#99C68E  
#89C35C  
#85BB65  
#8BB381  
#9CB071  
#B2C248  
#9DC209  
#A1C935  
#7FE817  
#59E817  
#57E964  
#64E986  
#5EFB6E  
#00FF00  
#5FFB17  
#87F717  
#8AFB17  
#6AFB92  
#98FF98  
#B5EAAA  
#C3FDB8  
#CCFB5D  
#B1FB17  
#BCE954  
#EDDA74  
#EDE275  
#FFE87C  
#FFFF00  
#FFF380  
#FFFFC2  
#FFFFCC  
#FFF8C6  
#FFF8DC  
#F5F5DC  
#FBF6D9  
#FAEBD7  
代碼 顏色
#F7E7CE  
#FFEBCD  
#F3E5AB  
#ECE5B6  
#FFE5B4  
#FFDB58  
#FFD801  
#FDD017  
#EAC117  
#F2BB66  
#FBB917  
#FBB117  
#FFA62F  
#E9AB17  
#E2A76F  
#DEB887  
#FFCBA4  
#C9BE62  
#E8A317  
#EE9A4D  
#C8B560  
#D4A017  
#C2B280  
#C7A317  
#C68E17  
#B5A642  
#ADA96E  
#C19A6B  
#CD7F32  
#C88141  
#C58917  
#AF9B60  
#AF7817  
#B87333  
#966F33  
#806517  
#827839  
#827B60  
#786D5F  
#493D26  
#483C32  
#6F4E37  
#835C3B  
#7F5217  
#7F462C  
#C47451  
#C36241  
#C35817  
#C85A17  
#CC6600  
#E56717  
#E66C2C  
#F87217  
#F87431  
#E67451  
#FF8040  
#F88017  
#FF7F50  
#F88158  
#F9966B  
#E78A61  
#E18B6B  
#E77471  
#F75D59  
#E55451  
#E55B3C  
#FF0000  
#FF2400  
#F62217  
#F70D1A  
#F62817  
#E42217  
#E41B17  
#DC381F  
#C34A2C  
#C24641  
#C04000  
#C11B17  
#9F000F  
#990012  
#8C001A  
#954535  
#7E3517  
#8A4117  
#7E3817  
#800517  
#810541  
#7D0541  
#7E354D  
#7D0552  
#7F4E52  
#7F5A58  
#7F525D  
#B38481  
#C5908E  
#C48189  
#C48793  
#E8ADAA  
#ECC5C0  
#EDC9AF  
#FDD7E4  
#FCDFFF  
#FFDFDD  
#FBBBB9  
#FAAFBE  
#FAAFBA  
#F9A7B0  
#E7A1B0  
#E799A3  
#E38AAE  
#F778A1  
#E56E94  
#F660AB  
#FC6C85  
#F6358A  
#F52887  
#E45E9D  
#E4287C  
#F535AA  
#FF00FF  
#E3319D  
#F433FF  
#D16587  
#C25A7C  
#CA226B  
#C12869  
#C12267  
#C25283  
#C12283  
#B93B8F  
#7E587E  
#571B7E  
#583759  
#4B0082  
#461B7E  
#4E387E  
#614051  
#5E5A80  
#6A287E  
#7D1B7E  
#A74AC7  
#B048B5  
#6C2DC7  
#842DCE  
#8D38C9  
#7A5DC7  
#7F38EC  
#8E35EF  
#893BFF  
#8467D7  
#A23BEC  
#B041FF  
#C45AEC  
#9172EC  
#9E7BFF  
#D462FF  
#E238EC  
#C38EC7  
#C8A2C8  
#E6A9EC  
#E0B0FF  
#C6AEC7  
#F9B7FF  
#D2B9D3  
#E9CFEC  
#EBDDE2  
#E3E4FA  
#FDEEF4  
#FFF5EE  
#FEFCFF  
#FFFFFF  
​
0 評論

    免費體驗 Weebly

    Weebly - Websites, eCommerce & Marketing in one place.


    RSS 訂閱

    多媒體工具

    線上平面設計工具 - Fotor
    ​線上平面設計工具 - Canva 
    一鍵快速去背/更換背景 - Picwish
    ​品牌商標設計, 自己來!
    ---------------------

    顏色抓取工具 - ColorZilla
    色碼表
    線上選色/ 配色工具
    ​
    ---------------------
    影音編輯軟體 - ApowerEdit 

    多媒體素材

    推薦圖庫 (背景圖、圖像)
    Icon/ 小圖示 素材
    ---------------------
    背景音樂 - Incompletech
    背景音樂 - Bensound
    ​背景音樂 - Youtube 音樂庫

    網站/網頁工具

    無效連結檢測工具
    ​隨身攜帶大容量網路空間推薦
    ​網站/網頁備份工具

    ​雲端空間一次付費, 終身使用-pCloud

    圖片


    Loading...

    類別

    全部
    去背/去除浮水印
    商標設計
    圖片編輯/ 平面設計
    影音編輯軟體
    線上平面設計工具 Canva
    線上平面設計工具 Canva
    線上平面設計工具 Fotor
    螢幕錄影
    選色/配色工具


Weebly 架站教學


認識 Weebly
Weebly 架站四步驟
​Weebly 使用教學
第三方應用程式中心
Vertical Divider

Weebly 常見問題

Weebly 帳號
Weebly 付費/ 收據
Vertical Divider

推薦工具

線上平面設計工具
​多媒體工具
​多媒體素材
Vertical Divider

Weebly 客服中心

如何聯絡 Weebly 客服

Vertical Divider

關於我們

關於我們


版權聲明: 
本站發表的文章、圖片及電子書的版權均屬於本站所有, 如果有轉載需求, 請來信取得授權. 非經授權, 請勿轉載或轉貼. ​
Copyright © 2022
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 關於我們
  • 公益/環保