用 UI 設計方法極速製作網頁工作坊

入門學習使用者介面設計,嘗試自己用 Adobe Xd 規劃內容,並在工作坊中利用 WordPress 快速架設網頁,並進一步學會經營,省下數萬元的網站外包費用。

這個時代擁有網站並非難事

若想透過網站與用戶溝通,除了委託網站設計公司外,有沒有可能自己架網站?不會設計也不會寫程式,也能自行架設網站嗎? 粉專觸及率愈來愈低,年輕人也都說「FB是老人用的!」以前台灣務農者靠天吃飯,難道現在做什麼都得靠臉書吃飯?最近一次次的刪除臉書活動中讓人不禁思考,下一步,我們該何去何從。也許你可以試試回到自己的網站,經營優質內容讓更多人看見 🙂

這次,你終於學得會了。

上網Google查詢過網站架設、試著照教學影片做了,卻總是不知道哪裡不對勁一直卡關? 平常專注在自己的江山事業,說到網路科技卻像隻侏羅紀恐龍一樣遲鈍?

工作坊內容

採用精煉實戰Workshop型式,只要幾個小時的時間、講者將手把手(step by step)的從頭開始,一步一步帶領你在現場直接做出你的網站,做好直接正式上線、不囉唆。

UI/UX設計

在不同產業類別及用途,會需要不同的網站架構,講師多年的網站製作經驗中統整出常見的幾種元素,讓網頁像疊積木那樣簡單。

網頁架設

規劃好網站後,準備好你的公司資料,文案或照片等,經過篩選建議後,帶著素材們直接在開始建置網站,一口氣完成並擁有。

手作網頁

透過容易控制的工具,去調整自己做的網站,今天想要這邊字體大一點,明天想要圖片左邊一點,DIY網頁的成就感無法言喻!
工作坊需自備筆電,Mac或PC(Win10以上)皆可 。

UI/UX Design 使用者介面規劃與設計

透過UI設計與UX的使用者體驗規劃,突破框架向外擴散學習,以達成專業多元化及產業提升的目標! 理解使用者為核心的設計思維,學習「像設計師一樣思考」即便工作職位上並不需要使用,也可讓與其他部門、同事的團隊協作上更順利。 已經是設計師也可以透過這次工作坊,將自己精心設計規劃的設計稿實際靠自己開發出來,理解基本網站架構原理,會對原本的設計思維天花板有很棒的提升。

第一堂:學習 Adobe Xd

這是一套新的跨平台(Mac,PC都可以用)的 UI/UX設計整合工具,操作很簡單、輕量,且功能完整,我們將在此部分從頭開始學習如何使用UI設計軟體。

第二堂:規劃自製設計稿

延續 UI 介面設計技巧,透過講師整理的獨家網站配方,在短時間內透過自己的雙手做出喜歡的網頁草稿,從Logo配置、色彩搭配與免費圖庫推薦等,不用設計基礎也可以體驗設計網站的樂趣。

第三堂:搭建 WordPress 網站

放心,不用會寫程式碼,也可以建置自己的主機環境,全世界超過 30% 的網站是透過開源軟體 WordPress 架設的,形成一個穩定的生態系,全世界各地都有開發者、設計師提供好用的佈景與功能外掛。

第四堂:架設自己的網頁並上線

最後,我們將採用常見的 Landing page 網站形式來練習,利用親手規劃的設計稿在現場直接將您想製作的網頁做好,並且成功上線。之後不論是想精進設計或研究開發,都可以繼續學習與強化你自己的網站。

Riven 林育正

網頁UI/UX設計師

「用麻瓜都聽得懂的人話,說給你聽。」

策展舉辦聽了很多場課程講座,深知資訊領域在傳授的過程中容易產生所謂的「知識詛咒」專業人士間的術語交談,會造成教育的阻礙。 這也是我致力在嘗試的事情,補足轉換職業與實作技能間的空隙,並提供跨領域通識Know how,可以獲得更多那些Google不到的情報。

工作坊送主機一個月

網站架設必備的虛擬主機,讓大家可以在現場直接將設計好的網頁做出來,不用進行額外的環境安裝與設定。

線上結合線下學習體驗

講師 Riven 為了推廣 Adobe Xd 這套 UI/UX整合工具,準備了《從 Adobe Xd 入門網頁設計》(原價 $3,600) 的線上課程,為了讓大家能在課後複習軟體的操作,會贈送給前10位報名工作坊的參與者。 我們相信,除了線上課程外,只要你願意挪出一點時間來參與現實世界的工作坊,可以獲得更多收穫,讓自己每個月至少擁有一段沈浸在學習成長的時間。 認識更多新朋友、找到夥伴,與時俱進持續更新的學習內容、讓你跟上時代腳步。

極速建站工作坊流程

鐵了心外包給廠商做卻總不如人意?要不要試著自己做一個,看心情想改哪邊就改哪邊!

屢次嘗試建立網站卻又半途而廢?透過系統歸納出來的建站步驟,加上現場懶人包介紹,一次將網站推上線!
蒐集資料
預先搜集包含公司介紹、產品簡介、關於團隊等基本資訊。
網站規劃
網頁要像說故事那樣傳達給瀏覽者,讓使用者一步一步被你說服。
極速建站
透過「所見即所得」的介面操作,及優化過後的架站流程,任何人都可以快速建立網頁。
網站上線
不用任何一行程式碼,就能夠讓你自己動手做的網頁上線,觸及更多客戶。

可以解決什麼需求

傳產轉型

內容經營

介紹產品

建立事業

政府企劃/學校單位/企業組織,需規劃客製內容? 聯繫講者

新手友善,零基礎更好!

甭擔心沒架設過網站的經驗,這次工作坊會從零開始介紹網站的用途、組成,如何找到網域及主機架設,以及如何規劃、設計,然後現場架設上線!就算手邊沒有素材,講師也會帶你在網路上找到適合的資源。 隨工作坊附贈的 共同工作空間使用券*10日 (價值 $2,000元) 可以來空間自行練習與體驗。

講師介紹

Riven

Riven

Web UX/UI Designer、Adobe 官方合作講師

大學時成立設計工作室,從此過著遊牧型設計師的生活。在首爾、釜山及上海等城市獲競賽首獎,並幾次旅行於越南、日本等地協助品牌規劃、負責上海兩岸創客大賽的台灣區運作。近來專注於台灣新創產品的UX規劃與UI設計。 在iOSDC 2018、行動科技應用開發者年會(Uncof.)擔任講者,並受邀在逢甲大學資電所擔任Web UX/UI講師、iOS Club 工作坊講師及中區政府機關培訓計畫講師、高雄創業抬槓電商課程⋯等,最近是T客邦與台中電腦公會合作課程講師。 合作聯繫:riven@monospace.tw

眺望中台灣景觀空間 – Monospace

在具備設計感的空間當中,舒適靜謐的氛圍可有效提升學習效率,並有蕨類及多肉等植栽搭配窗景,實屬上等的學習享受。不輸咖啡廳的義式沖煮咖啡、沖泡式飲品自由取用。極速1000M WiFi網路與滿滿的插座,學習工作不間斷。

Adobe 官方合作講師

從介面設計軟體開始設計自己的網站

UI/UX 基本概念介紹

推廣精實的設計流程

共同發起 WordPress 聚會

凝聚在地的 WordPress 社群

極速擁有自己的網站

搭配每週作業進行練習,回家後逐步將網站完成度提升,學會了技巧還可以自己SOHO接案,成為網頁設計達人。

用Wordpress從0到1!

WordPress是一套簡單容易上手且也是目前最大的CMS(Content Management System,內容管理系統)開源程式,主要提供簡易型官網、形象與內容網站等需求,因此無論是經營品牌、寫部落格、自媒體、甚至是公司行號與企業,都可以透過WordPress架設自己的官方網站。

%

你知道嗎?地球上超過1/4的網站都是Wordpress做的

全世界共同經營的生態圈

因為有廣大的社群提供Plugins(外掛)的關係,支援範圍廣,可以在程式相關知識最少的情況下實現大部分網站所該有的功能。 相當適合初學網站架設,或是立即有網站架設需求的企業人士者。 同時由於WordPress是由PHP所撰寫的,以及完整可擴充的後台資料上架與系統設定, 所以是目前最適合小型網站接案工作室的解決方案之一,學會了你也可以SOHO接Case。

提升工作坊體驗,實施小班制。

每個人對於網頁技術的理解程度不盡相同,因此,我們在工作坊會採一步一步階段性的進度,若有任何問題,都可以在現場直接被解決! 

適合對象

創業家

喜歡凡事靠自己,外包心驚驚的你。趁這次學會設計並真切地擁有自己的網站吧!

公益社企組織

協助組織單位製作網頁,在對外宣傳及說明理念、尋找人力時相當重要呢。

設計人

平面設計師或UI Designer,畫出美美的視覺設計稿難不了你,但還不太知道該怎麼把他實際做出來。

大學生

我不知道該走設計還是開發,別急!先來試試WordPress架設一個網站看看再決定。

部落客

想開始撰寫文章記錄生活?或是想貢獻專業,WordPress絕對是第一首選。

傳產轉型

不甘於被品牌行銷做得好的隔壁老王佔風頭!讓我們一起將家族幾十年的經驗及精華轉換成網頁吧!

工作坊特色

重新思考網站本質,以及它可以為你帶來什麼。

開發環境

我們已經幫你準備好了,真的不用寫到程式碼,也可以架設網站。

保持練習

網站上線後,還可以透過工作坊學到的務實技巧,來繼續精進自己的技術,同時讓網頁完成度提高。

循環進行

每個月固定舉辦,這週如果有些部分聽不太懂,可以報名下個月再上一次!(限本人)

視覺美編

我們懂你對細節的苛求,就算還沒有美美的圖,也可以透過設計去編排出很OK好看的網站!

網頁設計

簡單的控制介面,看心情調整成你想要的樣子。

商業目標

今天可能只是需要一個簡單網頁,找外包太麻煩,自己學設計或程式又要花很多時間,先透過工作坊取得第一個網站再來說吧!

嶄新的網頁型態 Landing Page

一頁式網站是近年常見的網站類型,將所有必要資訊集中在同一個網頁,省去點擊連結時跑網速的時間,同時長長的介面讓行動裝置瀏覽體驗提升不少,只需要用到大拇指一直往下滑就可以看完網頁。 因此,這次工作坊會以製作此類網頁為主軸,帶領大家從規劃、新法到實際製作跑一遍,更真切地理解網頁設計。

Daily UI 100天進駐計劃

大學生專屬初心者企劃

UI Design Meetup台中

好評推薦

謝謝每位來過的你們! 🙂

原來做網站可以這麼簡單!

除了親手架設好之外,你還學會自己經營網站。

常見問答

沒寫過程式也不懂設計,可以來學嗎?
當然囉!這是最基礎的入門Level,歡迎跨領域以及零基礎的同學。
是否需要自備筆電、有限制什麼系統嗎?
需自備筆電進行,空間裡有充足的插座、以及相當快速的WiFI可以使用;Wordpress課程大多為瀏覽器操作,無論你是Mac或是PC電腦都相容。
為什麼要用Wordpress?
WordPress 專注於於美感、網路標準與可用性,這個開放原始碼平台可以讓您管理一切項目,包括小型的個人部落格與具有數百頁面的大型商業網站。數十萬個網站選擇在 WordPress 建立網路空間,深受大眾信賴。

注意事項

  1. 需自備筆電( PC,Mac不限 )。
  2. 課堂於上課時間前30分鐘開放入場。
  3. 場地備有咖啡茶水及沖泡式飲品。
  4. 歡迎拍照打卡,恕不接受錄影。
  5. 超過5人有團報優惠及自選時段與地點(外縣市可),可聯繫主辦單位
  6. 課程諮詢請洽Line@ 將盡快為您答覆。
  7. 合作方案請洽 riven@monospace.tw
【Monospace 之所有形式資料 皆屬於 創客空間股份有限公司 所有 ,非經本公司之同意,不得以任何方式使用、複製本公司之所有內容,如需轉載分享,請註明網址及來源處,如有侵害,將保留法律追訴權】 【主辦單位保有修改、暫停或終止本活動之權利。本活動變更以Monospace粉專公告為主,重要異動主辦單位將於活動前以簡訊/ Email方式通知報名者,請各位報名者隨時注意FB粉專公告之事項與簡訊。】

學員作品

經過工作坊的實戰後,在現場就可以做出來並且上線,回家後繼續優化你的網站。

只要來到這裡,您就會學會架網站!

不用再花大錢找別人做~

報名九月份平日場

9/6 ~ 9/27 每週四 19:30 ~ 21:30

報名九月份假日場

9/23、9/30 雙週日 13:30 ~ 17:30

歡迎外帶工作坊!

院校演講、企業內訓等多人課堂,依照貴單位培訓需求,量身打造。