國教系 9401213 鄒佳雯【存檔】1.圖片、動畫檔、背景音樂、影片檔先製作完成,以便在網頁設計過程使用。 2.網站內容豐富性及美工設計兼顧,考慮網路頻寬,檔案勿太大影響傳輸。3.邊做網頁邊存檔,以免出現狀況時(如斷線、當機時)無法挽救。4.專用資料夾-網頁會出現的圖片、聲音檔案,儘量開一個專屬的資料夾來管理。*心得圖片的檔案與格式是需要注意的,不然網頁製作美觀,瀏覽卻很費時或是無法顯示,大大降低瀏覽率和網頁功效。邊做邊存檔、瀏覽,是個重要習慣,能夠避免資料遺失、錯誤。【整體架構】1.先行規劃設計(紙上模擬作業),版面格式及配置、網頁連結轉換之設計等。2.使用同樣背景顏色、不要太雜、標題文字的字型大小風格統一、最好不要使用閃爍文字或特殊字型。*心得先做大綱規畫是重要的,所學的inspiration是個方便的軟體,讓整體能有一致性目標性,色彩、配置也是需要多注意,才能表達出網站風格、傳達意涵,所以要能夠很熟悉該軟體,才能將各個技巧相互搭配、呈現。【連結】1.注意連結緊密與順暢:盡量將連結的文字融合在文章當中,避免文章看起來很突兀。2.網頁的下方提供連結以便引導參觀者回到上一層或再連結到下一層以及首頁。3.連結別人網站時,最好將被連結的網站,展現在原來視窗(全螢幕 ),或展現在新視窗。*心得網頁需提供能回到首頁的連結這是重要的,還有功能標示清楚、位置大小恰當。才能發揮網頁的最大功效!【圖片】1.希望整齊排列,要適度地利用表格來進行定位。2.圖片不要太大且有文字說明,考慮「圖片資料量的大小」和「檔案格式的普遍化」,格式最好採用GIF和JPEG,原則上一頁網頁的資料量不宜超過100K,並且每張圖最好能加上文字說明。*心得利用框架作定位,讓畫面美觀整齊,檔案以GIF和JPEG為主,方便dream weaver載入編輯。【環境測試】儘可能在各種不同的機器下測試你的網站 1.請別人評論你的網站 2.把瀏覽器放大到全螢幕 3.儘可能使用各種不同的瀏覽器測試網頁*心得這是之前所沒注意過的,可能在自己所使用的電腦畫面是沒有問題,但換不同瀏覽器可能會有圖片顯示不出來、文字移位等。【智慧財產權】在 WWW 上找到的資料不一定都是公開免費的使用他人的資料前,最好先取得他人的同意*心得網路上的資料取得便利,雖然公開但不一定免費可以載用,不過非公開的繳交作業使用,顧慮應該較少,但應標示資料出處來源。【資訊更新】經常更新網站的內容,尤其是隨著時間必需更新的資訊,通常在網頁上註明最後更新資訊的時間*心得網頁標註最後更新日期,覺得是一種負責任的態度,讓網頁更具有效性、可信度。【觀眾的評價】透過電子郵件收集讀者的意見,做為網頁改進的參考*心得透過他人的評價、建議,不斷的修正,是讓網頁進步的原動力。【資料收集】http://web.ntit.edu.tw/~chwang/door/homepage.htmhttp://vr.theatre.ntu.edu.tw/fineart/th6_500/th6_500c2.htmhttp://frank.lib.nttu.edu.tw/document/%BA%F4%AF%B8%B3W%B9%BA%BBP%B3]%ADp.ppt#274,7,網頁設計一般注意事項(續)
【網頁中多媒體網頁設計的原則】1.內容與形式相統一 內容是指製作者要通過網頁向瀏覽者傳達的有效資訊及文字;形式指的是網頁的排版佈局、色彩、圖形的運用等外在的視覺效果。無論採取何種表現形式的多媒體都不能單純追求網頁美觀而忽視內容的建設,沒有充實內容的多媒體,即使設計再精美,也不會對用戶有長久的吸引力。 2.主題鮮明 一個多媒體設計必須要主題鮮明,突出重點,特別是個人網站,不可能像綜合網站一樣內容大而全,包羅萬象,因此必須要確定一個明確的主題,突出自己的個性和特色,一個主題鮮明、內容豐富極具特色的多媒體設計往往比一個「大雜燴」式的更能吸引人。 3.風格統一 整個網站設計要採取統一的風格,這樣使網站看起來更專業,不要一個頁面採用一種風格,另外一個頁面又換一種風格,給人一種很散亂的印象。風格要突出自己的個性,無論是文字、色彩的運用,還是多媒體的設計都要給人一種鮮明的印象,使人看到這個頁面,就會想到這是你的網站。 4.兼顧下載速度與美觀 由於目前的網路狀況較差,不能片面追求多媒體的美觀而忽視它的下載速度,這樣會失去大批瀏覽者,大家不會為了看一段美麗的動畫而等上半天。網頁中的多媒體設計應當是起到畫龍點睛的作用,除非特殊需要,一般不要在網頁中大量使用,在網頁中的多媒體要經過適當的壓縮處理,使它在保證質量的前提下儘量小。一些用Flash程式設計的多媒體也非常美觀,但下載速度慢,一般要慎重使用。5.良好的相容性 對於網頁來說,多媒體不同於其他印刷品,製作完成後就一成不變了,它隨著用戶瀏覽器的不同而出現變化,因此設計者一定要考慮到多媒體與網頁的相容性,使它適用於大多數主流的瀏覽器或目標用戶所用的瀏覽器,不致於出現差別很大的瀏覽效果。 6.經常更新 經常維護更新,給用戶提供最新的資訊,才是一個網站具有吸引力的重要手段。因此,要想保持網站的訪問量,吸引更多的「回頭客」,必須要定期更新多媒體的設計內容。【心得】我認為一個網頁做得成不成功,其內部的多媒體設計佔了很大的因素,大部分的觀眾都愛看動態畫面、享受視覺、聽覺的震撼,因此,無疑地,網頁多媒體的設計較能吸引瀏覽者的注意力;而實際製作多媒體的過程,卻不如我想像中的那麼簡單,除了內在因素(自己的能力)外,還要把外在因素(上述之六原則)考慮在內;總之,這是件繁縟的工程,需花下大筆的心力才能有小小成就,不過,操作久了,也是能對各步驟及注意事項越來越熟練的,所以有機會,我還是會嘗試製作多媒體的設計替自己的網頁整體看起來更多元、豐富!
教經一甲 林辰娟109617001多媒體中的「媒體」應該是指一種表達某種資訊內容的形式,同理可以知道,我們所指的多媒體,應該是多種資訊的表達方式或者是多種資訊的類型,自然地,我們就可以用多媒體資訊這個概念來表示包含文字資訊、圖形資訊、圖像資訊和聲音資訊等不同資訊類型的一種綜合資訊類型。所以多媒體設計原則就是要讓閱覽者更清楚網頁內容所要表達的東西。月事清楚的設計就能讓參觀的人容易瞭解內容。我覺得多媒體是現代科技進步的一項重要指標,透過互動式多媒體,還可以讓閱覽者有更多機會操控電腦的方向。
多媒體網頁設計注意事項一、力求單純化 由於多媒體產品的內容和介面共同創造互動的關係,因此介面和互動的形式除了力求清楚,更要求簡單。若介面提供太多的選擇和太複雜的使用方法會讓使用者困惑,然後漸漸不想使用了。 二、設計一致性多媒體產品中介面設計要有一致性,讓使用者很容易學習並建立對作品的信任感。 三、要有參與性多媒體產品應該邀請使用者加入,創造互動的關係,也就是讓他們與產品內容對話。 四、內容有深度要確定我們的多媒體產品能讓使用者比以往的傳統媒體,探索到更多的東西。 五、娛樂性適當多媒體產品應該提供適當的娛樂性,並依內容的性質,觀眾的性質來決定娛樂的方式。 六、價格合理化價格合理化有賴於完整的市場調查。不同市場區隔的觀眾願意花在購買產品的金額都不盡相同,因此訂定一個合理,而且一般使用者負擔得起的價格是很重要的。 全球資訊網網頁最擅長完成下列三個目標: 第一、讓閱聽人熟悉你的名字、產品、服務與點子。 第二、向眾多的潛在閱聽人發表你的文字、影像與其他各種電子資料。 第三、讓閱聽人對世界性的俱樂部、公司、機關組織,產生近在身旁的親切感。
網頁設計在多媒體上,有幾個原則:加入多媒體資訊會令網站更吸引,但同時會帶來增加下載時間的問題圖像在主文本中加入低解像度縮圖,讓用戶可快速下載;當用戶需要時,可按下相片,電腦可開啟新視窗,以顯示高解像全圖好處:用戶可按需要才顯示高解像全圖/文本的編排不被影響聲音:若可以供用戶控制聲音的播放(如提高或減低音量、暫停或返回等),比單以固定形式的背境音樂播放更佳(例如:九巴的網站可停播音樂)視像:很多時都需要瀏覽器裝有外掛程序才可播放,而不同的視像格式需要不同的外掛程序,設計時需要顧及用家有否這程序及指示可如何下載。(例如:RealPlayer, Window Media Player, QuickTime Player)(參考自網路)總體而言,在使用多媒體設計網頁時,首要之務是使畫面不要太花俏,不要一次給予太多訊息,使畫面歸於一個統一的整體性。還有,使用多媒體的設計,多半需要有較大的空間,使下載速度不會太慢,顧客的需求堅固又快速。運用多媒體時,多為需要顧客一眼就注意到的事項,所以需要經常性的更新內容。心得:使用多媒體在設計網頁時,會增加網頁的豐富性和趣味性,避免走入死板的境界,而且在多媒體的設計上,應多了解每一頁網頁的屬性,減少雜亂無章的可能。但如果運用得宜,會是很棒的網頁設計。再使用前多學習多看是沒錯的!
1.版面設計一個好用又好看的網站,他的設計一定要很好,不然大家去了也不知道該按哪邊,就失去了他的意義。2.圖片大小要是上傳的圖片檔案太大,導致很多人的網路速度不夠快而無法看到,這樣不但可惜也會讓很多人失去對你的網頁的興趣。3.參與性如果能夠讓來你網站的人提供意見的話,網站一定可以越來越進步的,所以讓大家有地方發言是很重要的。心得:一個網站設計的優良與否,不在於他用了多少很強的功能,而在於參觀者是否能夠開心的使用,如果設計了一個很多功能但是大多數的人都無法觀看的網站也是沒有用的,還不如設計一個雖然功能沒有那麼多可是卻很實用的網站來的好。
1.視覺效果儘量不要於每頁插入太多的動態效果,例如走馬燈.動態圖示.閃爍字...,效果太多反而容易導致視覺疲勞2.版權問題不要抄襲與模仿別人的網站,包括顏色搭配、圖片風格,甚至是網站的整體型式3.主題鮮明一個網站必須要主題鮮明,突出重點,特別是個人網站,不可能像綜合網站一樣內容全面,因此必須要確定一個明確的主題,突出自己的個性和特色4.經常更新經常維護更新,給用戶提供最新的資訊,才是一個網站具有吸引力的重要手段。 5.欄目設置合理內容較多的網站,其欄目設置是否清晰、合理往往會影響網站的訪問量。一個欄目設置合理的網站,網友會很容易地找到需要的東西,這樣的網站才能讓大家喜歡。心得:在做一個網頁之前,應該先了解所要做的網頁的方向跟大綱,才不會使整體網頁看起來雜亂。此外,也應該多方面觀摩,吸取優點,做出屬於自己風格的網頁。
1.操作上手 每個圖示都能淺顯易懂,讓消費者能感受到我們的貼心之處。2.多位瀏覽者著想 思考這網頁主要針對的年齡層,若是年輕人就要有創意,有獨特風格,且難得一見;若是中老年人可能就要設計出淺顯易懂的模式;若是針對大眾則要加入綜合元素。3.主題呈現清楚能讓人一進入後便能感受到我們想呈現的主題概念,不能偏離或很多不相關的圖樣,而達反效果。4.版面吸引人一進入網頁就要具有吸引力,才人讓人想多停留多,設計有趣的動畫或圖片有助於吸引人們產生興趣,想多挖掘這個網頁。5.客服信箱有了信箱能夠讓顧客給予我們不同的意見,改進我們沒看到的地方,而且有了客服信箱,多了與顧客互動的地方,能讓顧客知道我們的用心與上進心。心得一個好的網頁能吸引很多人來觀看,是一個不用花大錢的廣告行銷方式,因此在網頁製作上不得馬虎,設計要符合現代人的追求,畫面要有視覺效果,操作起來要像玩遊戲一般,有許多新奇的事務出現,不要古板,與以往的形式雷同,和其他的網頁相似,若能設計出自我風格,便能讓人有耳目一新的感覺。
多媒體設計應該是要配合網頁想表達的主題來製作的,所以設計出來的東西應該要和網頁的風格相同,不要讓人有突兀的感覺,再來就是不要太多!適當的放置會有加分的效果,可是過度就會造成眼睛的負擔,也最好能設計使用者能控制的按鍵,像是音樂要有撥放停止的按鍵。此外,也要注意檔案的大小,以免使用者瀏覽時讀取時間過長。還有操作方式要簡單!檔案類型要選擇較普遍的,還要提供檔案下載!我看過許多網站都有採用多媒體,因為能使網頁更多元更豐富,可是有些網站一進去就有背景音樂,還蠻討厭的,因為會跟自己撥放的音樂重疊還不能靜音。還有一些是加太多動畫之類的東西,看了就覺得很雜亂,希望以後設計者能以使用者為出發點思考設計!
1. 確定主題在主題確定後,所作的一切朝此方向努力,才不會在設計中失去原本所要強調的物件,也可以讓瀏覽者收到正確的訊息2. 介面設計巢狀表格的設計使得一個網頁雖可以作更有效率的分配使用,但若分配不當(如:網頁被切割得很碎),瀏覽者容易模糊焦點,也會增加操作網頁的困難度。對於文字的處理配色要得當,否則容易被背景色給掩蓋。3. 動畫應用運用動畫效果得當,可以使平面的網頁增添活潑,也可以達到吸引眼球的目的。但若每項東西都使用動畫,則容易分散焦點,過多的動畫也會減慢網頁開啟的速度。心得:要成為一個網頁設計者都須先從瀏覽者做起,藉由逛別人的網頁得到心得或啟發。多想想自己在身為瀏覽者時需要什麼、哪些設計是繁瑣的。我認為一個成功的網頁在入口的網頁是最重要的,在第一眼時就要吸引瀏覽者的目光,標新立異的主題或多媒體的使用往往可以達到效果。在學習的過程中,會產生一些挫折感,因自己的技術有限,達不到想要的效果只好選擇其他方式替代,這無奈的選擇也是往後每次學習的動力。
看了大家的意見真的都好詳細喔~~大概都被說完了耶以下是我想到的在多媒體影片部分FLV檔案或是其他外部嵌入連結來講因為是串流下載所必須考慮到連線速度的問題必須控制檔案大小因為要控制檔案大小所以在網路上的畫質其實就可以不用太高也會牽扯到網頁空間的問題圖片部分包括排版的注重背景的透明設定(類似PNG檔的問題)檔案太大與否(相信大家都有看大圖等到不耐煩的經驗)主題的一致性..包括色彩等等聲音部分其實聲音我感覺比較主觀一點背景音樂要跟網頁風格吻合吧能想像星巴克的網頁背景音樂是舞曲嗎??就是一致性吧不要點一點其他網頁突然從慢音樂變成搖頭舞曲除非網頁風格改變啦哈哈當然還是要注意檔案大小的問題在聲音跟影像部分還有牽扯到外掛程式的部分有些人的電腦裡沒有這些播放程式看之前還要下載增加麻煩另外在於圖片等排版問題考慮到使用者的解析度.是否寬螢幕等等還有各種瀏覽器支援語法的不同像很多IE不支援但是FF支援也有些FF支援但是IE不支援中文檔名就是一個例子(IE支援FF不支援)總之~~在網頁設計上最重要的就是考慮到使用者的觀點使用者的使用軟體與環境還有網路的速度網頁的空間大小~~等等當然~~風格與美感也是很重要的好的網站就應該美感功能兼具!!!^^"這也是一個程式設計者最重要的課題現在網頁瀏覽器和環境越來越複雜寬螢幕窄螢幕..或是不同的解析度都造成網頁設計的困難所以這個課題是很重要的!!
國教三甲 9401105 徐聖淵瀏覽器 由於觀眾使用各種不同的瀏覽器,以及瀏覽器的功能不斷更新,對於網頁設計者是一大挑戰。有些資訊在某一種瀏覽器上呈現很好,卻在另一個瀏覽器上的呈現卻看起來很奇怪。電腦運作平台 電腦螢幕的解析度各有不同,所使用的螢幕字型也不相同。有的電腦能支援聲音、電影,甚至有關虛擬實境的檔案﹝VRML﹞。網路頻寬 從數據機下載網頁的傳輸速度比乙太網路慢,要花費較多時間,因此有些人通常不下載圖形。常常使用數據機的人對大的檔案如:全頁圖檔、聲音、影像和虛擬實境的檔案都會儘量避免下載。使用環境測試 • 下載網頁時,先不要下載圖形• 儘可能在各種不同的機器下測試你的網站• 請別人評論你的網站]• 把你的瀏覽器放大到全螢幕• 儘可能使用各種不同的瀏覽器測試你的網頁 • 將你的網頁分別在 28.8 和 56.0 二種不同的數據機上測試• 透過乙太網路及一般電話線做測試。智慧財產權 • 在 WWW 上找到的資料不一定都是公開免費的; • 使用他人的資料前,最好先取得他人的同意; • 不要使用他人已註冊的資料,如米老鼠等; • 即使你在使用他人的資料時,並沒有從中得利,也不代表你的行為是合法。 資訊更新 創造一個網站最有挑戰性的部份是經常更新網站的內容,尤其是一些隨著時間必需更新的資訊。為了告訴讀者有關資訊的時效性,通常我們會在網頁上註明最後更新資訊的時間,並且註明負責資訊更新的負責人姓名與電子郵件地址,以方便讀者與其連絡。 觀眾的評價 要了解讀者對某一個網頁的評價是件不容易的事。有人會認為要做一些修改,有人會認為它所提供的內容很有價值,有人會僅僅說很好。因此通常會透過電子郵件收集讀者的意見,做為網頁改進的參考。 心得:其實用作網頁真的需要注意很多事項,就連瀏覽網頁的人都可以成為鑑定的一份題材。我比較注意的是寬頻,因為我知道越來越科技化的世界,寬頻是必備的。因為現在很多講義,老師都會叫我們直接去她的網站上DOWNLOAFD,這就是考驗寬頻實用度的時候,因為要是網路不好,下載一事就別想了!關於智慧財產權,我認為也是很重要的,我就覺得我們都可以做出很棒的網頁,但是要是那些東西都被別人偷走的話,那還有誰要創作呢?只要創作還不能是自己的東,這對創作者是不公平的。雖然現在盜版的CD很多,但是我還是要為正版的CD發點聲音。最後關於瀏覽器,各式各樣的瀏覽器我覺得很重要,因為這種東西都不會統一,如何建造出一個適合大家使用的瀏覽器,我覺得沒有一定的程度是半不到的,這也是我覺得瀏覽器很重要的地方。其實不只是這些,還有其他東西都是很重要,我們不應該去乎是任何一個環節,只要是跟網頁設計有關係的,我們就應該多注意,因為牽一髮而動全身,電腦就是這樣的東西,對於多媒體設計絕對不可以一知半解,要不然是會吃大虧的喔~~
>>>原則[為瀏覽者著想]1.圖片及影音檔需考慮到下載速度及空間的問題,檔案儘量不要太大。2.版面設計要乾淨並指標明確,方便瀏覽者使用。3.要有回響及參與的設計,且定期更新。[設計的習慣]1.每做一步驟就存檔,可避免斷線或當機造成檔案遺失。2.每做一步驟即預覽測試,可掌握錯誤的狀況。3.善用資料夾分類,可節省找檔案的時間。[內容]1.需注意版權問題。2.可設計商標logo,加深瀏覽者印象且行銷品牌。3.明確傳達網站的主題。>>>感受我覺得,製作網站者應替瀏覽者規劃容易上手的動線,並明確主題,使瀏覽者可以很容易找到自己想要的資料,這樣才算是好的網站。美觀方面如果無法做到高級的特效,可改走簡單路線,以免弄巧成拙,程式設計弄得錯誤百出,會大打折扣。
應用認知負荷理論所發展的多媒體系統設計原則,主要考量到人類的認知架構,及其處理資訊的能力,衍生了以下幾項多媒體設計原則:1分析學習過程中,對教材元件(elements)思索的需求,若同時呈現過量必須思索的資訊,將造成認知負荷。2使用單一且密合的表示方法,以減少注意力的分散。不當的位置配當、聲音、動畫,皆會引起注意力分散之情形。3移除重複的內容,減少認知負荷。例如:當資訊可由文字或圖表單獨且完整的表達時,文字或圖表擇一即可。4動畫與聲音(或文字)同時呈現,較循序呈現為佳。5資訊的呈現結合不同的感官刺激(視覺、聽覺、觸覺),可降低認知負荷。上述幾項原則為多媒體設計時可利用的技巧,主要目的在於降低學習者外在認知負荷(Extraneous Cognitive Load),讓學習者能有效率的處理資訊內容。除此之外,學習者的經驗、動機、學習型態、先備知識等因素,也是影響學習效果的原因。在多媒體設計時,亦需依目標學習者,作適當的調整。心得:老師之前上課時有特別提到二元論的概念,同時也大略提到此理論的反對意見,在這次blog作業中我所查到的資料,正好是將這個反對的理論詳加闡述,讓我對於多媒體設計的原則有了更深一層的了解。的確,當我們在觀賞多媒體的作品時,如果同時呈現多種感官的刺激,會令人感覺紊亂,甚至有頭昏腦脹之感。而有時候師長教導我們製作投影片的技巧時,也會特別提醒,畫面配置必須清晰簡潔,以及若要放置小型動畫來裝飾畫面時,其量絕對要少,頂多一個、兩個即可,不然會分散報告者及聽眾的注意力,製作網頁也是一樣,要讓瀏覽者賞心悅目,並且願意靜下心繼續閱讀內容。
【螢 幕 解 析 度】所有電腦的解析度設定不是都一樣的,因此製作網站應多方測試看看。【瀏 覽 器 的 相 容 性】瀏覽器至少十來種以上,需注意特殊語法與瀏覽器之間的相容性問題。【字 型】最好不要使用特殊的字型來設計你的網頁,有很多的使用者並不見得都有那些字型。【檔 案 大 小】盡量不要使用檔案體積太大的圖片,更不要使用自動載入的背景音樂,讓使用者有更多選擇權。【視 覺 效 果】儘量不要於每頁插入太多的動態效果,效果太多反而容易導致視覺疲勞。【特 殊 效 果】不要太依賴 Java 與 JavaScript ,因為並非每個人的電腦配備都非常好,且網頁開啟亦需花費很多時間。【版 權 問 題】不要抄襲與模仿別人的網站,包括顏色搭配、圖片風格,甚至是網站的整體型式。【個 人 風 格】擁有強烈的自我特色,讓瀏覽者能留下深刻印象。【介 面 簡 單 化】讓使用者能夠輕鬆使用。 >>心得我認為網頁設計最大原則便是,網頁版面要讓使用者即使長時間瀏覽也不會感到視覺疲乏,觀看的舒適度是一個相當重要的要素,包含字體大小、顏色搭配、選單設計……等等。而網站設計的風格、內容與更新速度往往也是影響使用者是否會經常參訪的主要因素,所以一個好的網站未必需要許多高難度的語法設計或者華麗的版面設計,而是該力求內容的充實程度與操作上的方便及舒適程度。
國教系 9401136 蔡昀靜在網頁中的多媒體可分為以下幾種:[圖形]設計原則1.功能表上的icon:icon設計的優劣是網頁設計中最重要的一部份。(1)圖形代表著一種無聲的語言,所以icon必須使用大眾共通的圖形語言,讓使用者能第一眼就看到想要使用的功能。(2)如果功能表空間夠的話,可在icon旁加入註解文字,輔助使用者使用;如果空間不允許的話,則可設計為滑鼠mouseon的同時,也出現icon的功能註解。(3)為了方便使用者使用,也要為icon設計快速鍵的功能。一旦使用者沒有滑鼠可使用時,也可靠者鍵盤來操作。(4)為了維持介面的整潔,較不常使用的icon可設計一個下拉式選單,當需要的時候再去選取,介面上只保留最常用的icon。2.網頁中的圖片:(1)網頁中的圖片大小盡量能統一,功能性相同的也建議放在同一個位置。(2)網頁中圖與文的比例約為0.5:1 ,圖片過多及過少都不是一個好的網頁設計。[音樂]設計原則(1)背景音樂音量要適中,最好能設計一個背景音樂播放介面,由使用者來決定想要聽什麼![影片]設計原則(1)主動式播放影片盡量一個就好,以免影響使用者瀏覽網頁的使用品質。(2)被動式播放影片應使用大眾的播放媒體,無論是windows xp 或是vista都能開啟此媒體。[動畫]設計原則(1)動畫的設計可用在首頁,吸引使用者的興趣;但是在進入較重要的網頁時,動畫反而會阻礙使用者的工作,所以在此方面要減少動畫的出現!(2)動畫可配合網站地圖的設計,主動地引領使用者瞭解整個網站架構以及想使用的功能![感想]網頁中的多媒體設計佔了整個網頁的絕大部份!無論是怎樣的設計,都要以使用者為中心當做出發點,要讓整個網頁成為一個無障礙網頁。除了以上幾點設計原則之外,整個網頁的頁面架構分類也是很重要的一點。最後可設計一個留言板,讓使用者寫下自己使用的心得,並不斷修正改進,方可提升整個網頁的完整性!
●版面的設計整個網頁的版面設計其實非常的重要,尤其是首頁的第一印象,會決定參觀者對於這個網頁的印象。如果能有自己獨特的版面風格,那更會另參觀者印象深刻。整個版面如果一直都使用捲軸式的方法,那將會很雜亂而且所有的內容都在同一頁,整體不夠清楚明確,所以最好是多使用超連結的方式來讓版面乾淨些。還有當中的字體字形也都是要關注的事項,如果不夠明顯或是雜亂,將會影響到整個版面的觀感,而且如果標示不夠明確,將會影響到瀏覽整個網站的順暢性。所以每個小細節其實都會影響到整體的感覺。另外,如果只有單純的圖片與文字可能會另人感到枯燥乏味,所有最好加入一些動畫與背景音樂,讓人在逛你的網頁是ㄧ種享受。好的網頁都會有讓使用者可以與其互動的地方,例如是能夠讓使用者留下建議與回饋,好讓我們能夠改進,使用者的疑問也能被解答。當然網站的更新動作也是不能怠慢的,否則久了,就會流失使用者了。總而言之,一個好的網站最主要是要讓使用者方便與喜歡。所以應該以他們的觀點來作主要的設計。就像老師所說,以使用者為中心!好的網頁真的須要貼心的設計以及美麗的視覺享受,當然最重要的是使用方便性與資料豐富性,其實常常在逛網頁,知道真的好的網站是需要付出很多心血去完成的。但那通常是有代價的,因為這傑出的網站會讓很多人流連忘返,感覺來這個網站就像是享受一樣。
張貼留言
17 則留言:
國教系 9401213 鄒佳雯
【存檔】
1.圖片、動畫檔、背景音樂、影片檔先製作完成,以便在網頁設計過程使用。
2.網站內容豐富性及美工設計兼顧,考慮網路頻寬,檔案勿太大影響傳輸。
3.邊做網頁邊存檔,以免出現狀況時(如斷線、當機時)無法挽救。
4.專用資料夾-網頁會出現的圖片、聲音檔案,儘量開一個專屬的資料夾來管理。
*心得
圖片的檔案與格式是需要注意的,不然網頁製作美觀,瀏覽卻很費時或是無法顯示,大大降低瀏覽率和網頁功效。邊做邊存檔、瀏覽,是個重要習慣,能夠避免資料遺失、錯誤。
【整體架構】
1.先行規劃設計(紙上模擬作業),版面格式及配置、網頁連結轉換之設計等。
2.使用同樣背景顏色、不要太雜、標題文字的字型大小風格統一、最好不要使用閃爍文字或特殊字型。
*心得
先做大綱規畫是重要的,所學的inspiration是個方便的軟體,讓整體能有一致性目標性,色彩、配置也是需要多注意,才能表達出網站風格、傳達意涵,所以要能夠很熟悉該軟體,才能將各個技巧相互搭配、呈現。
【連結】
1.注意連結緊密與順暢:盡量將連結的文字融合在文章當中,避免文章看起來很突兀。
2.網頁的下方提供連結以便引導參觀者回到上一層或再連結到下一層以及首頁。
3.連結別人網站時,最好將被連結的網站,展現在原來視窗(全螢幕 ),或展現在新視窗。
*心得
網頁需提供能回到首頁的連結這是重要的,還有功能標示清楚、位置大小恰當。才能發揮網頁的最大功效!
【圖片】
1.希望整齊排列,要適度地利用表格來進行定位。
2.圖片不要太大且有文字說明,考慮「圖片資料量的大小」和「檔案格式的普遍化」,格式最好採用GIF和JPEG,原則上一頁網頁的資料量不宜超過100K,並且每張圖最好能加上文字說明。
*心得
利用框架作定位,讓畫面美觀整齊,檔案以GIF和JPEG為主,方便dream weaver載入編輯。
【環境測試】
儘可能在各種不同的機器下測試你的網站
1.請別人評論你的網站
2.把瀏覽器放大到全螢幕
3.儘可能使用各種不同的瀏覽器測試網頁
*心得
這是之前所沒注意過的,可能在自己所使用的電腦畫面是沒有問題,但換不同瀏覽器可能會有圖片顯示不出來、文字移位等。
【智慧財產權】
在 WWW 上找到的資料不一定都是公開免費的
使用他人的資料前,最好先取得他人的同意
*心得
網路上的資料取得便利,雖然公開但不一定免費可以載用,不過非公開的繳交作業使用,顧慮應該較少,但應標示資料出處來源。
【資訊更新】
經常更新網站的內容,尤其是隨著時間必需更新的資訊,通常在網頁上註明最後更新資訊的時間
*心得
網頁標註最後更新日期,覺得是一種負責任的態度,讓網頁更具有效性、可信度。
【觀眾的評價】
透過電子郵件收集讀者的意見,做為網頁改進的參考
*心得
透過他人的評價、建議,不斷的修正,是讓網頁進步的原動力。
【資料收集】
http://web.ntit.edu.tw/~chwang/door/homepage.htm
http://vr.theatre.ntu.edu.tw/fineart/th6_500/th6_500c2.htm
http://frank.lib.nttu.edu.tw/document/%BA%F4%AF%B8%B3W%B9%BA%BBP%B3]%ADp.ppt#274,7,網頁設計一般注意事項(續)
【網頁中多媒體網頁設計的原則】
1.內容與形式相統一
內容是指製作者要通過網頁向瀏覽者傳達的有效資訊及文字;形式指的是網頁的排版佈局、色彩、圖形的運用等外在的視覺效果。無論採取何種表現形式的多媒體都不能單純追求網頁美觀而忽視內容的建設,沒有充實內容的多媒體,即使設計再精美,也不會對用戶有長久的吸引力。
2.主題鮮明
一個多媒體設計必須要主題鮮明,突出重點,特別是個人網站,不可能像綜合網站一樣內容大而全,包羅萬象,因此必須要確定一個明確的主題,突出自己的個性和特色,一個主題鮮明、內容豐富極具特色的多媒體設計往往比一個「大雜燴」式的更能吸引人。
3.風格統一
整個網站設計要採取統一的風格,這樣使網站看起來更專業,不要一個頁面採用一種風格,另外一個頁面又換一種風格,給人一種很散亂的印象。風格要突出自己的個性,無論是文字、色彩的運用,還是多媒體的設計都要給人一種鮮明的印象,使人看到這個頁面,就會想到這是你的網站。
4.兼顧下載速度與美觀
由於目前的網路狀況較差,不能片面追求多媒體的美觀而忽視它的下載速度,這樣會失去大批瀏覽者,大家不會為了看一段美麗的動畫而等上半天。網頁中的多媒體設計應當是起到畫龍點睛的作用,除非特殊需要,一般不要在網頁中大量使用,在網頁中的多媒體要經過適當的壓縮處理,使它在保證質量的前提下儘量小。一些用Flash程式設計的多媒體也非常美觀,但下載速度慢,一般要慎重使用。
5.良好的相容性
對於網頁來說,多媒體不同於其他印刷品,製作完成後就一成不變了,它隨著用戶瀏覽器的不同而出現變化,因此設計者一定要考慮到多媒體與網頁的相容性,使它適用於大多數主流的瀏覽器或目標用戶所用的瀏覽器,不致於出現差別很大的瀏覽效果。
6.經常更新
經常維護更新,給用戶提供最新的資訊,才是一個網站具有吸引力的重要手段。因此,要想保持網站的訪問量,吸引更多的「回頭客」,必須要定期更新多媒體的設計內容。
【心得】
我認為一個網頁做得成不成功,其內部的多媒體設計佔了很大的因素,大部分的觀眾都愛看動態畫面、享受視覺、聽覺的震撼,因此,無疑地,網頁多媒體的設計較能吸引瀏覽者的注意力;而實際製作多媒體的過程,卻不如我想像中的那麼簡單,除了內在因素(自己的能力)外,還要把外在因素(上述之六原則)考慮在內;總之,這是件繁縟的工程,需花下大筆的心力才能有小小成就,不過,操作久了,也是能對各步驟及注意事項越來越熟練的,所以有機會,我還是會嘗試製作多媒體的設計替自己的網頁整體看起來更多元、豐富!
教經一甲 林辰娟109617001
多媒體中的「媒體」應該是指一種表達某種資訊內容的形式,同理可以知道,我們所指的多媒體,應該是多種資訊的表達方式或者是多種資訊的類型,自然地,我們就可以用多媒體資訊這個概念來表示包含文字資訊、圖形資訊、圖像資訊和聲音資訊等不同資訊類型的一種綜合資訊類型。
所以多媒體設計原則就是要讓閱覽者更清楚網頁內容所要表達的東西。月事清楚的設計就能讓參觀的人容易瞭解內容。我覺得多媒體是現代科技進步的一項重要指標,透過互動式多媒體,還可以讓閱覽者有更多機會操控電腦的方向。
多媒體網頁設計注意事項
一、力求單純化
由於多媒體產品的內容和介面共同創造互動的關係,因此介面和互動的形式除了力求清楚,更要求簡單。若介面提供太多的選擇和太複雜的使用方法會讓使用者困惑,然後漸漸不想使用了。
二、設計一致性
多媒體產品中介面設計要有一致性,讓使用者很容易學習並建立對作品的信任感。
三、要有參與性
多媒體產品應該邀請使用者加入,創造互動的關係,也就是讓他們與產品內容對話。
四、內容有深度
要確定我們的多媒體產品能讓使用者比以往的傳統媒體,探索到更多的東西。
五、娛樂性適當
多媒體產品應該提供適當的娛樂性,並依內容的性質,觀眾的性質來決定娛樂的方式。
六、價格合理化
價格合理化有賴於完整的市場調查。不同市場區隔的觀眾願意花在購買產品的金額都不盡相同,因此訂定一個合理,而且一般使用者負擔得起的價格是很重要的。
全球資訊網網頁最擅長完成下列三個目標:
第一、讓閱聽人熟悉你的名字、產品、服務與點子。
第二、向眾多的潛在閱聽人發表你的文字、影像與其他各種電子資料。
第三、讓閱聽人對世界性的俱樂部、公司、機關組織,產生近在身旁的親切感。
網頁設計在多媒體上,有幾個原則:
加入多媒體資訊會令網站更吸引,但同時會帶來增加下載時間的問題
圖像
在主文本中加入低解像度縮圖,讓用戶可快速下載;
當用戶需要時,可按下相片,電腦可開啟新視窗,以顯示高解像全圖
好處:用戶可按需要才顯示高解像全圖/文本的編排不被影響
聲音:若可以供用戶控制聲音的播放(如提高或減低音量、暫停或返回等),比單以固定形式的背境音樂播放更佳(例如:九巴的網站可停播音樂)
視像:很多時都需要瀏覽器裝有外掛程序才可播放,而不同的視像格式需要不同的外掛程序,設計時需要顧及用家有否這程序及指示可如何下載。(例如:RealPlayer, Window Media Player, QuickTime Player)
(參考自網路)
總體而言,在使用多媒體設計網頁時,首要之務是使畫面不要太花俏,不要一次給予太多訊息,使畫面歸於一個統一的整體性。
還有,使用多媒體的設計,多半需要有較大的空間,使下載速度不會太慢,顧客的需求堅固又快速。運用多媒體時,多為需要顧客一眼就注意到的事項,所以需要經常性的更新內容。
心得:使用多媒體在設計網頁時,會增加網頁的豐富性和趣味性,避免走入死板的境界,而且在多媒體的設計上,應多了解每一頁網頁的屬性,減少雜亂無章的可能。但如果運用得宜,會是很棒的網頁設計。再使用前多學習多看是沒錯的!
1.版面設計
一個好用又好看的網站,他的設計一定要很好,不然大家去了也不知道該按哪邊,就失去了他的意義。
2.圖片大小
要是上傳的圖片檔案太大,導致很多人的網路速度不夠快而無法看到,這樣不但可惜也會讓很多人失去對你的網頁的興趣。
3.參與性
如果能夠讓來你網站的人提供意見的話,網站一定可以越來越進步的,所以讓大家有地方發言是很重要的。
心得:
一個網站設計的優良與否,不在於他用了多少很強的功能,而在於參觀者是否能夠開心的使用,如果設計了一個很多功能但是大多數的人都無法觀看的網站也是沒有用的,還不如設計一個雖然功能沒有那麼多可是卻很實用的網站來的好。
1.視覺效果
儘量不要於每頁插入太多的動態效果,
例如走馬燈.動態圖示.閃爍字...,
效果太多反而容易導致視覺疲勞
2.版權問題
不要抄襲與模仿別人的網站,
包括顏色搭配、圖片風格,
甚至是網站的整體型式
3.主題鮮明
一個網站必須要主題鮮明,
突出重點,特別是個人網站,
不可能像綜合網站一樣內容全面,
因此必須要確定一個明確的主題,
突出自己的個性和特色
4.經常更新
經常維護更新,給用戶提供最新的資訊,
才是一個網站具有吸引力的重要手段。
5.欄目設置合理
內容較多的網站,
其欄目設置是否清晰、合理
往往會影響網站的訪問量。
一個欄目設置合理的網站,
網友會很容易地找到需要的東西,
這樣的網站才能讓大家喜歡。
心得:在做一個網頁之前,應該先了解所要做的網頁的方向跟大綱,才不會使整體網頁看起來雜亂。此外,也應該多方面觀摩,吸取優點,做出屬於自己風格的網頁。
1.操作上手
每個圖示都能淺顯易懂,讓消費者能感受到我們的貼心之處。
2.多位瀏覽者著想
思考這網頁主要針對的年齡層,若是年輕人就要有創意,有獨特風格,且難得一見;若是中老年人可能就要設計出淺顯易懂的模式;若是針對大眾則要加入綜合元素。
3.主題呈現清楚
能讓人一進入後便能感受到我們想呈現的主題概念,不能偏離或很多不相關的圖樣,而達反效果。
4.版面吸引人
一進入網頁就要具有吸引力,才人讓人想多停留多,設計有趣的動畫或圖片有助於吸引人們產生興趣,想多挖掘這個網頁。
5.客服信箱
有了信箱能夠讓顧客給予我們不同的意見,改進我們沒看到的地方,而且有了客服信箱,多了與顧客互動的地方,能讓顧客知道我們的用心與上進心。
心得
一個好的網頁能吸引很多人來觀看,是一個不用花大錢的廣告行銷方式,因此在網頁製作上不得馬虎,設計要符合現代人的追求,畫面要有視覺效果,操作起來要像玩遊戲一般,有許多新奇的事務出現,不要古板,與以往的形式雷同,和其他的網頁相似,若能設計出自我風格,便能讓人有耳目一新的感覺。
多媒體設計應該是要配合網頁想表達的主題來製作的,所以設計出來的東西應該要和網頁的風格相同,不要讓人有突兀的感覺,再來就是不要太多!適當的放置會有加分的效果,可是過度就會造成眼睛的負擔,也最好能設計使用者能控制的按鍵,像是音樂要有撥放停止的按鍵。此外,也要注意檔案的大小,以免使用者瀏覽時讀取時間過長。還有操作方式要簡單!檔案類型要選擇較普遍的,還要提供檔案下載!
我看過許多網站都有採用多媒體,因為能使網頁更多元更豐富,可是有些網站一進去就有背景音樂,還蠻討厭的,因為會跟自己撥放的音樂重疊還不能靜音。還有一些是加太多動畫之類的東西,看了就覺得很雜亂,希望以後設計者能以使用者為出發點思考設計!
1. 確定主題
在主題確定後,所作的一切朝此方向努力,才不會在設計中失去原本所要強調的物件,也可以讓瀏覽者收到正確的訊息
2. 介面設計
巢狀表格的設計使得一個網頁雖可以作更有效率的分配使用,但若分配不當(如:網頁被切割得很碎),瀏覽者容易模糊焦點,也會增加操作網頁的困難度。對於文字的處理配色要得當,否則容易被背景色給掩蓋。
3. 動畫應用
運用動畫效果得當,可以使平面的網頁增添活潑,也可以達到吸引眼球的目的。但若每項東西都使用動畫,則容易分散焦點,過多的動畫也會減慢網頁開啟的速度。
心得:
要成為一個網頁設計者都須先從瀏覽者做起,藉由逛別人的網頁得到心得或啟發。多想想自己在身為瀏覽者時需要什麼、哪些設計是繁瑣的。我認為一個成功的網頁在入口的網頁是最重要的,在第一眼時就要吸引瀏覽者的目光,標新立異的主題或多媒體的使用往往可以達到效果。
在學習的過程中,會產生一些挫折感,因自己的技術有限,達不到想要的效果只好選擇其他方式替代,這無奈的選擇也是往後每次學習的動力。
看了大家的意見
真的都好詳細喔~~
大概都被說完了耶
以下是我想到的
在多媒體影片部分
FLV檔案或是其他外部嵌入連結來講
因為是串流下載
所必須考慮到連線速度的問題
必須控制檔案大小
因為要控制檔案大小
所以在網路上的畫質其實就可以不用太高
也會牽扯到網頁空間的問題
圖片部分
包括排版的注重
背景的透明設定(類似PNG檔的問題)
檔案太大與否(相信大家都有看大圖等到不耐煩的經驗)
主題的一致性..包括色彩等等
聲音部分
其實聲音我感覺比較主觀一點
背景音樂要跟網頁風格吻合吧
能想像星巴克的網頁背景音樂是舞曲嗎??
就是一致性吧
不要點一點其他網頁
突然從慢音樂變成搖頭舞曲
除非網頁風格改變啦
哈哈
當然還是要注意檔案大小的問題
在聲音跟影像部分
還有牽扯到外掛程式的部分
有些人的電腦裡沒有這些播放程式
看之前還要下載
增加麻煩
另外在於圖片等排版問題
考慮到使用者的解析度.是否寬螢幕等等
還有各種瀏覽器支援語法的不同
像很多IE不支援但是FF支援
也有些FF支援但是IE不支援
中文檔名就是一個例子(IE支援FF不支援)
總之~~
在網頁設計上
最重要的就是考慮到使用者的觀點
使用者的使用軟體與環境
還有網路的速度
網頁的空間大小~~等等
當然~~風格與美感也是很重要的
好的網站就應該美感功能兼具!!!
^^"
這也是一個程式設計者最重要的課題
現在網頁瀏覽器和環境越來越複雜
寬螢幕窄螢幕..或是不同的解析度
都造成網頁設計的困難
所以這個課題是很重要的!!
國教三甲 9401105 徐聖淵
瀏覽器
由於觀眾使用各種不同的瀏覽器,以及瀏覽器的功能不斷更新,對於網頁設計者是一大挑戰。有些資訊在某一種瀏覽器上呈現很好,卻在另一個瀏覽器上的呈現卻看起來很奇怪。
電腦運作平台
電腦螢幕的解析度各有不同,所使用的螢幕字型也不相同。有的電腦能支援聲音、電影,甚至有關虛擬實境的檔案﹝VRML﹞。
網路頻寬
從數據機下載網頁的傳輸速度比乙太網路慢,要花費較多時間,因此有些人通常不下載圖形。常常使用數據機的人對大的檔案如:全頁圖檔、聲音、影像和虛擬實境的檔案都會儘量避免下載。
使用環境測試
• 下載網頁時,先不要下載圖形
• 儘可能在各種不同的機器下測試你的網站
• 請別人評論你的網站]
• 把你的瀏覽器放大到全螢幕
• 儘可能使用各種不同的瀏覽器測試你的網頁
• 將你的網頁分別在 28.8 和 56.0 二種不同的數據機上測試
• 透過乙太網路及一般電話線做測試。
智慧財產權
• 在 WWW 上找到的資料不一定都是公開免費的;
• 使用他人的資料前,最好先取得他人的同意;
• 不要使用他人已註冊的資料,如米老鼠等;
• 即使你在使用他人的資料時,並沒有從中得利,也不代表你的行為是合法。
資訊更新
創造一個網站最有挑戰性的部份是經常更新網站的內容,尤其是一些隨著時間必需更新的資訊。為了告訴讀者有關資訊的時效性,通常我們會在網頁上註明最後更新資訊的時間,並且註明負責資訊更新的負責人姓名與電子郵件地址,以方便讀者與其連絡。
觀眾的評價
要了解讀者對某一個網頁的評價是件不容易的事。有人會認為要做一些修改,有人會認為它所提供的內容很有價值,有人會僅僅說很好。因此通常會透過電子郵件收集讀者的意見,做為網頁改進的參考。
心得:
其實用作網頁真的需要注意很多事項,就連瀏覽網頁的人都可以成為鑑定的一份題材。我比較注意的是寬頻,因為我知道越來越科技化的世界,寬頻是必備的。因為現在很多講義,老師都會叫我們直接去她的網站上DOWNLOAFD,這就是考驗寬頻實用度的時候,因為要是網路不好,下載一事就別想了!關於智慧財產權,我認為也是很重要的,我就覺得我們都可以做出很棒的網頁,但是要是那些東西都被別人偷走的話,那還有誰要創作呢?只要創作還不能是自己的東,這對創作者是不公平的。雖然現在盜版的CD很多,但是我還是要為正版的CD發點聲音。最後關於瀏覽器,各式各樣的瀏覽器我覺得很重要,因為這種東西都不會統一,如何建造出一個適合大家使用的瀏覽器,我覺得沒有一定的程度是半不到的,這也是我覺得瀏覽器很重要的地方。
其實不只是這些,還有其他東西都是很重要,我們不應該去乎是任何一個環節,只要是跟網頁設計有關係的,我們就應該多注意,因為牽一髮而動全身,電腦就是這樣的東西,對於多媒體設計絕對不可以一知半解,要不然是會吃大虧的喔~~
>>>原則
[為瀏覽者著想]
1.圖片及影音檔需考慮到下載速度及空間的問題,檔案儘量不要太大。
2.版面設計要乾淨並指標明確,方便瀏覽者使用。
3.要有回響及參與的設計,且定期更新。
[設計的習慣]
1.每做一步驟就存檔,可避免斷線或當機造成檔案遺失。
2.每做一步驟即預覽測試,可掌握錯誤的狀況。
3.善用資料夾分類,可節省找檔案的時間。
[內容]
1.需注意版權問題。
2.可設計商標logo,加深瀏覽者印象且行銷品牌。
3.明確傳達網站的主題。
>>>感受
我覺得,製作網站者應替瀏覽者規劃容易上手的動線,並明確主題,使瀏覽者可以很容易找到自己想要的資料,這樣才算是好的網站。美觀方面如果無法做到高級的特效,可改走簡單路線,以免弄巧成拙,程式設計弄得錯誤百出,會大打折扣。
應用認知負荷理論所發展的多媒體系統設計原則,主要考量到人類的認知架構,及其處理資訊的能力,衍生了以下幾項多媒體設計原則:
1分析學習過程中,對教材元件(elements)思索的需求,若同時呈現過量必須思索的資訊,將造成認知負荷。
2使用單一且密合的表示方法,以減少注意力的分散。不當的位置配當、聲音、動畫,皆會引起注意力分散之情形。
3移除重複的內容,減少認知負荷。例如:當資訊可由文字或圖表單獨且完整的表達時,文字或圖表擇一即可。
4動畫與聲音(或文字)同時呈現,較循序呈現為佳。
5資訊的呈現結合不同的感官刺激(視覺、聽覺、觸覺),可降低認知負荷。
上述幾項原則為多媒體設計時可利用的技巧,主要目的在於降低學習者外在認知負荷(Extraneous Cognitive Load),讓學習者能有效率的處理資訊內容。
除此之外,學習者的經驗、動機、學習型態、先備知識等因素,也是影響學習效果的原因。在多媒體設計時,亦需依目標學習者,作適當的調整。
心得:
老師之前上課時有特別提到二元論的概念,同時也大略提到此理論的反對意見,在這次blog作業中我所查到的資料,正好是將這個反對的理論詳加闡述,讓我對於多媒體設計的原則有了更深一層的了解。
的確,當我們在觀賞多媒體的作品時,如果同時呈現多種感官的刺激,會令人感覺紊亂,甚至有頭昏腦脹之感。而有時候師長教導我們製作投影片的技巧時,也會特別提醒,畫面配置必須清晰簡潔,以及若要放置小型動畫來裝飾畫面時,其量絕對要少,頂多一個、兩個即可,不然會分散報告者及聽眾的注意力,製作網頁也是一樣,要讓瀏覽者賞心悅目,並且願意靜下心繼續閱讀內容。
【螢 幕 解 析 度】
所有電腦的解析度設定不是都一樣的,
因此製作網站應多方測試看看。
【瀏 覽 器 的 相 容 性】
瀏覽器至少十來種以上,
需注意特殊語法與瀏覽器之間的相容性問題。
【字 型】
最好不要使用特殊的字型來設計你的網頁,
有很多的使用者並不見得都有那些字型。
【檔 案 大 小】
盡量不要使用檔案體積太大的圖片,
更不要使用自動載入的背景音樂,
讓使用者有更多選擇權。
【視 覺 效 果】
儘量不要於每頁插入太多的動態效果,
效果太多反而容易導致視覺疲勞。
【特 殊 效 果】
不要太依賴 Java 與 JavaScript ,
因為並非每個人的電腦配備都非常好,
且網頁開啟亦需花費很多時間。
【版 權 問 題】
不要抄襲與模仿別人的網站,
包括顏色搭配、圖片風格,
甚至是網站的整體型式。
【個 人 風 格】
擁有強烈的自我特色,
讓瀏覽者能留下深刻印象。
【介 面 簡 單 化】
讓使用者能夠輕鬆使用。
>>心得
我認為網頁設計最大原則便是,網頁版面要讓使用者即使長時間瀏覽也不會感到視覺疲乏,觀看的舒適度是一個相當重要的要素,包含字體大小、顏色搭配、選單設計……等等。而網站設計的風格、內容與更新速度往往也是影響使用者是否會經常參訪的主要因素,所以一個好的網站未必需要許多高難度的語法設計或者華麗的版面設計,而是該力求內容的充實程度與操作上的方便及舒適程度。
國教系 9401136 蔡昀靜
在網頁中的多媒體可分為以下幾種:
[圖形]設計原則
1.功能表上的icon:icon設計的優劣是網頁設計中最重要的一部份。
(1)圖形代表著一種無聲的語言,所以icon必須使用大眾共通的圖形語言,讓使用者能第一眼就看到想要使用的功能。
(2)如果功能表空間夠的話,可在icon旁加入註解文字,輔助使用者使用;如果空間不允許的話,則可設計為滑鼠mouseon的同時,也出現icon的功能註解。
(3)為了方便使用者使用,也要為icon設計快速鍵的功能。一旦使用者沒有滑鼠可使用時,也可靠者鍵盤來操作。
(4)為了維持介面的整潔,較不常使用的icon可設計一個下拉式選單,當需要的時候再去選取,介面上只保留最常用的icon。
2.網頁中的圖片:
(1)網頁中的圖片大小盡量能統一,功能性相同的也建議放在同一個位置。
(2)網頁中圖與文的比例約為0.5:1 ,圖片過多及過少都不是一個好的網頁設計。
[音樂]設計原則
(1)背景音樂音量要適中,最好能設計一個背景音樂播放介面,由使用者來決定想要聽什麼!
[影片]設計原則
(1)主動式播放影片盡量一個就好,以免影響使用者瀏覽網頁的使用品質。
(2)被動式播放影片應使用大眾的播放媒體,無論是windows xp 或是vista都能開啟此媒體。
[動畫]設計原則
(1)動畫的設計可用在首頁,吸引使用者的興趣;但是在進入較重要的網頁時,動畫反而會阻礙使用者的工作,所以在此方面要減少動畫的出現!
(2)動畫可配合網站地圖的設計,主動地引領使用者瞭解整個網站架構以及想使用的功能!
[感想]
網頁中的多媒體設計佔了整個網頁的絕大部份!無論是怎樣的設計,都要以使用者為中心當做出發點,要讓整個網頁成為一個無障礙網頁。除了以上幾點設計原則之外,整個網頁的頁面架構分類也是很重要的一點。最後可設計一個留言板,讓使用者寫下自己使用的心得,並不斷修正改進,方可提升整個網頁的完整性!
●版面的設計
整個網頁的版面設計其實非常的重要,尤其是
首頁的第一印象,會決定參觀者對於這個網頁
的印象。如果能有自己獨特的版面風格,那更
會另參觀者印象深刻。
整個版面如果一直都使用捲軸式的方法,那將會很雜亂而且所有的內容都在同一頁,整體不夠清楚明確,所以最好是多使用超連結的方式來讓版面乾淨些。
還有當中的字體字形也都是要關注的事項,如果不夠明顯或是雜亂,將會影響到整個版面的觀感,而且如果標示不夠明確,將會影響到瀏覽整個網站的順暢性。所以每個小細節其實都會影響到整體的感覺。
另外,如果只有單純的圖片與文字可能會另人
感到枯燥乏味,所有最好加入一些動畫與背景
音樂,讓人在逛你的網頁是ㄧ種享受。
好的網頁都會有讓使用者可以與其互動的地方,例如是能夠讓使用者留下建議與回饋,好讓我們能夠改進,使用者的疑問也能被解答。當然網站的更新動作也是不能怠慢的,否則久了,就會流失使用者了。
總而言之,一個好的網站最主要是要讓使用者
方便與喜歡。所以應該以他們的觀點來作主要
的設計。就像老師所說,以使用者為中心!
好的網頁真的須要貼心的設計以及美麗的視覺
享受,當然最重要的是使用方便性與資料豐富
性,其實常常在逛網頁,知道真的好的網站是
需要付出很多心血去完成的。但那通常是有代
價的,因為這傑出的網站會讓很多人流連忘返
,感覺來這個網站就像是享受一樣。
張貼留言