吳照菁

軟體： illustrator CS5 寄件者 作品

複合媒材 使用膠彩 水彩 水墨 及Photoshop合成

基本操作設定： 前台 功能一：進度紀錄 1學生鍵入帳號密碼登入 2直接進入目錄 已於之前的進度位置 功能二：註釋 圖片 1滑鼠移至有畫底線的字詞位置，註釋及照片即出現於右方框中，並到滑鼠移到另一有底線字詞才更換。 2滑鼠移至發音圖示，出現提示『聽發音』的小註解，按下即可聽發音，調整發音需久按圖示調正音量大小。 3點選小圖會出現清楚的圖片顯示。 功能三：查詢字詞（用來查詢沒有註釋的字詞） 滑鼠移至發音圖示，出現提示『拖曳以查詢字詞』的小註解，拖曳滑鼠圖示會跟著移動，在不懂的字詞下劃線，會在右方框出現來源自教育部辭典的解釋。 習題 步驟: 進入題庫後，第一大題選擇題，進行作答。 答對則顯示“圈”，則會進入下一題。 答錯則顯示“叉”，重複作答直到做對為止。 第二大題填充題。 在綠色作答區，KEY進答案，按下確定，答對顯示“圈”，答錯顯示“叉”。 2次錯誤後，會顯示解答鍵，點下，可直接取得解答。 題目作答完畢後，會出現再試一次與詳解。 進入詳解，可點選列印圖示，進行列印。

前言 ． 為什麼我會想做文心學習網? 1.我想要做網頁介面的研究。 2.數位學習是目前還頗熱門的一塊，雖然不熟但可以趁機瞭解。 3.組員於國中代課有地利之便，不管是對老師學生做訪談還是測試都是我想嚐試的部份。 4.我們在初步規劃之前並未設定這網站該是怎麼樣子，是想在訪談過後知道現在實際缺乏是什麼樣的學習網後再做決定。 壹. 收集資料+解析 1.在收集資料之前：我們只要是國文學習相關的網站都看，原本以為數位學習已推行一段時間，大部分的國文網站功能已趨完整，我們只要針對觀察到有所欠缺的部份做修正即可，然大部分國文相關網站 (可能是資訊過多，或者是功能較完備者皆須收費我們沒能操作) 在操作上的不便超乎我們的想像。 2.以下是我們採用做分析的三個參考對象 成語典 -使用頻率相當高的網站，其在資炓檢索部份，值得列入參考。 璀璨中國 -是中國文化研究院所屬，是我們看過資料頗完整的網站，其學習內容的呈現方式較佳。 Seednet2008寬頻互動學習 - 在此能找到國中小的教材及測試題，但網站包山包海易造成迷失。 而能找到國中國文資料最多的竟是各國中國文老師成立的部落格，由此可看出國內專注在提供國中國文學習的部份確實有所欠缺。 3.分析方式 除了我們三位組員實際操作，列出其優缺點外，為了能有之後完成網站測試的依據，我們參考幾本介面設計書籍，決定幾個設計要點，並作初步評估，以璀璨中國為例： 以這些項目由1～5作優劣評估 a.聲音 聲音大小程度 5 聲音使用多寡 5 聲音調配自由度 1 聲音與文字、內容配合度 4 b.媒體運用 圖文配合度 4 聲音與主題配合度 5 結束或開始的顯示度 5 視覺背景協調度 4 c.顏色 色彩數量多寡 5 色彩使用一致性程度 3 訊息與色彩配合度 3 背景及文字配合度 5 聲音與文字、內容配合度 5 d.視窗應用 視窗位置 同一種類視窗一致性優劣度 5 視窗重疊位置優劣度 4 使用者自行運用程度 4 視窗形式 視窗顏色區分度 3 視窗視窗使用狀態區分度 4 視窗與整體情境配合度 4 功能表 功能表位置操控度 4 功能表分類清晰度 4 使用者自行運用程度 2 3.由於老師認為列過多細項可能會影響之後發想被限制住，建議我們尋求多媒老師的建議，而獲知許多網站多作使用性測試（關於使用性可參照我前一篇文章或設計研究方法p265 第十五章啟發式評估），另外也可專注在...

六號貓洞首頁 貓咪店員 貓洞景觀 特色餐點 一. 風格 手繪感、童趣、放鬆慵懶，文字簡短但保持趣味性及神秘感。 二. 網站架構 （一）首頁 導覽列置於上方，中間主要動畫，搭配店名及商標。 動畫：是以門口招牌上的貓咪為主畫面，貓咪緩緩的搖動尾巴，並不時眨眼。 （二）貓洞簡介 列幾小段以客人觀點敘述來作為對貓洞的簡介。 （三）貓咪店員 店內一共有七隻主要貓咪，列出其基本資料：姓名、性別、體重、個性。 ㄧ主要照片呈列，點選下方小圖使主要照片更換。 （四）貓洞景觀 共三選項：白天、黃昏、晚上。 按住畫面中的左右箭頭會使畫面向左右轉動，能看清楚貓洞環繞一圈的場景。 若時間充裕場景亦可採用手繪方式，能引發觀者對貓洞的好奇心。 （五）特色餐點 畫面呈現和貓咪店員相同，以ㄧ主要照片呈列，點選下方小圖使主要照片更換。 並呈列出餐點材料或口感。 （六）連絡我們 包含地址、地圖、電話、電子信箱。 （七）部落格

一.首頁設計 以公司商標"zero"其以"0"出發，讓畫面呈現舒適的留白、簡單親切。 二.活動企劃頁面 將進行中的活動案例列於左方，並強調活動倒數日期，彰顯公司執行效力。 完成的活動案例，可利用上方的搜尋列，可以公司分類、年份、關鍵字等來作活動案例的搜尋。 三.利洛客戶頁面 一樣將進行中的活動案例列於左方；利洛客戶呈現以商標、名稱、案例數來呈現，可以公司分類、關鍵字來搜尋。

<一>先批了再說 1.Flash動畫耗時太長 進入一個網站後，決定要不要繼續查詢的時間大概不會超過三秒，網站動畫過長或圖片載入過慢，都會導致訪客的流失。 2.網站資訊量過少 點入每ㄧ頁面可供查詢的資料太少，可迅速略過，沒有標語、導覽列使用不便；容易失去可信度。 3.畫面上的切割過於瑣碎 ㄧ般人觀賞網頁的習慣是由左上到右下，而利洛企劃的網頁卻在左半邊放了導覽的動畫分散注意力使得右半邊主要內容淪為配角。 4.未做關鍵字行銷 設立公司網站的主要目的不在於讓已經知道這家公司的人來以公司名查詢公司資料，而是讓尚未知道這家公司的人藉由關鍵字搜尋或其他頁面的連結進而擴展公司的知名度，關鍵字行銷是成立網站相當重要的ㄧ環。 關鍵字建議工具 <二>我的建議 1.別作形象頁 對於常使用公司網頁的人而言，形象頁不過是多浪費幾秒時間；沒有意義。除非有下列情況，否則我不建議公司有所謂的形象頁： （1） 有非常重要的事物必須在第一時間呈現 （2） 形象頁會定時更新 （3） 對於使用者而言，形象頁是具有吸引力的 2.成立公司論壇 公司網站往往更新速度過慢，文章華而不實；無法吸引訪客再度進入，我建議成立公司的論壇；內容可以是漫畫、搞笑的、平易近人的、情感細膩的，而不是一昧的對於公司歌功頌德，這樣的內容才能吸引人；例如：面試進入這間公司的情形、公司平時運作情形、怎麼跟上司套交情、犯了什麼錯是怎樣弭補的、怎麼樣使客戶滿意；我相信這樣的論壇能大大的提昇公司在網路上的名氣，但相對而言論壇的管理會比網站辛苦的多。

我是怎樣的人? ㄧ連串的作業像是要我們把自己看清楚，然而我從不認為我曾真正的認識自己，又或許體認到這點才能把自己看得更透徹，以下是對此影像的解釋: 我無法看清許多事 影像中的我，沒有眼珠；沒有辦法看得清楚，從我右眼長出花來，更加渾淆我的視線，光是以眼前所見無法確認，很多事情必須ㄧㄧ去體認。 我無法清楚表達 影像中的我，還沒辦法張口；無法說的清楚，我很不會說話，與人交往也很 慢熟，有時很羨慕善於交際的人，但大部分的時候還是傾向保留真實的自己。 像是植物般持續的生長 雖然盲目又不會表達，但我相信我正在持續的、正向的成長當中!