作業00|課前問卷

在進入進階網頁設計之前,請大家先仔細想想修習網頁設計之後,還想學習哪些網頁知是與技能?你覺得學習網頁設計對你有什麼幫助?現階段你對於網頁設計的期待是什麼?是否準備好要進入進階網頁設計的學習行列了?也讓老師更了解大家現階段的狀況。請依據校區點選問卷,每位同學皆須作答喔!

請於兩週內作答,只要有回答,該次的平時分數為100分。

作業01|Google Analytics 個人認證
  • 請參照: Google Analytics 個人認證|講義及業師課程內容,於第九週前進行『Google Analytics 個人認證』
  • 於第九週前進行『Google Analytics 個人認證』
  • 取得證照可提升個人網頁分析的專業能力,並於求職具備加分效果,目前很多網站公司需要有這張證照來佐證分析能力。
  • 為重要平時分數,準時參加認證至少取得60分,於第十七週前參加認證50分,準時通過認證此項平時分數為100分,期末前通過認證為80分。
  • 期中前取得證照,期中分數加5分
作業02|遠距教學影片觀看

請參考講義:

  1. 只要於當週結束前觀看完影片,該次分數100分。
  2. 延遲2週內觀看,該次分數80分。
  3. 超過2週觀看,該次分數60分。
  4. 超過4週未觀看,該次分數0分。
作業03|期末進度Moodle及雲端上傳

請參考講義:

  1. 只要於下次上課前上傳Moodle及雲端,該次分數100分。
  2. 於下次上課前上傳Moodle,該次分數90分。
  3. 遲交2週內,該次分數80分。
  4. 遲交超過2週,該次分數60分。
期中作業|專題網站企劃
  • 請參照|
    網站企劃|專題網頁提案|講義 網頁視覺編輯|視覺模組化製作|講義
    進行期中專題網站服務建議書及簡報製作
  • 請針對政府標案模式,找一主題|指定主題,或以專題製作、主題式網站,模擬一完整之真實網站製作,主題式網站內容如:公司行號、活動、景點,小吃,行業,廟宇,風俗,文化,故事....等主題製作。
  • 可組織團隊製作(也可一人製作),於第三週前繳交組員名單並提出預定題目,並請於企劃書|服務建議書中,詳列每位成員的專長、案例及負責項目。
  • 針對主題內容及製作方向,選擇一個版型範例為視覺設計規劃方向。
  • 範例參考及下載
  • 針對網站製作方向,撰寫企劃書|服務建議書|需含視覺規劃。
  • 以企劃書|服務建議書內容,製作提案簡報|需以規劃風格為主,具視覺美感。

題目方向建議

  • 真實的公司或組織。但目前網頁需要修改或尚未建立,請針對其現況做分析,並提出建議的做法,包含:
    1. 公司概況|規模、產業、產品、風格走向
    2. 網頁現況分析|優點、缺點、需改進的方向建議
    3. 消費者分析|針對公司的主要對象分析|姓名、年齡、職業、生活屬性、風格類別..
    4. 相關網站分析|選取相關行業優質網頁提出分析
    5. 網站架構分析|網站架構圖與規劃建議
    6. 視覺風格分析與實作|針對視覺風格風格、配色等做一統一規範建議,並選擇一適合之範本,規劃其設計內容之重新排版設計,期中前至少試做首頁,並可延伸至其他主要頁面。
    7. 團隊介紹|團隊整體案例介紹、成員介紹:專長、證照、案例、負責項目
    8. 時程規劃|甘特圖

  • 專題導向主題。如:1.已經對專題有想法,針對此方向設計;2.或選擇一個有興趣的主題,如:文化產業、景點..等;3.某項課程的專題製作網站,如:廣告設計實務、包裝設計實務...等。請針對其現況做分析,並提出建議的做法,包含:
    1. 主題概況|內容、風格走向
    2. 消費者分析|針對公司的主要對象分析|姓名、年齡、職業、生活屬性、風格類別..
    3. 相關網站分析|選取相關行業優質網頁提出分析
    4. 網站架構分析|網站架構圖與規劃建議
    5. 視覺風格分析與實作|針對視覺風格風格、配色等做一統一規範建議,並選擇一適合之範本,規劃其設計內容之重新排版設計,期中前至少試做首頁,並可延伸至其他主要頁面。
    6. 團隊介紹|團隊整體案例介紹、成員介紹:專長、證照、案例、負責項目
    7. 時程規劃|甘特圖

  • 政府標案類型。請針對內容,模擬真實提案,提出建議做法,包含:
    1. 組織概況|規模、產業、產品、風格走向
    2. 網頁現況分析|優點、缺點、需改進的方向建議
    3. 消費者分析|針對主要對象分析|姓名、年齡、職業、生活屬性、風格類別..
    4. 相關網站分析|選取相關行業優質網頁提出分析
    5. 網站架構分析|網站架構圖與規劃建議
    6. 視覺風格分析與實作|針對視覺風格風格、配色等做一統一規範建議,並選擇一適合之範本,規劃其設計內容之重新排版設計,期中前至少試做首頁,並可延伸至其他主要頁面。
    7. 團隊介紹|團隊整體案例介紹、成員介紹:專長、證照、案例、負責項目
    8. 時程規劃|甘特圖

期末作業|RWD多頁式專題網站製作

請參考講義完成RWD|多頁式專題網站製作

作業範例網址與檔案下載(尚未完全整理完成|請稍候下載)

  1. RWD|多頁式專題網站|範例網址

  2. RWD|OLD|多頁式專題網站|範例網址

  3. 範例參考及下載

RWD多頁專題網站|作業說明

  1. 作品須原創,不可使用他人作品,包含文字、照片及插圖,若為他人之文字或圖片請務必取得授權並註明來源。
  2. 可參照上課範例,亦可選擇其他多頁版型,挑選一適合期末作業主題的範本,結合選擇之版型製作。
  3. 針對服務建議書方向,完成一個專業RWD多頁網站|至少10頁(基本60分,並依團隊人數斟酌給分)
  4. 撰寫成果報告書(包含後續推廣規劃)。
  5. 以成果報告書內容,製作結案簡報|需以網站風格為主,具視覺美感|並請精簡報告。
  6. 需完成多頁網站並完成以下製作項目:
    1. 製作『個人圖示favicon』、『LOGO』。
    2. 使用『圖示字體(icon font) Font Awesome』,並使用最新版本作更替。
    3. 製作『首頁影片』、『微動圖』等頂圖效果,不限制,依設計需求。
    4. 製作『介紹頁面』,並進行修改。
    5. 製作『列表頁』以及『內容頁(文章頁)』,不限定類型,依設計需求。
    6. 製作『相簿』,並進行修改,不限定類型,依設計需求。
    7. 製作『網站架構圖』。

    8. 台北市室內設計裝修商業同業公會(TAID)|網站


      哈利波特X怪獸與他的產地|範例


  7. 評分標準::
    1. 美感性與精緻性(配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格)。
    2. 完整性(符合規定,且連結點選都完整)。
    3. 正確性(語法正確,不出錯)。
    4. 成果報告書|簡報|完整性及設計感。
    補充說明:完成基本項目,基本分80分。
  8. 請分別點選作業連結,並回覆 | 北視傳【 RWD多頁專題|作業 】 竹視傳【 RWD多頁專題|作業 】

相關案例參考與應用


  1. 畢業專題應用|RWD|多頁
    1. 流新語|入圍金點新秀設計獎|數位多媒體類|
    2. 流新語|第一版

    3. 這不是禮品店|紅點設計獎|華麗禮物背後隱藏的現實與真相,性暴力議題

    4. 盲思特|認識怪獸家長

    5. 品次方|品格教育

  2. 專案應用|多頁
    1. 中國科大視傳系網頁
    2. 金門瓊林再造歷史現場 產業創新與管理培力計畫

    3. 中國科大規劃與設計學院4E計畫成果|OnePage延伸
    4. 臺灣亞洲交流基金會
    5. 玉山論壇|亞洲創新與進步對話
    6. 台灣佛教傳道協會
    7. 京都亞洲研究國際聯盟