不小心就學會！用 UI 設計方法製作網站
找相似
貨比三家不吃虧找同款低價
$2,400

不小心就學會！用 UI 設計方法製作網站

Hahow 好學校－線上課程平台
搶購
訂單成立賺2%
下單享LINE POINTS點數
訂單成立賺2% 48 點
價格趨勢怎麼看？
設定到價通知
分類：
旅遊餐券 娛樂/生活/服務券 服務課程票券
Hahow 好學校－線上課程平台

Hahow 好學校－線上課程平台

【 消費提醒 】 1. 需透過 LINE 購物前往 Hahow 好學校官方網站消費，並在同一瀏覽器於 24 小時內結帳，方享有 LINE POINTS 回饋資格。 2. 唯有「精選課程」（https://hahow.in/apselect-event）符合回饋資格，在此頁面外的課程或任何學習補給與優惠商品合購組合皆不符合 LINE POINTS 回饋資格，可以於 LINE 購物商店直接搜尋課程名稱，確認是否符合回饋，自行連結至他處所購買之課程將不會回饋 LINE POINTS 點數。 3. 建議從 LINE 購物進入 Hahow 站上後，挑選課程加入購物車並直接完成結帳與付款流程，中間請勿跳出 Hahow 網站，以確保回饋資格。 4. 點數回饋上限以單筆訂單計算。 5. 取消訂單或退貨行為，不具贈點資格。 6. 點數將於付費並無退貨後 30 天前後發送， 是否符合回饋資格請洽 LINE購物客服詢問。
同款比價 | 為您推薦2個賣場2個同款賣場2個同款賣場
價格低到高
1
蝦皮商城
蝦皮商城
$2,112
1%
2
Hahow 好學校－線上課程平台
Hahow 好學校－線上課程平台
$2,400
2%

相關文章

水晶寶寶哪裡買到正確丟棄處理方式｜懶人包

水晶寶寶哪裡買到正確丟棄處理方式｜懶人包

水晶寶寶是什麼？是活得還死的？ 水晶寶寶是沒有生命的非生物，水晶寶寶的成分屬於丙烯酸高分子聚合物，這種化學藥品具有強力吸水...
73,148人已觀看
人工淚液推薦！破解人工淚液3大迷思，別讓乾眼症狀找上你！

人工淚液推薦！破解人工淚液3大迷思，別讓乾眼症狀找上你！

現在3C產品盛行，越來越多人有眼睛的問題，其中很常見的就是乾眼症，容易搔癢、刺痛超不舒服！這時可能會想用人工淚液緩解，不過...
58,815人已觀看
去 IKEA 不要只吃肉丸！4 道全新「隱藏版」美食菜單：原來「超值早餐」還可以這樣點

去 IKEA 不要只吃肉丸！4 道全新「隱藏版」美食菜單：原來「超值早餐」還可以這樣點

每回走進 IKEA 宜家家居，總能湧上一抹幸福感，逛著一格格的設計空間，心情不自覺溫暖起來，也想為家裡添加一些新的單品。逛...
4,830人已觀看
2024福隆沙雕季來了！福隆沙雕季聯名 LINE FRINEDS，還有BT21、短尾矮袋鼠 Dinotaeng

2024福隆沙雕季來了！福隆沙雕季聯名 LINE FRINEDS，還有BT21、短尾矮袋鼠 Dinotaeng

2024福隆沙雕季來了！今年福隆國際沙雕季攜手LINE FRIENDS聯名合作，一口氣為大家帶來40座各種主題的沙雕藝術，...
1,401人已觀看
鞋控必入手復古跑鞋，推薦8款舒適又百搭！

鞋控必入手復古跑鞋，推薦8款舒適又百搭！

復古跑鞋風潮再度崛起，你跟上了嗎？近年運動跑鞋已成為穿搭必備單品之一，「復古跑鞋」在外表設計中加入復古潮流元素，不只富有古...
72,888人已觀看
肯德基勁敵來了！美國連鎖炸雞「Popeyes」本月開幕，首店插旗台北車站！碧昂絲都愛的「布里歐雞腿堡」也能吃到

肯德基勁敵來了！美國連鎖炸雞「Popeyes」本月開幕，首店插旗台北車站！碧昂絲都愛的「布里歐雞腿堡」也能吃到

連鎖炸雞店你最愛哪一家？是肯德基還是拿坡里？美國連鎖炸雞品牌「Popeyes」登台，你心中Top1的炸雞可能要換人當了！台...
1,788人已觀看
香瓜堪稱水果界之王！盤點香瓜季節、營養價值與驚人好處！

香瓜堪稱水果界之王！盤點香瓜季節、營養價值與驚人好處！

雖說吃香瓜的季節還沒來到，但隨時都要為了這營養價值高的好水果，做好萬全的研究和準備呀！今天編輯要帶大家好好認識香瓜，從香瓜...
36,465人已觀看
復古跑鞋57/40花樣上市，春櫻粉、梨花奶茶、雛菊黃...5款春日限定錯過捶心肝！

復古跑鞋57/40花樣上市，春櫻粉、梨花奶茶、雛菊黃...5款春日限定錯過捶心肝！

靠著舒適度和有型有款的設計New Balance 57/40 復古運動鞋，成為近期女鞋頭們熱搜大熱門！搶眼復古風格搭配上醒...
56,133人已觀看
小心！上公廁也可能被傳染新冠病毒！重症名醫：使用蹲式馬桶「自保6要訣」必注意

小心！上公廁也可能被傳染新冠病毒！重症名醫：使用蹲式馬桶「自保6要訣」必注意

防疫三級警戒降至二級，隨著人流活動機會增加，大家在戶外碰到尿急時，必需找公廁，但是不禁令人擔心：「上廁所時，在公廁內遇到新...
1,467,110人已觀看
【Bella出國去】東京自由行機場如何到市區？「成田快線」怎麼搭？買票要注意不能只買一張！

【Bella出國去】東京自由行機場如何到市區？「成田快線」怎麼搭？買票要注意不能只買一張！

「東京」是台灣人出國旅遊最愛目的地之一，若你想來趟東京自由行，想從機場到市區，除了包車最快、最方便的選擇「成田快線」絕對排...
1,546人已觀看

熱銷排行榜

更多

Katie 凱蒂流動瑜珈：啟動熱能，身心修復
找相似
1,800

Katie 凱蒂流動瑜珈：啟動熱能，身心修復

Hahow 好學校－線上課程平台
2%
跟著韓娛學韓文！發音到初級文法一次掌握
找相似
2,500

跟著韓娛學韓文！發音到初級文法一次掌握

Hahow 好學校－線上課程平台
2%
讓插畫走入生活－Procreate 文創物實作！
找相似
2,880

讓插畫走入生活－Procreate 文創物實作！

Hahow 好學校－線上課程平台
2%
Photoshop 合成必修 - 電影光影場景合成
找相似
2,800

Photoshop 合成必修 - 電影光影場景合成

Hahow 好學校－線上課程平台
2%
Procreate 插畫入門－從素描到風格
找相似
2,800

Procreate 插畫入門－從素描到風格

Hahow 好學校－線上課程平台
2%
Facilitation引導學：有效提問、促進溝通、形成共識的關鍵能力/堀公俊【城邦讀書花園】
找相似
2921,580

Facilitation引導學：有效提問、促進溝通、形成共識的關鍵能力/堀公俊【城邦讀書花園】

0~2%
比價13個賣場 立即比價
曼黛瑪璉官方購物Yahoo奇摩購物中心台灣樂天市場PChome 24h購物
實戰！GA4+GTM教學：洞悉網站用戶行為必勝指南
找相似
2,288

實戰！GA4+GTM教學：洞悉網站用戶行為必勝指南

Hahow 好學校－線上課程平台
2%
基礎情境練習課：建立你的英文文法邏輯腦
找相似
2,280

基礎情境練習課：建立你的英文文法邏輯腦

Hahow 好學校－線上課程平台
2%
靈魂的代言人-塔羅牌義全解析
找相似
800

靈魂的代言人-塔羅牌義全解析

Hahow 好學校－線上課程平台
2%
馬斯克傳：唯一不設限、全公開傳記
找相似
800

馬斯克傳：唯一不設限、全公開傳記

PChome 24h購物
0%
Canva 入門到進階實戰｜零基礎做質感設計
找相似
2,780

Canva 入門到進階實戰｜零基礎做質感設計

Hahow 好學校－線上課程平台
2%
韓菲大數據考點直擊-政治學概要(測驗題)(線上課程)(不含書籍)(韓菲)-1SF10
找相似
780980

韓菲大數據考點直擊-政治學概要(測驗題)(線上課程)(不含書籍)(韓菲)-1SF10

4%
比價2個賣場 立即比價
新保成網路書局
韓菲大數據考點直擊-政治學概要(測驗題)(線上課程)(不含書籍)(韓菲)-1SF10
找相似
49折
780

韓菲大數據考點直擊-政治學概要(測驗題)(線上課程)(不含書籍)(韓菲)-1SF10

新保成網路書局
4%
風格藝術 設計上線 - 用 PS、AI 做吸睛視覺設計
找相似
3,200

風格藝術 設計上線 - 用 PS、AI 做吸睛視覺設計

Hahow 好學校－線上課程平台
2%
戰爭來了怎麼辦？黑熊學院民防基礎線上課
找相似
2,300

戰爭來了怎麼辦？黑熊學院民防基礎線上課

Hahow 好學校－線上課程平台
2%
Notion 實戰課程：打造專屬數位工作術
找相似
3,380

Notion 實戰課程：打造專屬數位工作術

Hahow 好學校－線上課程平台
2%
用 Python 理財：打造自己的 AI 股票理專
找相似
3,999

用 Python 理財：打造自己的 AI 股票理專

Hahow 好學校－線上課程平台
2%
AI 時代人人必學：用 ChatGPT 全面升級你的工作流程
找相似
3,280

AI 時代人人必學：用 ChatGPT 全面升級你的工作流程

Hahow 好學校－線上課程平台
2%
Python 入門特訓 - 基礎實作到證照攻略
找相似
1,790

Python 入門特訓 - 基礎實作到證照攻略

Hahow 好學校－線上課程平台
2%
Procreate人體繪畫入門－扎實基礎養成
找相似
3,600

Procreate人體繪畫入門－扎實基礎養成

Hahow 好學校－線上課程平台
2%
李屏瑤的成人寫作課：從整理內心到故事文案的書寫術
找相似
2,500

李屏瑤的成人寫作課：從整理內心到故事文案的書寫術

Hahow 好學校－線上課程平台
2%
融入美國口說日常！和莫彩曦學英文慣用語
找相似
1,700

融入美國口說日常！和莫彩曦學英文慣用語

Hahow 好學校－線上課程平台
2%
個人寫作課：會說就能寫，三種思維提升寫作力
找相似
1,990

個人寫作課：會說就能寫，三種思維提升寫作力

Hahow 好學校－線上課程平台
2%
開啟程式設計之門 - C++ 核心課程
找相似
1,490

開啟程式設計之門 - C++ 核心課程

Hahow 好學校－線上課程平台
2%
包租公/婆實戰攻略：隔套收租創造被動收入
找相似
3,480

包租公/婆實戰攻略：隔套收租創造被動收入

Hahow 好學校－線上課程平台
2%
自學程式如何快速入門 - 以 Python/JS 為例
找相似
2,200

自學程式如何快速入門 - 以 Python/JS 為例

Hahow 好學校－線上課程平台
2%
ELLE 風格相談室｜蘇飛雅的療癒占星學
找相似
3,000

ELLE 風格相談室｜蘇飛雅的療癒占星學

Hahow 好學校－線上課程平台
2%
伴侶理財必修課｜談錢不傷感情 打造神隊友
找相似
2,980

伴侶理財必修課｜談錢不傷感情 打造神隊友

Hahow 好學校－線上課程平台
2%
王梓沅的 Can-Do 英文溝通術：從聽到說的 24 個實戰任務
找相似
3,800

王梓沅的 Can-Do 英文溝通術：從聽到說的 24 個實戰任務

Hahow 好學校－線上課程平台
2%
Excel 新手入門必修課：從 0 開始
找相似
990

Excel 新手入門必修課：從 0 開始

Hahow 好學校－線上課程平台
2%

商品描述

「不懂做設計也不會寫程式，該怎麼學習設計網站呢？」這堂線上課程企劃是給完全無基礎的朋友，一起領略設計的美好，讓製作網站這件事情，成為大家下班後或在週末時候的小興趣。課程內容並不只有單單設計網頁而已，而是還要你真正的學會製作網頁，並且靈活運用設計技巧，定位上難度會剛剛好，課程將觸發你的興趣、提供成就感，但不會難到入門就放棄。並且能透過系列教學熟稔從0到1的網站設計開發流程，可以藉此展開「DigitalProduct數位產品」的設計技能，根據這張藍圖之後不論想成為設計師或開發者，都是個很棒的起點。而課程中提供的網路資源，也能幫助你之後繼續強化設計技能，不論是接商業專案、轉職設計師、自媒體品牌或為創業公司弄形象網站，通通都很可以！嗨囉，你好！我是設計師Riven🙂去年被Adobe邀去美國洛杉磯參加AdobeMAX設計師年會的時候，我發現了未來軟體的設計趨勢——「CreativeForAll」。所謂的設計軟體不再是以設計師為主要使用者，而是要讓每一個人都能夠發揮創意、在設計裏玩耍，這間接觸發了我想製作一堂適合所有人的網站設計線上課程。而在過去在大專院校、企業機構教授UI設計的時候，總覺得同學們好不容易完成的設計稿，卻無法親自將其化為實際的網頁而感到可惜；而且啊，其實以業界的設計流程來說，UI設計師如果能略懂一些前端開發的觀念，在設計上更能夠有發揮的創意可能性。因此，我想透過這堂完整的線上課程，來讓對於網頁設計、UI介面或網站開發都有興趣的同學，一次親身體驗一個網站的製作流程，我們可以從中理解介面設計的技巧以及程式運作的概念，讓大家從中體會到設計的美好，並為將來不管是擔任設計師、開發者或自由接案，都能夠想起這堂課所給予的「設計世界觀」。本次課程內容將使用目前非常熱門的UI設計軟體AdobeXd與網頁架設工具的Webflow來結合實現我們的第一個網站，讓你可以在剛開始的階段免費使用，降低學習門檻。而在課程結束後，你將完成親手設計的UI介面設計稿，並親自架設出一個網站！而在過程中，你將會學到AdobeXd的軟體使用技巧，並藉此瞭解UI設計方法；並接著使用Webflow來架設第一個網站，重點目標是好看又好用，而不只是很陽春的網頁而已。我的理想是讓架設網頁的方法簡單到跟週末去學做乾燥花藝、烘培甜點一樣，在享受動手做樂趣的同時，也可以學習到實用的技能，而且不需要任何的基礎，每個人都可以做到。本堂線上課程的章節，預計將直接拆解網站的設計流程，一共分為五個步驟：第一章｜從網頁的歷史說起、鑑古知今，並解析現代網頁的構成與趨勢，建立基本網站建置觀念。第二章｜接著就進入到AdobeXd學習軟體操作，一切歸零開始，甭擔心沒有電腦繪圖基礎。第三章｜教導UI設計的方法與解構設計流程，從視覺技巧到排版理論都要會才行噢！第四章｜將剛做好的UI設計稿用Webflow架設完成，可視化的程式編輯相當有成就感呢～第五章｜從專案來示範設計師是如何從零開始建構出網頁並靠自己製作出來，也有一份小作業！第一章：現代網站的構成第一章節是歷史課！我們將從網站的起源開始說起，請同學們乖乖坐好～在全球資訊網出現的早期，網站還只是單純的文字呈現；經過三十年的發展，圖片、影像、動畫、聲音，甚至3D或VR技術開始在網站上流行起來，網站也從簡單的佈告欄用途，漸漸發展成為品牌形象、線上商店、部落格，以及數位平台等多種型態，而設計的關鍵目的，也從「有東西看就好」一步步發展到了「使用者體驗最高」。而所謂的UI/UX到底從何而來？使用者介面與體驗設計究竟是什麼？說來話太長了，我們開課之後再聊吧⋯⋯➢本章節內容包含：網頁的歷史與發展、網站設計趨勢與工具、設計與開發網站的流程、現下UI設計軟體介紹、UI設計該點的技能樹分析第二章：AdobeXd軟體入門AdobeXd是一個專門為UI/UX設計的軟體，一次滿足專案團隊中設計、原型、協作的流程，我們可以在上面設計各種尺寸的WebUI介面，利用繪圖、文字與排版等工具做好完整設計稿。AdobeXd徹底整合以往僅用Illustrator、Photoshop的設計流程，你可以在Ai畫好插圖後複製貼上到Xd，也可以直接打開.psd檔案，更酷的是日漸強大的AdobeXd現在還可以將設計稿直輸到AfterEffects做動態設計。從AdobeXd出現至今，一直持續不斷地更新，隨著功能愈來愈強大跟完整，加上免費入門與友善介面，Xd成為了學習UI設計最適合的軟體，而現在也成為了許多公司內部開發的使用工具。➢本章節內容包含：如何操作「設計」面板、「原型」面板、「協作」面板、元件化設計模式及實用Plugin推薦第三章：用UI設計思維設計網頁同學注意噢⚠️要學會UI設計，不是只會軟體就可以！在學會基本軟體操作之後，我們會接著來講講UI使用者介面設計的概念理論，要知道UI設計跟平面設計最大的差別，就是網站這東西是要給人操作使用的，多了互動成份以及資訊架構在，設計上不能只有視覺好看，資訊清晰傳達、瀏覽流程與體驗等都會是設計師要關注的重點。放心！我以前高中也超討厭照著課本唸的老師，所以在這堂課程中的所有知識與方法，都會實際用舉例以及電腦畫面來解釋，同時也會要求同學們必須跟著一起做，真的做完才可以點下個單元噢！➢本章節內容包含：UI設計師在團隊的角色定位、UI設計的視覺技巧、介面設計上的通用法則、設計師私藏的素材資源及關於網頁排版的潛規則第四章：用Webflow架設網頁在製作好UI設計稿之後，一般來說會交付給前端工程師來開發網站，但在這堂課程中，我們將一起體驗擔任開發工程師的角色！我們會把規劃的好網站介面，一步一步地架設實現，而Webflow這個炙手可熱的架站軟體，將可以更直觀、直覺地協助我們製作網頁，不用再傳統上瞪著程式碼發愣，而是可以像疊積木那樣，一層一層地將我們的網頁做出來，而且是已經上線的網站。➢本章節內容包含：初探介面與使用設計工具、認識前端程式語言、理解區塊與巢狀結構、開始建置網頁架構及製作響應式網頁第五章：手把手帶你設計網站與實作經過前面幾個章節，相信大家都已經知道網站的設計與開發流程；而在最後的幾個單元中呢，我將會示範幾種不同網站的誕生，從網站架構規劃、UI設計到網頁開發，除了能夠複習前面學習到的內容之外，也可以順便學到許多不同的應用技巧。並且，我們在這裡安排了一個小作業，需要各位同學分享自己設計與製作的網站，並與大家一同討論與交流，而我也會嚴格地給予設計與製作的最佳化建議，加上各種浮誇吹捧跟加油鼓勵:)➢本章節內容包含：設計公司品牌形象網頁、製作設計師作品集網站、架設個人自媒體部落格及扎實的實戰演練！1⃣️示範｜設計公司品牌形象網頁設計師接案或上班很常會接到製作形象官網的需求，這類型的網頁該如何企劃，又怎麼設計比較好呢？我們將在這個單元中實際走一遍。2⃣️示範｜製作設計師作品集網站如果想要有自己的設計作品集網站，但又不想用一般的套版網頁，可以利用這堂線上課程所學到的流程與工具，親手做出來，而在這個單元我也會分享其中該注意的重點。3⃣️示範｜架設個人自媒體部落格想寫文章、想做自己的部落格嗎？不論是經營個人品牌或要開始自媒體，擁有自己的網站通常都是最重要的第一步！而剛剛好這堂課程所規劃的設計流程，也能夠滿足到你。在募資期間（5/2812:00-6/2623:59），募資達成率突破以下目標，將會直接贈送第五章節「手把手帶你設計網站與實作」中所製作的網站專案檔，提供給支持這堂課程的同學可以直接將網站專案拿去分析與拆解，輕鬆弄出課程單元中相同的網頁。募資達標200％➢提供網站專案「設計公司品牌形象網頁」募資達標300％➢提供網站專案「製作設計師作品集網站」募資達標400％➢提供網站專案「架設個人自媒體部落格」「解鎖的網站專案檔」將於開課後的一個月內開始提供。Riven林育正\b是數位遊牧型態的設計師，喜歡邊旅行邊工作的生活。在多間大專院校與社群機構擔任顧問講師，也是與Adobe官方合作的設計師，共同推廣Xd(ExperienceDesign)與環島舉辦設計工作坊，並在2019年獲Adobe邀請代表台灣以Insider身份飛往美國洛杉磯參加AdobeMAX設計師年會。常在Medium上寫作分享設計上的技巧與觀察，累積超過5K位讀者追蹤，同時也是Medium官方認證#Design領域TopWriter，當中熱門文章【UI設計師轉職之路】獲得大量社群媒體轉載分享。製作線上課程已累積超過2000位學員參與，同時積極經營UI/UX設計師社群（AdobeXdTaiwan目前為六千多位活躍成員）並主辦過百餘場主題小聚活動，期待能透過真實交流凝聚台灣在地的設計師能量。近期也開始拍攝新的Youtube影片頻道，嘗試以影像媒材濃縮關於設計的知識，期待能夠將艱難的設計與開發技術，用麻瓜都能夠聽得懂的話，說給每一個人聽。Riven個人臉書關於Riven\b（經營設計師社群並與Adobe\b及Microsoft等企業合作聯合舉辦AdobeXdMeetup。）（受邀於全台各地社群機構、大專院校與公司企業舉辦AdobeXd與網頁設計工作坊）回答問題頻率對於大家想了解的課程內容等提問，我會最晚於一週內答覆你的提問！學習過程中軟體相關操作問題可發佈至AdobeXd臉書社團與大家一同交流討論。批改作業頻率作業相關說明：本堂課程作業是學員需親手製作完成並上線的網站，上傳作業將會給予設計與製作的最佳化建議。作業批改頻率：課程中如需老師給予回饋指導，可以將作品網站上傳至作業區，預計固定會在每週五批改5~10位學生的作業。如何購買三人同行？詳細的教學請詳閱《3人同行方案購買與兌換課程方式》STEP0｜首先，你需要先找好另外2位學習好夥伴，並選出一位夥伴作為「購買人」STEP1｜購買人請於課程頁面點選「馬上預購」，進入「課程購買頁面」STEP2｜選擇付款資訊第二項「兌換3人同行一人NT$1,280」STEP3｜填寫「收取另外兩組課程兌換序號的Email信箱」（購買人信箱）STEP4｜選擇「付款方式」與「發票選項」並按下「送出」STEP5｜完成付款後，購買人即可進入「我的課程」頁面，於「我修的課」區塊，確認課程！並請千萬記得另外2位好夥伴還在等待他們的課程兌換序號喲～快去信箱收信吧！註：三人同行方案為特殊優惠方案，僅限募資期間，無法與HahowPoint或Coupon併用。➢教學影片：影片1➢購買三人同行優惠方案之後要怎麼兌換：影片2

加入購物車

設定到價通知

前往賣場2%