跳到主要內容

UI/UX設計到網頁極速製作工作坊,從UX規畫、 UI設計到WordPress架設,一天搞定

 
techbang-makerclub
 

您好:

2018/6/30(六)舉辦的「UI/UX設計到網頁極速製作工作坊」,用UX思維規劃網站,畫出UI設計,最後用WordPress架設出來。

程運用非常熱門且容易上手的工具-Wordpress帶領大家打造個人或公司網站,Wordpress有超過一萬個外掛模組,學會Wordpress之後可以自己為網站增加更多功能。

btn
edm_banner

【課程內容】

時間:2018/6/30(六) 早上 09:30~下午 16:30

0.蒐集資料:

上課前準備好公司或個人的介紹資料,包含文案及照片等,以在實戰時發揮100%效率。

1.規劃Wireframe

線框稿 (Wireframe)是以低擬真度來呈現產品設計的表現方法,在開發流程中使用有三個目的:

  • 呈現產品頁面上主要的資訊
  • 呈現資訊在頁面上的排版與架構
  • 可視覺化,便於描述使用者如何與產品互動 

2.使用Adobe XD

這是一套跨平台(Mac、PC)的UI/UX設計整合工具,有以下三點特色:

  • 操作很簡單
  • 輕量、反應快速
  • 可以直接輸出原型

我們將在此部分從頭開始學習如何使用UI設計軟體。

3.製作Prototype (原型)

Prototype與 Wireframe不同的地方在於,原型是屬於中高度擬真來呈現最終使用者介面的方法。運用原型的目的即是模擬使用者與介面之間的互動,例如說按鈕按下後會出現的操作方式與呈現等。簡單來說,就是模擬一個產品完整的體驗。

4.使用WordPress快速建立網頁

將採用常見的 Landing page 網站形式來練習,利用前面親手規劃的設計稿在現場直接將您想製作的網頁做好,並且上線。

5.第五章:進階網站經營與設計思考

完成從零到一讓網頁成功上線後,接下來從1到100看個人修煉,我們會在這時候協助您妥善的持續經營與升級網站。

btn

為什麼要來上課?

  • 外包擔心狀況連連、喜歡凡事靠自己的企業經營者及中小企業老闆。
  • 新創團隊想宣傳,卻沒有網站好好展示自家的產品。
  • 認為網頁架設困難,想快速學習的你。
  • 想架設專屬風格的特色部落格、線上作品集,營銷內容。
  • 歡迎跨領域及零基礎的學員參與,從無到有帶你做出一個網站。
  • 認識講師,遇到困難有人回答;書本資料太多、網路上的資料太分散,現場有人教學得快。

感謝您閱讀這封信,希望這個實作坊能滿足您的需求。

T客邦創客基地 林鈺奇 感謝您

有任何問題,歡迎跟我聯絡:danny_lin@hmg.com.tw

imgs/techbang_logo http://www.techbang.com/ techbang_fb

留言

這個網誌中的熱門文章

【課程】Arduino 四軸飛行器實作坊:機體組裝、寫飛控程式、自製遙控 App、飛行教學,一天學會

    您好: 【造飛機】燃燒你的飛行魂!10/1(六)為你舉辦「 Arduino四軸飛行器實作坊 」。講師邀請到經驗豐富Arklab團隊來教學,一天學會利用開源軟硬體做無人機。 想要學技術、做空拍、收集環境資訊、協助救災、觀察危險地帶、競速…各種無人機的應用,都可以從這場實作課開始,利用開源硬體、開源軟體的力量,實現願望。 歡迎來上課練功、技術交流、吹冷氣、交朋友。也請您把課程資訊提供給需要的同學、同事或朋友。 了解詳情、報名>>> 了解詳情、報名>>> 【課程內容】 時間:2016/10/1(六) 早上 09:30~下午 16:30 了解詳情、報名>>> 為什麼要來上課? 學會用開源硬體、開源軟體做無人機,以後可以自己改,做出更多應用。 學會基本的飛控程式、飛行技巧,後續可以進階到:自製Arduino遙控器、空拍機、競速機、物聯網機、環境監測機等等應用。 用手機就可以遙控,不用買很貴的遙控器。 無人機的應用有很多想像空間,除了空拍,也可以應用在環境感測、安全監控、物流、競速、資訊收集各種領域,值得學習。 學會調整飛行介面參數,讓飛行能夠更加平穩。 同時學習程式與硬體,培養跨領域的思維、解決問題的能力。 認識講師,遇到困難有人回答。書本資料太多、網路上的資料太分散,現場有人教學得快。 感謝您閱讀這封信,希望這個實作坊能滿足您的需求。 T客邦創客基地 林鈺奇 感謝您 有任何問題,歡迎跟我聯絡: danny_lin@hmg.com.tw

AIoT人工智慧+物聯網實作,用Web技術+深度學習+電腦視覺開發工具,讓裝置學會影像辨識

    您好: 2018/4/21(六)舉辦的「 AIoT人工智慧+物聯網實作 」,用Web技術+深度學習+電腦視覺開發工具,從無到有打造智慧物聯網應用。 課程把人工智慧技術結合物聯網裝置,用Web技術實作機器學習流程,從影像串流到利用Deeplearn.js(在瀏覽器中訓練神經網路)訓練影像辨識模型,同時結合Webduino物聯網裝置語音回報結果。 歡迎來上課練功、技術交流、吹冷氣、交朋友。也請您把課程資訊提供給需要的同學、同事或朋友。

Tips from AngelList on adding Codecademy to your resume

How to put your skills on display; new-look homepage; API Season Newsletter #50 June 6, 2018 Essential news, trends, and stories from Codecademy and the world of code. Completing a Codecademy course is no small feat. After learning, internalizing, and practicing complex technical concepts, you owe it to yourself to reap the rewards. Show the world the courses you've completed and the skills you've mastered, then see a change in your career. To help you get there faster, we asked the experts at AngelList and Paysa for advice. Read on for tips on why, how, and when to add Codeca