Select Page
網頁設計必備前置作業 : 4個步驟找出最適合你的關鍵密碼 !

網頁設計必備前置作業 : 4個步驟找出最適合你的關鍵密碼 !

哈囉大家好我是 Wuli,我們今天要跟大家分享的是關於製作網站的第二個步驟第二個流程。上次我們已經有分享到

怎麼樣子去做事先的準備工作,包含如何引導對方說出他對於網站的需求、以及該怎麼進行訪問並且討論網站設計與企劃的部分。

那今天這篇文章我們要來跟大家分享的是 “第二個大流程 -網站製作前調查”!怎麼說呢?在一個網站製作前,我們必須要先去 Google 搜尋一下全世界的網頁當中,有沒有什麼相似的網站?可以最為範本供我們參考或是借鏡的。

1. 蒐集所有相似或者是參考過的網站資料

在這個步驟裡面的我會做的事情包含:1. 蒐集所有相似或者是參考過的網站資料。另如網站的風格以及設計的理念、導覽的方式;思考有沒有什麼值得我去學習的?

以我的方式來說,通常我會先到這個比較知名的網站部落,去看看最近比較特殊的一些網站。例如:I/O3000 就是一個非常適合學習的一個網站設計部落。在裡面會放很多的關於網頁設計的一些優秀作品。而我會參考這些網站思考有什麼是可以變化應用的?並且從不同的版型中去思考如果是我目前要做的產業,他的風格適不適合?能不能很直覺得呈現我目前業主的內容?

2. 找到你喜歡的陳列(導覽)方式

另外,我這裡所說的樣板,不是直接買樣板來套用!而是在還沒製作網站之前,去看看 “如果是這個樣板,我要怎麼樣去設計?”

我知道有很多剛開始創業的人,他會上網去買一些網站設計套版,然後去改名字、字型、照片… 等等,但是你做到最後會發現,你喜歡的樣板之所以會漂亮;有很大的可能是因為他照片拍得好看!所以我們在挑選套版的時候,要挑的並不是他的照片好不好看,而是他的功能以及它的導覽方式、佈局是不是屬於你適合使用的陳列方式。

以前我會去拆解這些樣板的程式碼,然後改變成我喜歡的樣子,但是這會非常花時間,因為你得先查找你想要更改的程式碼在哪一行、然後再去試著修改看看,會帶來什麼樣的效果?但現在你可以選擇更好的設計樣板,他甚至可以有的後台讓你去調整版型,相對來說也輕鬆很多。

3.查找相同屬性的網頁風格

我以前有一個很好的老師,他告訴我“在做任何設計前,先不要有任何想法!”,這個觀念我不只用在設計網站上、同時在我編曲、寫歌時,也很受用。比如說當你已經擬定好你的風格是乾淨大方的 “白色”、或是你要 “大畫面”?那麼你就找大量跟你目前所訂的方向相似的網站來做參考。

看一下在這麼多的網站中,有沒有什麼想法是可以激發你的?

4.尋找相同業務性質的網站

再來就是最後一個:“查找同業務、產業的網站”。比如說今天找我製作網站的是賣食品的,那我就會去找食品相關的網站。如果找我的業主是做 3C 展業的,我就會去找大量的科技類網站。總之就是去看看這個客戶的同業,看看他們的網站的優點跟缺點是什麼?優點要怎麼在我們的網站呈現,缺點要怎麼樣避免?在程式設計時有沒有辦法呈現?

以上呢都是我在做網站前,會做且必須要做的事情。今天的分享就到這邊了,我是 Wuli !我們就下一篇文章再見囉~

拜拜

在網路上做生意,如何開始你的第一步?做網站之前你需要了解的事

在網路上做生意,如何開始你的第一步?做網站之前你需要了解的事

哈囉大家好我是 Wuli,我們今天要跟大家聊的是 “關於網頁設計的一些流程” 。那會想要跟大家聊這個主要還是因為最近我因為工作的關係..在朋友之間的介紹之下認識了一位業主,他希望我能夠幫他設計他的網站。

那我本身除了從事音樂教學相關工作以外呢,我也會自己去接寫案,例如 “做一些網頁的設計”。只是最近已經間隔了一段時間沒有再接這些案子了。今天我就來稍微整理一下,跟大家聊聊「當你想要製作一個網站的時候,通常應該要做些什麼樣子的事情?」

如果是我的話呢.. “首先我會對我的客戶進行一段深度的訪談“ ,透過這一次深度的訪談呢,引導出業主內心深處的需求。因為有很多時候想製作網站的人呢,可能只是因為別人有個網站,它也覺得自己應該要有一個網站!而想這個做網站對他來說,就是只是一個念頭。但在他的心裡其實沒有什麼想法。

這是因為他沒有經驗、所以也不知道該怎麼去釐清「自己要些什麼?」所以我認為 ”一個好的設計師、或是一個好的網站設計人員,應該要能夠引導出對方說出他內心的需求“。也能夠在設計之前了客戶的需求有更深入了解,以免你做更多的白工(例如網站都做好了,客戶才說這跟他想的不一樣)。

那我的訪問呢,大概會分成兩個階段。

第一個接對就是 ”網站設計企劃” 的部分

第二個階段則是關於 “設計的修正” 例如:“網站運作的功能”、還有 ”網站的目的性“

網站的目的性是指 “這個網站建置好了以後需要達成的目的

首先要了解的是這個網站製作的目的!這個網站製作目的到底是要 ”提升形象“ 呢?還是要 ”增加銷售“ 呢? 是否要有購物車的功能?這些都是我們網站製作人員在開始動工之前需要了解的。

那接下來我們要了解的是這個網站的目標族群有哪些?比如說:是年輕人?還是退休人士?又或者是特定專業人士..等等。

第三個階段呢,我們會針對目標族群想出解決方案。什麼意思呢?就是假設你今天的客戶是一個

上班族,他的生活習慣是什麼樣子?身為一個網站設計師,如果我們可以了解目標族群的輪廓、生活型態,去假想針對這樣子的人呢,我們要怎麼樣打動他們?

第四個階段則是針對 “企劃與內容進行討論”

例如當我們要做這個專案的時候,我們要怎麼合作?對方可以提供什麼樣的資料?供我們在設計網站的時後可以應用。或者是說我們要怎樣配合?時程以及開會的時間..等等。

然後接著的最後一步是確認、以及了解對方對於需求內容的優先順序。什麼事情是他最在意的?

什麼事情是他可以接受的?在我們開會的過程當中,我們會需要去釐清這個部分。

那如果大家對這樣子的話題有興趣的話,接下來我會再深度的介紹關於開會以後的流程。也就是如果我們真的確定要簽約、然後要製作網站的時候會怎麼樣進行、以及在做一些調查的工作時會需要注意什麼事情?

我是 Wuli 今天的文章就先到這邊了,這篇文章呢是我一開始在錄製 Podcast 的時候想到可以跟大家分享的內容。雖然剛開始在摸索期得時候音質沒有掌握得很好,但我覺得如果把這些內容隱藏起來似乎又有點可惜,所以就寫道 Blog 當中跟大家分享。

如果你也想要瞭解更多關於網路創業、或是如果自己架設網站這樣的內容的話,也可以關注我的網站。感謝你的收看,祝福你有個愉快的一天。

2021 年身為一個影音創作者,該如何在 macbook pro / mac mini / iPad 之間做選擇?7年經驗老實說..

今天想跟大家分享我自己在選購電腦的一些想法!因為自己工作的關係,我已經使用了長達七年以上的蘋果電腦系統了。在中間也曾經使用了 MacBook Pro / Mac mini / Mac Pro / iPad 等商品。在工作的應用過程中,我也發現了一點小問題,想說把這些點提出來跟大家討論,也可以讓想要入蘋果坑的你能有一個大概的方向。雖然每個人的狀況跟想法不同,但也許透過我的分享可以讓你更確切的知道自己真正想要的是什麼?以及該怎麼選擇才能發揮目前資金的最大效益。

首先什麼樣的人適合用 Mac 電腦?我個人覺得如果你不是自雇者,或是公司系統全都使用 Windows 系統的話,建議還是使用 Windows 或是 Pc 就好了!這不是職業歧視,而是這樣對你來說可以省下不少麻煩,而且同時也可以省下解決衝突的時間!想想如果同事之間要過檔案或是簡報專案,但你的電腦卻無法開啟..或是需要另外再裝一套 WIndows 系統在蘋果電腦中,這樣不是反而自找麻煩嗎?花了錢卻沒有比較方便,還要同時適應兩套電腦的鍵盤以及快捷鍵!(當初我就是因為這樣所以才把自己的 PC 賣掉的.. 因為不喜歡打字的時候鍵盤位置不同的尷尬感 )

再來我想通常多數一開始入坑的人應該多數都是從筆電開始買起,想說出門旅行啊或是去咖啡廳之類的都可以用。對吧?但實際上會去咖啡廳大多數都是什麼樣的情境呢?開會?寫作還是製作繪圖稿?

如果你不是住在咖啡廳的平面設計師的話…我想應該多數的情況 iPad 就可以搞定了!因為現在製作網頁只要有瀏覽器就可以做了,繪圖的話 iPad 也已經支援很多可以使用的繪圖軟體,像是 Adobe 或是 Affinity Designer 之類的,簡單要修可照片也很方便;再說在外面工作其實比較容易分心,或是上廁所還要排隊種種的小麻煩。何不把這些錢省下來把家裡弄的舒舒服服的,在自己的小空間專心工作呢?(當然如果咖啡店店員很正的話那就要另當別論了!)

以我過去的經驗來說,自己算是一個重度使用者,很多時候我的電腦即使沒有在使用,也會開著轉檔影片或是音樂,甚至經常 24 小時沒有關係。也因為這樣我很擔心那個筆電的電池會膨脹或是壞掉,也因此才轉到 Mac mini 的陣營。因為這樣我就可以 24 小時的放心讓我的電腦工作,還可以避免把電腦帶出門所遇到的一些意外。

另外,使用 Mac mini 還有一個好處是他可以很輕鬆地移動,即使今天我要出國工作,我也可以帶著我的電腦在國外繼續工作,只要有一台小的螢幕就可搞定了。2~3 年後如果想要升級新的蘋果電腦的話,也可以很輕鬆的轉售,不只是運送方便,而且多數的人比較不會介意二手 Mac mini 的外觀。

最近我自己也把 iPad mini 賣掉換了一台 iPad Pro,正在適應怎麼樣讓他可以發揮更大的效能。之前的 iPad mini 主要是拿來閱讀一些雜誌或是說明書,本來想說可以帶出門在公車上看,結果後來發現要一直交換手機跟平板真的滿不方便的,下車時經常會來不及把 iPad 收進包包中。所以乾脆就把它賣了,換一台可以使用二代 Apple Pencil 的 iPad Pro 來試試看有沒有什麼新的火花。

另外,我也錄了一集 Podcast 跟 YouTube 影片分享我自己在使用 Mac 電腦製作音樂的一些心得。如果有興趣的朋友也可以看看下面這部影片!

感謝您的閱讀與分享

雖然最近很久沒有更新這個網站的文章了,也還在思考 Blog 與 YouTube 之間的更新平衡。如果你還是喜歡閱讀 Blog 的方式來吸收資訊的話,也歡迎留言讓我知道。畢竟有時候這個世界總是跟自己想的不太一樣,如果有更多聲音可以參考也是件好事。

最後的最後也祝大家 身體健康 順心如意

也歡迎訂閱、分享、按讚唷!

狐狸先生的腦內雞湯:我的 Podcast 製作流程以及混音方法

狐狸先生的腦內雞湯:我的 Podcast 製作流程以及混音方法

最近台北市的疫情相當險峻,我個人幾乎處於一個不太能出門的狀態,因此想說待在家裡就多拍一些影片,多寫一些文章分享關於我對於 Podcsast 錄音、混音的一些做法。也希望大家待在家裡,如果想要趁著這個機會進修的話,這些資訊能夠有些許的幫助。以下就是我在昨天直播的影片,經過剪輯後只留下一些重點的說明。如果還有不清楚、或是想要深入瞭解的地方也可以留言給我。未來有空的話我也會再找時間拍影片跟各位分享。

介紹如何使用 Luna Recording System 來錄製 Podcast 節目

我目前自己在錄製 Podcast 節目時是使用 Universal Audio 所推出的 Luna Recoding System 錄音軟體。而這套軟體只要是購買 Apollo 系列的錄音介面,就可以免費獲得這套軟體。至於 Luna 與其他軟體的差異,我也會在 Podcast 第二季 064 防疫人人有責;在家錄音、混音做音樂!軟體挑哪套?讓我用自己的經驗來減少你的夢魘 中做一個簡短的說明。如果你有自己習慣的 Podcast 收聽平台,也可以自行收尋 “狐狸先生腦內雞湯” 來收聽這集的節目。

如何使用 Studio One 幫 Podcast 進行聲音後製以及混音

另外我在先前的文章也有教過怎麼樣下載 免費的 Studio One 軟體來進行錄音,如果想了解更多關於 Podcast 的製作流程也可以參考我之前寫的另一篇文章:如何在 Spotify 以及各大平台上架你的 Podcast 節目 或是 分享新手如何申請以及經營 Apple PodCast 所需要基本工具與製作教學分享 這 2 篇文章應該可以解決你大多數的困擾。

雖然我使用的 SonudCloud 的平台,但因為收費較高.. 可能對於一般人來說會有點痛,如果想要免費的 Host 平台的話,可以考慮台灣的 SoundON 或是其他免費平台;而我因為已經支付的一年的 SoundCloud 年費了,所以目前暫時不會移轉 SoundON ,畢盡以音質來講 SoundCloud 算是最高的了,如果想要放自己創作的音樂或是 WAV 無損音檔也比較方便。( SoundON 有沒有無損格式我就不知道了 )

感謝您的閱讀與分享

雖然最近很久沒有更新這個網站的文章了,也還在思考 Blog 與 YouTube 之間的更新平衡。如果你還是喜歡閱讀 Blog 的方式來吸收資訊的話,也歡迎留言讓我知道。畢竟有時候這個世界總是跟自己想的不太一樣,如果有更多聲音可以參考也是件好事。

最後的最後也祝大家 身體健康 順心如意

也歡迎訂閱、分享、按讚唷!

免費錄音軟體 Studio One 的 Podcast 錄音、剪輯、混音流程範例(教學分享)

免費錄音軟體 Studio One 的 Podcast 錄音、剪輯、混音流程範例(教學分享)

今天這篇文章想要跟大家示範一下,怎麼從零開始用免費的軟體來錄製 #Podcast​ ! 本次使用的示範軟體是 Studio One Professional 版本(你也可以下載完全免費的 Studio One Prime 版本來進行錄製 )。關於下載的方式可以到我另一個 YouTube​ 頻道去觀看教學,因為是臨時起意的,所以這部影片的內容說明會比較隨意一點。所以如果您需要更精準且詳細的教學,可以參考我們的一對一課程,或是 在影片下方留言,這樣我在未來有空的時候,在拍影片統一跟大家分享我個人的處理方式。

感謝您的閱讀與分享

今天這部影片算是臨時起意拍的,如果影片說明的感覺太隨性的話,還請大家多多包涵摟。如果你有需要一對一的協助可以在考慮我們的一對一課程。或是在我們的影片下方留言,未來我有時間的話會在統一整理跟大家分享。

也歡迎訂閱、分享、按讚唷!