動態網頁在動作風格組合上之審美性研究

動態網站有別於靜態網頁，除了視覺動態呈現手法外，同時也增加了使用者與介面互動的樂趣，諸如動態選單呈現、動態頁面轉場效果、圖片作品的動態輪播、動態商品展示方式、橫幅廣告動畫等。甚至許多動態網站會藉由前導頁動畫製作或網頁遊戲，藉以吸引觀者的目光進而產生瀏覽網頁的興趣，更重要的是它影響了使用者在瀏覽與操作方式上的習慣。本研究認為動態網站設計的重要步驟就是網頁的視覺風格呈現，因此動態網站在視覺風格呈現上的審美性探討，就變得格外重要。在數位時代下，動態網頁已經為網頁設計主流趨勢，尤其是審美性除了會影響觀者在視覺心理上的好惡程度外，甚至會影響喜好性、使用性等。然而具有美感性的動態網頁更能增加使用效益，並且提高瀏覽網頁的動機。因此瞭解動態網頁對觀者在視覺心理上的影響，使其符合數位設計傳達的需求，其實是個非常重要的課題。本研究為了探討動態網頁在動作風格組合上的審美性，針對國外瀏覽點閱率高且視覺評價也高的動態網頁作為實驗樣本，主要目的是欲了解觀者的視覺評價，是否會因為動作風格組合上差異而產生不同的美感評價。在研究方法上，嘗試以聯合分析(conjoint analysis)針對審美性評價來進行探討，通過因子(factor)與水準(level)列出每梯次的正交組合，藉以預測受測者對不同動作組合（針對動態網頁）上所喜好的審美性評價。研究目的：（1）探討動態網頁在動作風格呈現之審美性調查與資料分析方法。（2）探求動態網頁的動作風格組合與審美性評價，找到符合觀者心理最佳化的動作組合。（3）最後提出關於動態網頁在設計實務與設計教學上之相關設計建議。研究結果歸納如下：首先在「四種動作風格組合」中，「運鏡風格」決定了整體動態網頁在動作呈現上的流暢性，建議以移機運鏡(translation)來視覺呈現可獲得較佳的審美性評價。其次在「比例變化＋空間表現＋方位移動」之動作風格組合中，可特別強調「比例變化」的呈現手法，例如在視覺上以垂直軸或水平軸的變形來傳達圖文訊息，或藉由展開的形式來加強圖文訊息的傳達性。第三在「比例變化＋空間表現＋運鏡風格」之動作風格組合中，建議在視覺上主要是以變焦運鏡手法，或是透過轉軸運鏡方式，以及移機運鏡等鏡頭運用等來加以視覺呈現。第四在「比例變化＋方位移動＋運鏡風格」之動作風格組合中，除「運鏡風格」呈現外，還必須輔助「比例變化」（例如垂直擠壓、水平擠壓、變形與展開等手法），透過強化上述兩種風格，可獲得最佳的審美性評價。最後在「空間表現＋方位移動＋運鏡風格」之動作風格組合中，則必需強調「方位移動」所呈現的動態效果，即是在動態網頁上，建議可通過上下左右或對角線位移等方式來傳達圖文訊息或頁面的轉場效果，甚至是以自由位移的方式來搜尋圖文訊息等，皆可以提高較佳的審美性評價。

關鍵字

動態網頁；動作風格組合；審美性評價

並列摘要

Dynamic presentation are widely used in the application of dynamic website. Therefore, understanding the visual effects of dynamic information on viewers is a very important issue. In the contemporary age characterized by universal usage of dynamic information, designers should attain synchronized knowledge and understanding of relevant media technology so as to present preferred design quality in the management of digital design such as dynamic website design, multimedia design, and so on. Therefore, this study adopted the viewpoint of ＂visual design＂ and conducted a aesthetics evaluation of action style combinations. The conjoint analysis method were adopted in the research methodology to simplify aesthetics evaluations and enhance their validity. The purpose of this study was: (1) To propose recommendations for dynamic website design and improving data analysis methods of aesthetics evaluation. (2) To examine the influence of psychological factors on viewer when they experience dynamic presentation. (3) To identify the best action style combinations that meet viewer's psychological characteristics and propose recommendations for dynamic website design.

並列關鍵字

Dynamic website ； Action style combinations ； Aesthetics evaluation

參考文獻

https://www.researchgate.net/publication/250998723_302_Guiding_Principles_for_High_Quality_Motion_Picture_in_AMLCDs_Applicable_to_TV_Monitors

Google Scholar

國際替代計量

動態網頁在動作風格組合上之審美性研究

全文下載

主題瀏覽