Select Page
自我學習法:你覺得自己是個有紀律的人嗎?

自我學習法:你覺得自己是個有紀律的人嗎?

今天我們來聊聊自學進修這件事情,經過這麼多年來的自學、以及教學經驗,我可以很確定的說,並不是每一個人都可以自學的…(但只要你有心,還是可以試試)
怎麼說呢?
兩個字 – 紀律
你覺得自己是個有紀律的人嗎?
Yes – 也許你可以透過自我學習的方式來進修
No – 你需要一些激勵,推動你前進的力量(去上課、或找個好老師)

當你擁有紀律以後,還需要3種很重要能力..

1. 搜尋的能力
2. 分析的能力
3. 統整的能力

先說說第一個 「搜尋的能力」好了

自學與參與課程最大的不同在於 “沒有人會主動告訴你答案” ,你必須自己問自己問題,自己和自己對話;同時也要懂得如何去找尋答案。所以搜尋的能力是你必須具備的。但是在茫茫的 Google 大海中,你該如何確定什麼才是你真正需要的呢?哪個才是正確答案? 這時你就需要辨識與分析的能力了。

關於分析的能力

在自學的階段,你需要大量的分析能力,分析當你遇到問題的時候該搜尋些什麼關鍵字?搜尋到的網頁中資料中哪些內容是你需要的、適合你的? 除了要搞清楚自己的狀態外,同時你也會需要去分析哪些方法是適合你去實踐的,或是能夠在現狀幫助到你的。
所以 搜尋 》分析 》整理(統整)就是你在自學時會不斷重複的一個流程。

整理以及統整的能力

比如說,你想創作音樂、學作曲編曲好了;那該具備什麼樣的能力? 彈奏樂器的能力? 寫譜的能力?操作軟體的能力? 還是辨識、操作器材的能力?
不管你的問題是什麼,這時你就得開始找答案…而 Google 就是你最好的好朋友、一位好老師。只是..在開始找答案之前,你必須先了解自己目前的狀態 “需要什麼” ?
因為就跟一開始我們所提到的問題一樣,每個人需要的答案都不同。如果你喜歡的是 電音 、饒舌、夢想是當個 DJ ,那麼學習寫五線譜可能就不是你的當務之急;反而是學會怎麼去找尋不同的音樂素材、使用一套 DAW 軟體去整理、拼貼會更有幫助。
  • 這就是分析》分析什麼是最需要的,可以先解決的問題。
  • 然後搜尋適合你的解決方案 (搜尋的能力)
  • 在眾多資訊裡面,找出重點,並比對自己的狀況(統整的能力)
  • 不斷的重複這樣的流程,然後堅持下去…
這就是自學、一條孤獨的路
但想要成功,有時必須享受孤獨..?
感謝你的閱讀與分享,如果你還在自學與報名課程之間迷惘的話,希望上述的資訊能幫助到你;另外,如果你看完這篇文章有任何想法或是建議,也歡迎你在下方留言與我分享。
下邊文章見摟!
祝平安 順心
學習寫歌編曲 請點擊此連結
關於製作網頁所需的基礎技能與軟體軟體工具

關於製作網頁所需的基礎技能與軟體軟體工具

最近生活步調稍微有些改變,想說空出來的時間就順手修改一下網頁;但真的太久沒有製作網頁了,乾脆在正式開始做之前複習一下製作網站流程。

又那麼剛好..最近 udemy 在特價,隨手就買了一些教學影片來看看別人都怎麼教的?然後順便整理一下寫寫筆記

本篇目錄 :

  • 關於製作網頁的技能與軟體面
  • Photo Shop or Affinity Photo
  • illustrator or Affinity Desitner
  • HTML & CSS
  • Deramweaver or Coda

關於製作網頁的技能與軟體面:

說到做網頁大家會想到什麼呢?「那麼難的東西我才學不會呢!」、「感覺需要英文很強?」.. 其實一開始我也是這樣覺得的,對於英文很爛的自己來說,要學會寫語法這件事,一直是我遲遲不敢去學寫程式的一個障礙。

但是好加在剛開始學製作做網頁的時候 Adobe 有個叫 Dreamweaver 的軟體,在界面上有中文的選單,在製作時也可以省去很多網頁語法的編輯,即使是不會英文的人,也可以輕鬆的製作一個簡單的網站。

但一但深入接觸網頁製作後,才發現… 原來做網頁不是只要學會一套軟體就夠了!在一個網站裡其實有很多元素,包含照片、文字、還有排版的美感要注意、以及按鈕功能性還有規劃便利的選單導覽 .. 等等。真的是一門很深的學問啊!(但幸運的事.. 做網頁與設計,比製作音樂省多了!)

今天這篇文章想跟大家簡單的分享一下,自己在學習網頁製作的這段時間以來,關於製作網頁技能的想法以及工具軟體的介紹。

Painting by David Schnell (Detail) / Galerie EIGEN+ART / The Arm

Photo Shop or Affinity Photo

對於多數的人來說,一個網頁中如果只有文字是一件很無聊的事!因此不管是商品相片還是背景圖示的點綴可以說是在所難免的。(但如果文字間距與排版顧好的話,還是很有質感的~ ;關於這一點日本人真的很厲害!)

在製作網頁的時候你可能會需要一些相片以及圖像的素材,幸運的話,你可以在網路上找到一些免費授權又符合你需求的圖片。但多數免費的圖片可能都不符合你的需求;而且真的要購買的話.. 又要花很多時間去挑選照片><

所以這個時候…還是自己照最快對吧!

雖然說自己照的照片是比較符合原本的概念,但如果照片一不小心沒有拍好的話,難免還是會需要用到像 Photo Shop 或是 Affinity Photo 這樣的軟體來進行編修。不論時構圖的重新剪裁也好、或是色調的調整,上述的兩套軟體都是很好的工具。

修圖軟體可以辦到的事

  • 把不需要的元素去除(例如不小心拍到的路人)
  • 調整相片的亮度與對比 (把陰天修成大晴天)
  • 將平凡的照片加上個性特效 (如 Instagram 的相片特效)
  • 在相片上添加文字或製作文字特效 (例如海報的製作)

適合學習繪圖軟體的人

  • 攝影師 or 對攝影有興趣的人
  • 網頁設計師 or 部落客
  • 一般使用者 (喜歡學習新技能的人)

 

ILLUSTRATOR or Affinity Designer or Cocoo

affinity deisginer 2015-10-19 00.34.59

Illustrator 跟 Affinity Designer 等軟體比較偏向「向量檔案」的編輯,經常應用在 插畫 、 網站架構草考製作、平面雜誌、文宣等設計上。如果你想製作一些教學文章、或是影片,也可以用 Illustrator 以及 Affinity Designer 來做一些設計上的輔助。

但如果你覺得這類軟體太難上手,也可以試著用 Word 或是 Excel 來製作網站的草稿。雖然在功能的精細度、活用度上比不上 Illustrator 跟 Affinity Desinger ,但卻適合新手在電腦上製作簡單的網頁草稿。

另外還有一套線上的網站草稿製作網站 ”Cocoo”,頁面設計得非常簡單,有興趣的人可以嘗試看看。(它是有收費的唷!)

 

HTML & CSS

seo-icon-in-macbookpro

等你製作好網站草稿後,差不多就可以開始著手進行網站內部的程式語法撰寫了(也是就是 Coding 的部分)。

HTML 與 CSS 是作為一個網頁製作新手,必須要了解的其中兩種基礎語法.. 雖然說第一次接觸時,可能會覺得有點頭暈、想放棄;但只要有心,人人都可以是網頁設計師!(想想周星馳說過話.. 燃燒你的小宇宙吧)

註:英文好不好,跟會不會編寫程式碼,其實並沒有你想像的影響那麼大,現在很多軟體都可以協助你去記那些編碼、甚至是幫你輸入,你只要還沒有瞎、看得懂英文字母就沒有可以了!

 

Dreamweaver or Coda

如果你跟我一樣英文不好的話,可以考慮使用 Dreamweaver 或是 Coda 這兩套網頁製作軟體。Dreamweaver 是 Adobe 旗下的產品,使用的人多、網路上的教學與資源也多;價格的部分採月租制度,長期下來製作成本會稍微高一點。Cada 的話可以買斷,適合打算深度研究、又想節省軟體費用的人。

另外,有些人研究了一陣子後,可能就會比較偏向使用「程式編碼」來製作網站,不需要 Dreamweaver 或是 Coda 這樣的輔助軟體。

 

Cafe Time

以上就是關於網頁製作入門的一些基礎知識,希望幫助大家對於網頁製作的基本常識、以及所需的工具,能有一個初步的了解。未來我也會繼續持續整理、撰寫一些有關於網站製作的資訊。歡迎一起學習的人與我交流~

那就 … 下次見。

 

Affinity Designer 的遮罩功能介紹

Affinity Designer 的遮罩功能介紹

HELLO 大家好我今天想要跟大家介紹一下如何用這一套 Affinity Designer 來製作妳的部落格的網誌封面圖片。在早期呢..我使用的是一套 aodobe 的 ‎Illustrator .. 那後來呢 ”因為 adobe 改成月費制的.. ㄜ..一個月就要繳1千多塊;所以一年下來你就要繳1萬多塊,如果你沒有..光靠設計接案的話..這樣子的資金投入會比較沒有那麼高的投資報酬率。

所以後來我就找到這一套軟體然後它只要台幣 1490 塊你就可以永久使用、並且更新。剛開始的時候它只有在 Mac 的電腦上可以使用;之後呢…它也開發了 Windows 的版本所以你只要花 1490塊就可以用這套非常高階的高階的軟體來製作網站上的圖片。

在我的這個網站上有介紹關於 Mac 好用的一些軟體、以及一些我自己在使用的一些工具。在我網站上、網誌上呢.. 你可以看到有很多的圖片,這些圖片呢,都是我使用 Affinity Designer 這套軟體來製作的。那我今天想要分享的如何讓你的照片能夠呈現在 iphone 或著是 Mac 電腦裡面,使用 Affinity Designer 這套軟體製作這樣子的圖片的時候其實非常非常的簡單。

製作流程

Affinity Designer 的遮罩功能介紹

Step.1

首先你要有一個你的載具..比如說是相框拉.. 或著是電腦啊、手機之類等等。然後你就可以在這個圖片上面呢,用矩形工具畫一個方匡繪出一個區域,再拉一張圖片到你的工作視窗中。

Affinity Designer 的遮罩功能介紹

Step.2

接著你可以看到在右邊的圖層概念裡面呢,這張照片在這方框的上層。然後我們只要透過滑鼠拖移的方式呢,將相片拉到方框的下層的時候,就可以看到它已經跑到那個方匡的後面了。這是一個快速的遮罩的應用!

附註:
那如果你想要調整這方框的大小的話,你可以再把這長方形的這個方框旁邊的三角形,把它點開..然後選擇長方形的這個圖層,你就可以去調整,這個方匡的內容大小。如此一來,你就可以很快的完成一個將照片放到 iphone 或著是 Mac 電腦的一張封面縮圖了。

是不是非常簡單?

影片介紹:

更多的相關應用

簡單的介紹一下關於 部落客 可能會經常用得到網誌封面製作教學分享。

雖然下載了Affinity Designer 有一段時間了,但幾乎都只是拿來製作網站的圖片;如果你也對這類的文章或是教學有興趣,歡迎留言給我。未來也許也可以再多拍一些這系列的影片~

總之喜歡我的影片的朋友,歡迎訂閱本頻道????

更多相關文章:

Affinity Designer 重點特色初解與摸索小心得~

部落客與小編的新選擇 Affinity Designer & Affinity Photo

WordPress 網誌更新、離線編輯軟體工具推薦

關於製作網頁所需的基礎技能與軟體軟體工具

關於我在那些年設計網頁的心得

大約在 2014 年的時候,曾經和朋友一起為客戶設計網頁;但後來因為自己的時間分配與未來規劃的關係,決定暫停藉洽網頁企劃與設計的工作..。但最近因為該網頁的網址與伺服器都要到期的.. 打算寫一篇關於這個網站當初的設計構想、順便做個記錄。

關於網頁的設計念

當初在製作這個網頁時,我個人主要負責的是分析、文案以及網站的 Coding 工作。由於一開始我們就打算以一條龍的方式幫客戶設計網站,包含網頁製作時會用到的商品攝影的規劃、文案、視覺設計、甚至是品牌的 Logo 與 店面招牌、商品包裝.. 等等;所以最後設定以 2人團隊的形象來製作網頁。

關於網頁的文案

只有 2 個人的團隊到底可以做到什麼程度呢?為了要傳達這點,在討論文案時我們想了很多.. (究竟我們可以做到哪些工作、擁有什麼優勢?)

首頁文案:

先分析、在規劃

有效行銷、簡單管理、商品更新輕鬆搞定

我們認為在服務上跟一般平價網站設計不同的地方在於 ”BazzDesign 會與業主進行訪談、瞭解客戶的商品、以及分析該客戶在商品上的優勢、劣勢、機會、威脅..“、”將品牌的商品特性與品牌個性結合到網頁設計中“,我們希望做出來的不只是一個漂亮的網頁、同時也能夠是個方便閱讀,讓消費者可以快速瞭解到商品與品牌優勢的網站。

在後台的規劃上,會先考慮客戶實際的需求,在經過討潤後,設計比較好簡單的的商品管理流程。減少客戶學習操作後台的時間成本、已經避免一些過於複雜且可能不需要的外掛功能。

帶來更多價值

凡事全力以赴、創造更多可能

我想很多打算創業人或是老闆都希望設計網站的費用越低越好,最好是便宜、快、又美觀好用!但.. 聰明人都知道這是不可能的阿~( 羊毛出在羊身上;一分錢一分貨 )

如果想要一個真正符合業主需求的網站,沒有充分的溝通、或是瞭解商品的特性與優劣,要如何能設計出一個有靈魂的網站呢?( 說靈魂也許有點誇張.. 但如果經歷過平價的網站設計、或是自己買過網頁版型來修改的經驗的話,我想就應該能夠理解了。)

所以好的服務重點應該放在價值、而不是價格;如果只在意價格那永遠會有更便宜的選擇。( 一隻 10 元錢的筆,和一隻 1,000 元以上的筆有差嗎? 如果覺得沒差的話,那麼就讓對方買 10 元的筆吧,因為.. 他要的只是 “有就好” ;而不是 ”值得“)

網站代表企業的臉

有趣不等於有效、便宜不等於有價值 傾聽、調查、分析是我們為你帶來更多的自信!

就如同上述所寫的 ”便宜不等於有價值“ 、 ”有趣不等於有效“ 等同 ”美觀不一定實用“ ;一個美觀的網站,如果操作、閱讀起來非常不便,無法讓瀏覽者可以快速的找到他要的答案,那就等同 ”一個好笑的廣告不一定會提高商品銷售“ 的道理是一樣的。( 如果你想知道為什麼廣告 ”有趣不等於有效“ 的話,可以搜尋關鍵字:”David龔“ 、 ”換位思考“)

沒有經過分析就直接製作的網頁,就等同沒有寫好腳本、分鏡,就直接開拍的電影一樣;在內容品質上勢必會大打折扣。大家覺得會有片商想投入一大筆的金額在這樣的商品上嗎?

品牌、策略、行銷、設計

其實網頁製作就是包含了 ”品牌“ 、”策略“ 、”行銷“ 與 ”設計“,不管缺少了哪一項,效果都不會如預期來得好。

在現在這個什麼都在網路上搜尋的時代,網站就是消費者與你的第一個接觸點,消費者在不知道該商家(品牌)的情況下,要如何判斷該商品的可信度?( 例如:好不好用? 有沒有保障 ?)

個人覺得..一個網站要讓消費者感覺可以信賴,除了在搜尋引擎的排名外,美觀的設計也是增加消費者對商品感興趣的主要原因。

溝通、整合、執行、Coding

溝通是所以團隊形動的第一步,沒有兩好的溝通就不會有一個一致的方向,在方向不明的情況下,只會增加更多的衝突與修無謂的修正。

透過溝通的整合,能讓商品在製作時更有效的充分利用現有的資源以及時間成本,例如品牌的所要傳來的形象如果沒有確立,就直接去執行設計,可能會造成完全相反方向的結果。

一旦有了良好的溝通、整合,才能確保工作在執行時能夠更有效、精準的完成每個階段性的任務。例如 : Logo 的發想、設計的風格、企業的識別色 與 商品包裝.. 等。

當一切的資料都整合好後不但可以減少在 Coding 時的時間,同時也能快速的套用現有的資源。例如網頁在不同的行動裝置上,需要有什麼不同的功能、使用介面與消費者體驗等等的,這些設計都必須符合一開始與業主、團隊所討論的方向一致;唯有如此才能做出讓消費者與業主都滿意的網頁與服務。

未來網站的內容規劃

關於 Mr.Wuli 這個網站,是我在結束網頁設計服務的經驗後所架設的網站。一開始的動機是為了證明自己在過去幾年的經驗,是可以快速套用在現行的網路行銷世界的。

我嘗試挑選了一個很多人都在撰寫的主題,並從中找出切入點,希望能將自己的網頁內容,用最短的時間曝光在 Google 搜尋引擎的第一頁。

經過大約三個月的時間,開始發現某些網頁的內容,已經開始曝光,並且在我不常更新的狀況下還能接到關於網路業配的工作。雖然工作的內容金額並不多,但也是我預料之外的事。

如果這在看這邊文章的你,剛好也想架設一個屬於自己的網站,我非常建議你可以從 WordPress 這個後台服務開始研究。這也是我目前所使用的網頁後台系統,雖然一開始可能會有點陌生,但介面都有繁體中文,只要有心想學,懂得搜尋網路上的資料,要獨立執行也並非是一件難事。

感謝你的閱讀與分享

以上就是筆者在過去的一些網頁設計的經驗與紀錄,雖然不是這個業界的人、網頁設計也不是我主要的工作;但只要有心學習,很多事情都是可以達成的。

如果你也有興趣架設自己的網站,可以參考看看我之前整理的 “網站設計-從企劃開始” 這篇文章與 PDF。

螢幕錄影、影片剪輯軟體 Movavi 實測與使用心得分享

螢幕錄影、影片剪輯軟體 Movavi 實測與使用心得分享

最近有點忙,所以又隔了好一陣子沒有更新網誌內容了。這次想跟大家分享一下 影片錄製軟體 (Mac 版)「Movavi Screen Capture Studio 4」

當初會會接觸這套軟體是因為收到推薦的信件緣故..所以就大概摸了一下;也因為之前就有使用過 Mac 的 Final Cut Pro 的關係,所以感覺在操作上還蠻好上手的。

以下就是簡單的使用心得與介紹..

功能分析

Movavi 影片剪輯軟體操作畫面
Movavi 螢幕影片錄影軟體操作畫面
  • 螢幕錄影軟體
  • 可儲存各種影像格式
  • 影片轉檔軟體(MP4、AVI、WMV、DVD、VOB、AAC、FLAC、M4A、WAV、WMA)
  • 剪輯影片
    • 添加背景配樂
    • 相片輪播
    • 幻燈片
    • 字幕編輯
    • 轉場特效
  • 螢幕截圖功能
    • 編輯相片

試用版本的差異

螢幕錄影完成時的畫面
螢幕錄影完成時的畫面
  • 2分鐘螢幕錄影
  • 浮水印
  • 影片解析度較差

支援作業系統

Windows

Mac

實際操作狀況

稍微研究了一下以後,我找了自己的音樂課程教學的片段來做為基本的影片剪輯測試。( Facebook 直播影片

Movavi 螢幕錄影剪接軟體測試影片

影片錄製軟體 (Mac 測試影片:點我觀看

操作心得:

雖然在製作時軟體有時會無法停止播放,但其實我也不確定是不是我電腦空間不足的關係?( 大家可以自行下載試用版測試看看 )

Movavi 影片剪輯軟體支援的影片格式類型
Movavi 影片錄影(剪輯)軟體支援的影片格式類型

在完全沒有看說明書的情況下,簡單的剪完一部教學螢幕錄影大概約花費了 30 分鐘的時間;如果你是第一次嘗試想要剪接影片,我會建議你可以試試看這套軟體。( 官方有試用版的下載連結!)

製作完成的影片範例

Movavi 影片剪輯完成影片範例

Movavi 影片剪輯完成影片範例:點我觀看

與 Final Cut Pro 的差異

  • 有螢幕截圖功能 ( Mac 螢幕截圖快捷鍵 Command + Shift + 3)
  • 有螢幕截圖編輯功能
  • 中文說明( 用戶指南 )
  • 螢幕錄影功能 ( 同 QuickTime Player )
  • 操作簡單容易上手
  • 不需要太多的專業知識、操作直覺化
  • 螢幕錄影時可以設定錄音的介面與麥克風

官方網站介紹 & 連結

啟發家庭電影製片家的簡單高效影片編輯應用程式

螢幕截圖 2017-02-27 21.34.53

• 在時間軸上編輯電影和音樂

• 輕鬆改善影片品質

• 加入特效、標題及淡化

• 探索幻燈片製作模式

• 將專案儲存為各種常用格式

免費下載連結:點我

工商服務時間

如果你想學習如何快速地製作自己的影片配樂(背景音樂),歡迎到我另一個網站參考 “音樂製作” 相關課程資訊。

璃思維音樂工作室:LiSWEi.com

Pin It on Pinterest