搜尋結果
2023年2月6日 · 製作線上課程 | 為何90%的線上課程都可能不賺錢？ Bellalala. ·. Follow. Feb 6, 2023. 前情提要：...
- 線上作品架設管道概覽
- 規劃分析
- 設計
- Coding
有固定版式的設計師社群，如：Behance、Dribbble。 使用架站平台，如：Wix、weebly、Squarespace、Adobe Portfolio、cargo。 使用 CMS 內容管理系統，如：WordPress。 以 HTML、CSS、JavaScrip等語法寫網頁。
建立網站架構
線上作品網站架構通常很單純，分為作品呈現、背景/經歷/技能等介紹、聯絡方式等。在大項目下可再細分，或是各種衍伸的單元，例如 blog、side project，依照需求調整。
構思作品類型適合的展示方式
其一是先決定版型後，依框架置入圖片內容，像是 Wix等架站平台就是以這種方式思考。其二是依照設計類型展示方式與功能，如：品牌、書籍、展覽、插畫等不同的形式可能會適合不同的展示方法。或是每件作品彼此的設計風格差異，可以依據單個 Project設計，或是依照網站整體風格，都是在這個階段可以思考的主題。
參考相關網站
依照設計類型、產業、風格等都是可以參考的方向，也有綜合的參考網站提供靈感。
網站風格 & 內容設計
在規劃部分完成後，就可以開始著手內容與風格設計了，在版式、互動效果、字體、背景、滑鼠游標都是可以變化的設計細節。 1. 針對各區塊 Nav、Main Content、Related Case、Footer… 再作細部思考規劃，例如 Nav的互動效果、Related Case要以多個專案並置或是 NEXT這樣單純的文字 link？專案頁面要呈現多少作品？什麼樣的訊息是重要的？ 2. 主版面區塊如何呈現一件專案的設計過程 ，從專案背景介紹、任務 、解決方法，到靈感、版型、設計原素、色彩與最終成品等。 3. 字體的層級 h1, h2, h3, paragraph, BTN, link。 維持網站整體的一致性 Consistent，可以讓使用者容易預測他將找到的內容與找到他所需要的內容，在 Coding時也會更加輕鬆，此時設計系統的規劃訂立就顯得重要了。這時候可以再回到上一階段的參考相關網站，以區塊的方式分析好網站區塊間的關聯與設計方式。
開始寫 HTML, CSS
將設計稿轉化為網站，對於非 Dev的設計師，這裡大概是最困難的部分。 我所使用的開發工具是Adobe的開源軟體 Adobe Brackets。有許多免費Plugin，例如自動完成輸入的 Emmet、將整理排版斷行的 Beautify等，並且可以在Chrome上即時預覽網頁設計。 1. Tip：為了適應Retina螢幕，滑鼠游標也要使用 2倍像素的圖片。
圖片切版
1. 依照框架尺寸切圖。 Mac最方便快速的工具是 Sketch，免費資源有 Windows與 Mac通用的 ADOBE XD。這兩款輕量的軟體在處理速度上比起 Photoshop更快，出圖設定也是為了螢幕考量因而更簡潔快速。 2. 多個 Icon可以使用 CSS Image Sprites，CSS Image Sprites是一項合併多張小圖的技巧，使用 CSS選擇器，減少多次傳送載入圖片需求，詳細說明可以閱讀這裡。 3. 為了之後的網站圖片載入速度，圖片要經過壓縮，線上搜尋 compress jpg，可以搜尋到許多資源。
- Vera Chang
2021年5月31日 · 疫情影響下，許多教學現場都必須強迫轉型轉到線上進行教學，但是線上教學真的只能照本宣科的唸著 PPT進行教學嗎？ 常說 PPT 只是種「工具」，但是經由教學者不同的創意與巧思的加入，卻能激發迸生出許多從來沒有想過得可能。 以下特別蒐羅了這陣子目前網路上特別有創新與巧思的 PPT 線上創意教學應用提供給教學者們借鑑與參考： （一）PPT 教學大富翁....
2021年3月16日 · 每集製作Podcast的方法可劃分為「規劃、錄音、剪輯、宣傳、回顧調整」5個步驟，製作每集都是循環迭代的過程，團隊依上集的回顧會議結論調整做法。 製作每集 20–20 Women Lead Podcast 的5步驟. 前期規劃： 最重要的第一步，要先規劃這集的「受訪者與製作團隊 (Who)、時間 (when)、地點...
- Yi-Ying Chen
2019年8月9日 · 英國的一家公司開發的製作統計圖表的線上工具，省去在Excel軟體裡製作圖表的繁複，讓圖表更加多樣化，無需專業的軟體技能就可以輕鬆製作漂亮的圖表，但是功能不多。 7、Visual.ly. 線上圖表神器，這家網站以豐富的資訊圖資源而著稱，很多使用者樂意把自己製作的資訊圖上傳到網站中與他人分享，最近好像爆出消息還能説明人們製作資訊圖，不知道免不免費。
2020年5月22日 · Chialin Chou. ·. Follow. Published in. Star Rocket. ·. 10 min read. ·. May 22, 2020. 圖片來源：三創育成視覺設計 Grace Lin. 製作 podcast 的前置作業其實比想像中需要多一點準備，除了需要研究設備、準備內容、選定 podcast hosting...
2022年6月9日 · 6 min read. ·. Jun 9, 2022. 150. 你想讓客人直接在網路上報名服務 / 活動 / 會議嗎？ 免費的預約報名工具可能是你的第一選擇，不過：免費，通常是最貴的！ 免費工具通常無法完全符合你的實際需求，而且讓你需要另外付出極高的時間、勞力成本。 以下一共整理出你可能還沒想到，或者還沒遇到的 6 大缺點，告訴你為何不建議使用免費的預約報名工具，讓客人報名你的服務 /...
