by Mr.Wuli | 3 月 26, 2017 | 網站經營 |
大約在 2014 年的時候,曾經和朋友一起為客戶設計網頁;但後來因為自己的時間分配與未來規劃的關係,決定暫停藉洽網頁企劃與設計的工作..。但最近因為該網頁的網址與伺服器都要到期的.. 打算寫一篇關於這個網站當初的設計構想、順便做個記錄。
關於網頁的設計念
當初在製作這個網頁時,我個人主要負責的是分析、文案以及網站的 Coding 工作。由於一開始我們就打算以一條龍的方式幫客戶設計網站,包含網頁製作時會用到的商品攝影的規劃、文案、視覺設計、甚至是品牌的 Logo 與 店面招牌、商品包裝.. 等等;所以最後設定以 2人團隊的形象來製作網頁。
關於網頁的文案
只有 2 個人的團隊到底可以做到什麼程度呢?為了要傳達這點,在討論文案時我們想了很多.. (究竟我們可以做到哪些工作、擁有什麼優勢?)
首頁文案:
先分析、在規劃
有效行銷、簡單管理、商品更新輕鬆搞定
我們認為在服務上跟一般平價網站設計不同的地方在於 ”BazzDesign 會與業主進行訪談、瞭解客戶的商品、以及分析該客戶在商品上的優勢、劣勢、機會、威脅..“、”將品牌的商品特性與品牌個性結合到網頁設計中“,我們希望做出來的不只是一個漂亮的網頁、同時也能夠是個方便閱讀,讓消費者可以快速瞭解到商品與品牌優勢的網站。
在後台的規劃上,會先考慮客戶實際的需求,在經過討潤後,設計比較好簡單的的商品管理流程。減少客戶學習操作後台的時間成本、已經避免一些過於複雜且可能不需要的外掛功能。
帶來更多價值
凡事全力以赴、創造更多可能
我想很多打算創業人或是老闆都希望設計網站的費用越低越好,最好是便宜、快、又美觀好用!但.. 聰明人都知道這是不可能的阿~( 羊毛出在羊身上;一分錢一分貨 )
如果想要一個真正符合業主需求的網站,沒有充分的溝通、或是瞭解商品的特性與優劣,要如何能設計出一個有靈魂的網站呢?( 說靈魂也許有點誇張.. 但如果經歷過平價的網站設計、或是自己買過網頁版型來修改的經驗的話,我想就應該能夠理解了。)
所以好的服務重點應該放在價值、而不是價格;如果只在意價格那永遠會有更便宜的選擇。( 一隻 10 元錢的筆,和一隻 1,000 元以上的筆有差嗎? 如果覺得沒差的話,那麼就讓對方買 10 元的筆吧,因為.. 他要的只是 “有就好” ;而不是 ”值得“)
網站代表企業的臉
有趣不等於有效、便宜不等於有價值 傾聽、調查、分析是我們為你帶來更多的自信!
就如同上述所寫的 ”便宜不等於有價值“ 、 ”有趣不等於有效“ 等同 ”美觀不一定實用“ ;一個美觀的網站,如果操作、閱讀起來非常不便,無法讓瀏覽者可以快速的找到他要的答案,那就等同 ”一個好笑的廣告不一定會提高商品銷售“ 的道理是一樣的。( 如果你想知道為什麼廣告 ”有趣不等於有效“ 的話,可以搜尋關鍵字:”David龔“ 、 ”換位思考“)
沒有經過分析就直接製作的網頁,就等同沒有寫好腳本、分鏡,就直接開拍的電影一樣;在內容品質上勢必會大打折扣。大家覺得會有片商想投入一大筆的金額在這樣的商品上嗎?
品牌、策略、行銷、設計
其實網頁製作就是包含了 ”品牌“ 、”策略“ 、”行銷“ 與 ”設計“,不管缺少了哪一項,效果都不會如預期來得好。
在現在這個什麼都在網路上搜尋的時代,網站就是消費者與你的第一個接觸點,消費者在不知道該商家(品牌)的情況下,要如何判斷該商品的可信度?( 例如:好不好用? 有沒有保障 ?)
個人覺得..一個網站要讓消費者感覺可以信賴,除了在搜尋引擎的排名外,美觀的設計也是增加消費者對商品感興趣的主要原因。
溝通、整合、執行、Coding
溝通是所以團隊形動的第一步,沒有兩好的溝通就不會有一個一致的方向,在方向不明的情況下,只會增加更多的衝突與修無謂的修正。
透過溝通的整合,能讓商品在製作時更有效的充分利用現有的資源以及時間成本,例如品牌的所要傳來的形象如果沒有確立,就直接去執行設計,可能會造成完全相反方向的結果。
一旦有了良好的溝通、整合,才能確保工作在執行時能夠更有效、精準的完成每個階段性的任務。例如 : Logo 的發想、設計的風格、企業的識別色 與 商品包裝.. 等。
當一切的資料都整合好後不但可以減少在 Coding 時的時間,同時也能快速的套用現有的資源。例如網頁在不同的行動裝置上,需要有什麼不同的功能、使用介面與消費者體驗等等的,這些設計都必須符合一開始與業主、團隊所討論的方向一致;唯有如此才能做出讓消費者與業主都滿意的網頁與服務。
未來網站的內容規劃
關於 Mr.Wuli 這個網站,是我在結束網頁設計服務的經驗後所架設的網站。一開始的動機是為了證明自己在過去幾年的經驗,是可以快速套用在現行的網路行銷世界的。
我嘗試挑選了一個很多人都在撰寫的主題,並從中找出切入點,希望能將自己的網頁內容,用最短的時間曝光在 Google 搜尋引擎的第一頁。
經過大約三個月的時間,開始發現某些網頁的內容,已經開始曝光,並且在我不常更新的狀況下還能接到關於網路業配的工作。雖然工作的內容金額並不多,但也是我預料之外的事。
如果這在看這邊文章的你,剛好也想架設一個屬於自己的網站,我非常建議你可以從 WordPress 這個後台服務開始研究。這也是我目前所使用的網頁後台系統,雖然一開始可能會有點陌生,但介面都有繁體中文,只要有心想學,懂得搜尋網路上的資料,要獨立執行也並非是一件難事。
感謝你的閱讀與分享
以上就是筆者在過去的一些網頁設計的經驗與紀錄,雖然不是這個業界的人、網頁設計也不是我主要的工作;但只要有心學習,很多事情都是可以達成的。
如果你也有興趣架設自己的網站,可以參考看看我之前整理的 “網站設計-從企劃開始” 這篇文章與 PDF。
by Mr.Wuli | 2 月 26, 2017 | 軟體推薦 |
最近有點忙,所以又隔了好一陣子沒有更新網誌內容了。這次想跟大家分享一下 影片錄製軟體 (Mac 版)「Movavi Screen Capture Studio 4」
當初會會接觸這套軟體是因為收到推薦的信件緣故..所以就大概摸了一下;也因為之前就有使用過 Mac 的 Final Cut Pro 的關係,所以感覺在操作上還蠻好上手的。
以下就是簡單的使用心得與介紹..
功能分析
- 螢幕錄影軟體
- 可儲存各種影像格式
- 影片轉檔軟體(MP4、AVI、WMV、DVD、VOB、AAC、FLAC、M4A、WAV、WMA)
- 剪輯影片
- 添加背景配樂
- 相片輪播
- 幻燈片
- 字幕編輯
- 轉場特效
- 螢幕截圖功能
試用版本的差異
支援作業系統
Windows
Mac
實際操作狀況
稍微研究了一下以後,我找了自己的音樂課程教學的片段來做為基本的影片剪輯測試。( Facebook 直播影片 )
影片錄製軟體 (Mac 版) 測試影片:點我觀看
操作心得:
雖然在製作時軟體有時會無法停止播放,但其實我也不確定是不是我電腦空間不足的關係?( 大家可以自行下載試用版測試看看 )
在完全沒有看說明書的情況下,簡單的剪完一部教學螢幕錄影大概約花費了 30 分鐘的時間;如果你是第一次嘗試想要剪接影片,我會建議你可以試試看這套軟體。( 官方有試用版的下載連結!)
製作完成的影片範例
Movavi 影片剪輯完成影片範例:點我觀看
與 Final Cut Pro 的差異
- 有螢幕截圖功能 ( Mac 螢幕截圖快捷鍵 Command + Shift + 3)
- 有螢幕截圖編輯功能
- 中文說明( 用戶指南 )
- 螢幕錄影功能 ( 同 QuickTime Player )
- 操作簡單容易上手
- 不需要太多的專業知識、操作直覺化
- 螢幕錄影時可以設定錄音的介面與麥克風
官方網站介紹 & 連結
啟發家庭電影製片家的簡單高效影片編輯應用程式
• 在時間軸上編輯電影和音樂
• 輕鬆改善影片品質
• 加入特效、標題及淡化
• 探索幻燈片製作模式
• 將專案儲存為各種常用格式
免費下載連結:點我
工商服務時間
如果你想學習如何快速地製作自己的影片配樂(背景音樂),歡迎到我另一個網站參考 “音樂製作” 相關課程資訊。
璃思維音樂工作室:LiSWEi.com
by Mr.Wuli | 8 月 14, 2016 | 閱讀學習, 隨手雜記 |
因為經常看日文書籍的的關係,最近又敗了一台新的 Kindle PaperWhite||| 這篇文章主要的內容是想分享一下,自己在使用過 Kindle 一年後的經驗,以及比較手邊日版 Kindle 與 美版 Kindle PaperWhite 的差異性~
為什麼書蟲們都需要一台 Kindle?
輕巧方便攜帶
一開始會想要一台 Kindle 是因為自己經常閱讀日文書籍的緣故,想說有了 Kindle 的話..就算沒辦法經常去日本逛書店、也可以在 Amazon 上購買到自己喜歡的相關書籍!除了方便購買外、價格上也便宜很多;買過日本原文書的人應該都知道…在日本的專業書籍,動不動就台幣 1,000 起跳!雖然在排版以及封面設計上都很精美、嚴格說起來也不算貴…但出國要帶一堆書回來也不是普通的重啊!
而且如果是專業的 “音樂工具書”、或是 “設計相關書籍” 通常都很厚重;如果能把他們全都裝在 Kindle 裡的話,每天出門前就不必煩惱今天要看哪一本了!也可以避免再遇到 “背了一本厚重的書出門、卻沒有時間看的窘境..”(哥只是單純健身)
一台 Kindle 的重量幾乎不到 200g ,最初階版的 Kindle 比 iPhone 還輕,即使拿在手上好一段時間也不會感到手酸、不適,每天放在包包裡也幾乎感覺不到它的存在!
長期閱讀不傷眼
喜歡閱讀的人應該都會有經常覺得眼睛疲勞的感覺吧?尤其是長期使用平板、電腦的人應該更有感觸;因為螢幕光源的關係,就算配了藍光鏡片,其實還是蠻傷眼睛的…
拿到第一台 Kindle 的時候,當下一個感觸是…“看起來真的蠻舒服的耶”;不但不會有反光、也沒有刺激的光源;即使長期閱讀一兩個小時下來,也不會像看平板或是電腦那樣感到強烈的不適感。
在不同的 Kindle 版本中到底有什麼差異?
版本的差異請看下圖:
在 Kindle 的四個版本中,個人覺得差異最大的部分…應該還是在 LED 的輔助光源吧?首次購買的基本版 Kindle 雖然最輕,但是沒有輔助光源,晚上在戶外閱讀時眼睛會有點吃力…;如果你是閱讀慾望超強的書蟲的話,建議還是買 Kindle Paperwhite 的版本,這樣即使半夜走在路上沒有路燈,也可以舒適的閱讀。
因為 Kindle Paperwhite 的 LED 輔助光源與一般的手機 、平板不同,雖然一樣會有光源,但感覺不會對眼睛帶來太大的負擔;即使是在有輔助光源的情況下,Kindle 頂多也只是好像書本照到檯燈的亮度而已~
至於 Kindle Voyage 以上高階版的翻頁按鈕…到是沒有那麼吸引我;因為在 Kindle 基礎版的操作經驗中,除了在 “畫重點” 時 Kindle 的反應速度會讓人稍微惱怒以外…其他基本的滑動翻頁、或是點按畫面翻頁時,反應倒是還蠻快的~
除了 Amazon 的電子書外的應用
Kindle 除了可以閱讀在 Amazon 上購買的電子書外、你也可以把 PDF 以及 Instapaper 的文章放到 Kindle 裝置中閱讀!
在 Kindler 中閱讀 PDF 檔案
在閱讀 PDF 的部分,Kindle 的表現有點弱…。因為一般的 PDF 在 Kindle 中只能滿版閱讀、以及局部放大;但偏偏 Kindle 在縮放畫面的操作反應很慢,所以你如果要在 Kindle 中愈讀 PDF 的話要有點耐性,等待他反應過來…。
與 Instapaper 合體!稍後閱讀不間斷~
但是!如果是網路上的文章的話~ Kindle 可已結合 Instapaper 使用,變成你的隨身學習利器!不但可以設定自動同步稍後閱讀清單,還可以即時將你查詢過的單字列入 “單字帳” (學習單字列表),方便你在通勤、等車的時候還可以順便背單字!
Kindle 的免費字典與單字學習功能
Kindle 還有一個好處就是:“當你購買了 Kindle 之後,就可以直接在選單中下載 5本免費的英、日文電子字典”。
當你在閱讀 Amazon 購買的電子書或是 Instapaper 的網路文章時,只要觸碰螢幕選取詞彙,Kindle 就會自動幫你查詢單字語意、或是透過 Wi-fi 查詢維基百科看看有沒有相關資料說明、甚至是直接網路連線取得線上翻譯!
而且、所有你在閱讀中查詢過的單字,都會自動加入 Kindle 的單字學習列表中,你可以在閒暇之餘打開單字本還複習不熟悉的單字!
Kindle 的試閱功能
不管你有沒有實體的 Kindle ,現在不論是 手機、平板、或是 Mac、Windows PC 都可以下載 Kindle 的 App 來購買 、試閱 Amazon 上的所有電子書籍。
雖然目前還沒有台灣的書籍可以購買,但是你也可以自行去一些較大的電子書籍網站,購買電子書後再將檔案放到 Kindle 中閱讀。
不同國家販賣的 Kindle 有什麼不同?
目前手邊的兩台 Kindle 剛好是 1台美版(Kindle Paperwhite)、 1台日版(Kindle),除了日本有附紙本說明書外…包裝內容基本上沒有什麼太大的差異。
在 Kindle 選單語言的部分,在第一次開機後就可以選則你習慣的選單語言,目前至少有:Deutsch、English、Espanyol、Francois、Italiano、日本語、Nederlands…等語言選項。
註:即使沒有紙本說明書也沒有關係,因為 Kindle 在設定好語言後,也可以下載電子的說明書!
使用約一年後的心得
雖然 Kindle Paperwhite 價格稍微高了一點;比起 Kindle 來說 Paperwhite 在夜間閱讀時還是比較便利!
另外,由於 Kindle 的觸控反應速度沒有平板來得敏捷、像是 PDF 這類的檔案還是在平板或是電腦上閱讀會比較方便一些;不然光是在那邊調整閱讀範圍就會讓人肝火上升…。
相較起 PDF 檔案;Instapaper 的稍後閱讀就強大許多!目前的使用習慣還是把所有想看的文章直接加到 Instapaper 的閱讀清單為主,等到它們自動同步到 Kindle 後再來閱讀。
如果你有有畫重點的習慣,也配合 Kindle 的 highlight 功能來整理重點,將文章中比較重要的部分加到 ”マイクリップ”(剪貼簿);或是將喜歡的字句及時分享到 Facebook 或 Twitter 、甚至是結合 iThoughtsX 或是 Evernote 等軟體來做重點整理。
相關連結
Kindle 產品介紹
Amazon 日本官方網站介紹
Amazon 美版官方網站介紹
Youtube Kindle Oasis vs Kindle Voyage 比較影片
Amazon 電子書讀到飽方案
Kindle 的 PDF 檔案閱讀實境影片示範
Kindle App 下載
台灣電子書下載
Readmoo.com
Google Play 圖書
iRead eBook
by Mr.Wuli | 7 月 10, 2016 | 軟體推薦 |
今天想跟大家分享一些,運用 iPhone 與 Mac 來協助自己學習的方法;以及我正在使用,覺得還不錯的 App 給大家做一個參考。( 由於個人語文偏好的關係,下述的 App 以及說明範例會有部分日文介面,還請大家督多見諒..m(ˊㄦˋ)m )
記錄自己成長的過程:Study plus
Study Plus 是一個可以幫助你記錄自我閱讀目標的網站。除了可以自行用手機掃描 ISBN 來更新書庫外,如果你購買的是非日本出版的書籍的話,也可以用手機自行拍下書本封面上傳;同時記錄下每天的閱讀進度(時間、頁數)。
另外,Study Plus 不管是網頁版、還是 iPhone 、 iPad 的 App ,都可以替書庫裡的書進行分類、管理;同時也可以觀看自己學習的時間的分配與記錄。
另外還有一個很方便的碼錶紀錄功能,可以在開始閱讀前就按下計時,來記錄自己閱讀的時間。避免手動輸入上的煩雜步驟與統計困擾。
一步一步突破語言上的障礙:大辭泉
在個人目前學習的資訊中,日文書籍佔了 80% 的比重,會看日文書籍不是因為自己的日文有多厲害;而是因為我英文非常的爛…如果想要學習到更多的資訊,比起英文來說,日文可以減少學習上的時間成本。
雖然如此…在閱讀日語書籍的過程中,每天還是都會遇到一堆不懂、或是不會念的漢字;在初期的學習過程中,我曾經很迫切地想去查出那些不懂的單字的含義、或是讀音,但後來發現…這樣的學習方式不但沒有學習效率,還會破壞讀書的步調,反而更容易分心。
為了改善上述的那些問題,我開始準備一本小本子,先把不懂的單字寫在筆記本上,等待看完的書本後,再把他們用 “大辭泉” 電子字典去統一查出字意、或是讀音。
稍後閱讀的資訊清單:ReadKit、Newsify
不管你想要自學的是什麼,在網路上一定會有很多你可以看的資料,只要有心收集、整理、閱讀,一定會有所成長。
在收集的部分,我會利用 ReadKit 來整理我的網路訂閱,不管是部落客的文章、還是 Instapaper 的稍後閱讀清單; Readkit 都可以統一匯整、搜尋,讓你不需要購買 Instapaper 的付費服務,也能夠搜尋所有的文章清單 (包含 Instapaper 、Reedly、Reeds、Readability )
可惜的是 ReedKit 目前還沒有 iPhone 版本,所以在手機上我會用 Newsify 來取代 ReedKit 閱讀訂閱文章。雖然介面的設計稍有不同,但如果你有設定好 Instapaper 帳戶的話,一樣可以搜尋 Instapaper 的稍後閱讀清單。
購買、閱讀海外的專業書籍:Kindle
閱讀的方法與管道有很多,不論是看實體書、還是電子書,都一樣能夠獲得許多專業資訊。但實體書雖然閱讀起來舒適;在攜帶上卻有很多不便利的地方…常常會遇到那種 ”想帶本書出門,包包重的要死,卻沒讀到的窘境“。
這時候Amazon 的 Kindle 就是非常方便攜帶的一種新選擇!不但擁有幾乎比 iPhone 還要輕的重量,還可以讓你很輕巧地帶上 10 本以上的電子書籍!不需要煩惱今天出門要看哪一本書。
使用 Kindle 還有另一個好處就是 ”它會幫你自動彙整你查詢過的單字“ ,讓你可以在通車或是等車通勤時,複習那些自己曾經查過的單字。
iPhone 、iPad 上的最強閱的網頁讀工具: Safari 閱讀應用
自從 Safari 加強了閱讀模式後,用手機閱讀網頁資訊就變得越來越方便、舒適了!你可以利用 Safari 的閱讀模式來過濾網站上的橫幅廣告,讓看網頁資訊就像看電子書一樣,提升閱讀上的舒適感、同時還可以自行設定喜歡的頁面設定與字型大小!
而且!你還可以透過 iPhone 內建的 “朗讀” 與 “定義” 功能,來查詢日語、或是英文單子的發音、查詢單字的字意;隨時隨地都可以利用 Mac 、iPhone 、iPad 來學習語文~✨
網頁自動翻譯功能: Microsoft Translator
另外,如果你的手機有下載 Microsoft Translator 的 app 的話,也可以透過設定來替網頁文章翻譯;雖然翻譯內容會有點弱差,但是如果自己本身有一點外語基礎的話,應該也是可以看得懂幾乎 8 成左右吧。
關鍵字搜尋功能
我是用了 iPhone 很久才知道原來 Safari 還有這樣的 “網頁搜尋功能”,可以讓使用者在手機、或是平板上的 Safari 進行搜尋關鍵字!
結語
以上這些都是個人在使用 iPhone 這幾年來,覺得很方便的學習工具,分享給大家參考!
你都怎麼使用 iPhone 、iPad 在學習呢?如果你有更方便、或是不錯的學習工具,也歡迎你留言、跟我分享唷~
「在自學的路上,重點不是爆發力有多麼強大;而是我們能持續多久..」
相關連結
StudyPlus 官方網站
下載大辭泉 App
ReadKit 官方網站介紹與下載連結
Newsify 官方網站介紹與下載連結
Kindle日本官方網站介紹與機種比較
Kindle美國官方網站介紹與機種比較
Microsoft Translator 翻譯 App 下載連結
by Mr.Wuli | 1 月 17, 2016 | 網站經營 |
Ulysses 文字編輯軟體
最近發現了一套軟體叫做 Ulysses ,是一套專門為文字編輯工作者所開發的w文字編輯軟體。Ulysses 的介面非常的簡潔,不但支援 HTML、PDF…等多種文件預覽,同時還支援快速編碼以及夜間編輯、專注撰寫..等編輯模式。(在那之前我也用過 Alternote 以及 Evernote 與 Simplenote …等文字編輯軟體,但 Ulysses 就像是這些軟體的加強精簡版。)
快速編碼
以往在 Html 文件中的 標題標籤 必須使用 <h2> </h2> 來標記註明,但在 Ulysses 中可以改用 # 取代,例如 <h1>編題1</h1> 可以改 Key 成 #標題1 ,如此一來就少了許多步驟,編輯起來也變得更加快速了。
插入圖片
Ulysses 還有一個好用的地方就是圖片的編輯管理功能。以往我的習慣是在文章全部編輯完以後,再將圖片上傳到圖床,最後再將圖片拖移到文字中做編排;但在 Ulysses 中你可以一次完成這些步驟。
在 Ulysses 這套軟體中,你可以直接將圖片拖移到編輯畫面中,Ulysses 會要求你輸入圖片網址 標題 圖片說明 等內容並在之後自動轉成 Html 的對應程式碼。你所需要做的事情只需要輸入好註解與網址後,將轉碼過後的檔案貼到網誌的編輯後台即可。
建立與管理文書資料
另外,他也可以將你編輯好的文章進行管理,同步你的 Finder 資料夾,幾乎可以等同 Evernote 筆記本管理功能(因為它也可以雲端同步);雖然進一步的使用方式,可能還要再研究一陣子,但如果結合雲端同步的話,應該可以取代 Evernote。
使用心得
目前使用 Ulysses 寫了兩篇文章下來感覺來不錯,新增標題跟圖片都蠻快速的;可惜新增圖片沒有快捷鍵命令(關於這點可以在系統偏好設定裡面去新增快捷鍵,如果有需要之後再寫教學..)。至於快速編碼的功能…如果一時不習慣的話,在軟體右上方的選單中也有小抄可以使用,非常方便!
基本上,這套軟體開發商設想的滿周到的,在一打開軟體的同時就可以看到 28 小篇幅的教學引導,讓你不需要花太多時間摸索就可以馬上上手這套軟體;而且在看教學的同時還可以體驗軟體的功能與操作方式!
看到這邊如果有興趣的朋友可以上網下載試用版本測試看看,雖然官網說可以試用7小時,但我發現如果你不把程式放進應用程式資料夾的話(就一直放在下載資料夾)好像就可以延後試用期限?雖然這只是我的猜測,但我確實一直使用試用版到現在….Otz
相關連結
Ulysses 官方網站介紹
Alternote 官方網站介紹
Evernote 官方網站介紹
Simplenote 官方網站介紹
近期留言