簡易檢索 / 詳目顯示

研究生: 呂紹宇
LU SHAO YU
論文名稱: 視覺資訊的板塊運動
Plate Movement of Visual Information
指導教授: 林達隆
Lin, Ta-Long
學位類別: 碩士
Master
系所名稱: 美術學系
Department of Fine Arts
論文出版年: 2007
畢業學年度: 95
語文別: 中文
論文頁數: 52
中文關鍵詞: 完形心理板塊運動易視性
英文關鍵詞: gestalt thinking, plate movement, visibility
論文種類: 學術論文
相關次數: 點閱:108下載:8
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 近幾年來資訊通訊技術蓬勃發展,因半導體及通訊技術的大幅度進步,在碩大不便的行動通訊設備出現至今,搭載影音多媒體系統的手機問世,家庭的遊戲主機,轉變到隨身攜帶方便的掌上型遊戲機。許多資訊產品逐漸都將商品縮小化,機器的螢幕也由大變小,大量的資料存取透過這些小畫面資訊交換,這樣的改變讓使用者的操作與閱讀資訊時產生困難,希望藉由此研究創作收集歸納整理,找出解決有限的小螢幕畫面裡快速的找尋資料與閱讀大量資訊的方法,減低使用者所遇到的困難。
    本研究收集分析市面上的手機,融合學理法則透過視覺設計的手法,創新改善適合小畫面資訊閱讀與操作方法,經由研究創作中設計出新的視覺經驗,以心理學派上的完形心理為設計發想,透過色彩與形狀設計出一系列易視性高的手觸式資料點選方式,降低使用者的記憶負荷。並運用板塊堆疊的原理,創造出小螢幕裡最小的三角辨識面積,配合板塊運動方式在3D的空間不斷循環,將資訊不斷的呈現給使用者觀看,看見需要的資訊時,可以點選畫面停止循環,用手觸的方法組合自己的資料,讓使用者整理擺放資料螢幕位置,並依據每次資料擺放位置的不同產生不同的畫面變化,造成特殊的視覺呈現,回饋性提高使用者的使用意願也提升。
    以不同的創意思考角度及良好的設計原則,依循人的生活經驗心理進行研究探討,開發這有限的空間中,更多友善的操作介面和符合設計心理的視覺導引,讓使用者能更貼近高科技產品,將複雜的程式功能隱藏在淺顯易懂的視覺操作上。

    Information communication technology has been vigorously developed in recent years. With the significant progress of semiconductor and communication technology today, following the first time that bulky mobile communication apparatuses were introduced, we’ve already developed mobile phones equipped with multi-media systems. Meanwhile, family computer gaming consoles have been developed into portable handheld gaming consoles. While various information products tend to be minimized, the displays thereof are getting more and more narrow. Consequently, mass information accession and exchange can be only conducted through the trimmed screen of the narrowed displays. Such conversion has resultantly caused difficulty in the users’ operation or reading information. Therefore, present research has been conducted in the attempt to figure out a method on how to promptly search and read mass information in the limited area of a small screen so as to remedy the aforementioned difficulty to the users.

    Through collecting and analyzing commercially available mobile phones, while harmonizing principles and utilizing visual design skills, this research creatively provides an improved method for operating and reading information on a relatively small screen. As gestalt thinking of psychology was taken as the original concept of design, after investigations and experiments, a fresh visual experience has been presented with a touch selection method of high visibility by implementing a designed sequence of combinations of colors and shapes so as to mitigate the users’ memory load. Also, the principle of plate stacking was utilized in the small display to construct the minimum recognizable triangle that circulates ceaselessly in a Three-Dimensional space with plate-like movements. Thereby, information can be continuously presented to the users and the users may stop the circulation, when seeing the desired information, by touching the screen. In addition, the users can arrange and combine the information by touching the screen to place the information in the screen at will. Afterwards, the screen can present appearances varied with different arrangements of information plates to provide special visual representations. With such high feedback visual representations, the users’ usage intention is enhanced.

    To sum up, this research implements a creative thinking direction and an excellent design principle, following the instructions of human living experiences and psychology, to develop a more friendly operation interface and visual guide that is in compliance with the design psychology theory in the limited space. Hence, as the complicated program functions are reposed into an easy visual operation, the users are further attracted to commune with the high-technology products.

    中文摘要………………………………………………………………………I 英文摘要………………………………………………………………………II 目 錄 ………………………………………………………………………III 圖目錄 …………………………………………………………………………V 表目錄 …………………………………………………………………………VII 第一章 緒 論………………………………………………………1 1.1 研究動機與背景…………………………………………………1 1.1.1 研究動機 ……………………………………………………1 1.1.2 研究背景 ……………………………………………………3 1.2 研究目地 ……………………………………………………4 1.2.1 小螢幕資訊呈現 ……………………………………………4 1.2.2 視覺與資料的關連性 ………………………………………5 1.2.3 介面色彩計畫 ………………………………………………6 1.3 研究範圍與限制 ……………………………………………6 1.4 研究架構流程圖 ……………………………………………7 第二章 文獻探討 …………………………………………………8 2.1 手機發展史……………………………………………………8 2.2 介面分析 ………………………………………………………11 2.2.1 視窗樣式 …………………………………………………11 2.2.2 視覺構成……………………………………………………13 2.2.3 資料呈現 …………………………………………………14 2.2.4 操作路徑 …………………………………………………16 2.3 手機現況分析 …………………………………………………19 2.3.1 操控方式 …………………………………………………25 第三章 介面心理 ………………………………………………26 3.1 完形心理學 ……………………………………………………26 3.2 認知心理學 ……………………………………………………27 3.2.1. 使用者設計的基本原則 ……………………………………27 3.2.2. 記憶類別 ……………………………………………………29 3.2.3. 人類如何使用記憶的範疇 …………………………………29 3.3 其 他 …………………………………………………………30 第四章 創作內容 …………………………………………………31 4.1 主要表現方式 …………………………………………………31 4.2 創作主旨 ………………………………………………………31 4.3 創作方向 ………………………………………………………32 4.4 創作內容探討 …………………………………………………32 4.4.1 視覺選單概念方向 ………………………………………32 4.4.2 易視與回饋的實驗 …………………………………………33 4.5 創作方法與流程 ………………………………………………34 4.5.1 選單架構設計 ………………………………………………34 4.5.2 使用軟體介紹 ………………………………………………35 4.5.3 製作流程………………………………………………………38 第五章 創作呈現與說明 …………………………………………39 5.1 平面海報運用的設計元素 ……………………………………39 5.2 旋轉式展台 …………………………………………………42 5.3 動畫模擬概念展示 ……………………………………………45 結論與建議 …………………………………………………………50 參考文獻 ……………………………………………………………51

    方裕民 著。《人與物的對話-互動介面設計理論與實務》。台北市。田園城市
    文化。2003。
    台灣歐姆龍股份有限公司FA PLAZA編著小組 著。《OMRON PLC網路通訊與NS人機介面》。五南,2006。
    林崇宏 著。《造形.設計.藝術》。 台北市。田園城市文化。1999。
    林書堯 著。《色彩學》。台北市。三民書局。1993。
    柯勒 著, 李姍姍 譯 。《完形心理學 》。台北市。 桂冠。1998。
    俞建章、葉舒憲 著。《符號:語言與藝術》。台北市。久大文化。1990。
    唐納‧諾曼 著。黃賢楨 譯。《心科技》。台北市。時報出版。1995。
    庫爾特‧考夫卡 著。黎煒《格式塔心理學原理上、下》。台北市。 昭明。
    魯道夫.阿恩海姆 著。 郭小平、翟燦 譯 。《藝術心理學新論》。台北市。
    台灣商務印書館。1992。
    勵忠發 著。《記號.藝術.情報》。台北市,正中書局。1966。
    Donald A. Norman 著。 卓耀宗 譯。《設計心理學》。台北市。遠流出版。
    2000。
    Jenifer Tidwell 著。蔡學鏞 譯。《操作介面設計模式》。台北市。歐萊禮。
    2006。
    MCKIM, ROBERT H 著。蔡子瑋 譯。《視覺思考的經驗第2版 》。 台北市。
    六合出版社。2002。
    Robert, W.Bailey 著。林修如 譯。《應用人因工程學》。桂冠書局。1995。
    Steve Krug 著。胡為君 譯。《如何設計好網站 Don't Make Me Think》。台北
    市。上奇科技。2006。
    Carola Zwick 。2005。《Designing for Small Screens》。Ava Publishing。
    才敏傑 。1998。《小型產品顯示介面之認知性探討-以行動電話為例》。雲
    林科技大學工業設計系研究所碩士論文。
    江翹竹。2005。《利用物件化的觀念繪製3G手機介面螢幕流程圖》。 大同大
    學工業設計學系研究所碩士論文 。
    何玫玉。2003。《手機之多軸向按鍵與搖桿之操作意象研究》。 大同大學工
    業設計學系研究所碩士論文 。
    吳宏道。 2002 。《以虛實概念探討消費性電子產品介面之研究》。雲林科技
    大學工業設計系研究所碩士論文。
    陳彩虹。2003。《使用者對於手機功能需求與圖像辨識度之研究》。雲林科
    技大學工業設計系研究所碩士論文。
    黃啟峰。2004。《手機選單操作介面設計之案例式推理系統建構及應用研究》
    大同大學工業設計學系研究所碩士論文 。
    劉明強 。2002 。《軟硬體介面互動性探討-以行動電話為例》。 國立交通大
    學/應用藝術所研究所碩士論文。
    蔡麗珍 。1999。《複雜功能消費性產品選單設計與功能鍵配置之使用度分析
    :以行動電話為例》。 逢甲大學工業工程學系研究所碩士論文。
    網路報 http://www.cmn.com.tw/shownews.asp?news_id=4837 (2006.06.07瀏覽日期)。
    手機王 http://www.sogi.com.tw/ (2006.06.07瀏覽日期)。
    手機GOGO http://www.gophone.com.tw/ ( 2006.06瀏覽日期)。
    Adobe USER GROUP http://www.mmug.com.tw/forum/viewtopic.php?t=6759 (2006.06.07瀏覽日期)。
    Adobe http://www.adobe.com/mobile/ (2006.06.07瀏覽日期)。
    PROTOHOUShttp://www.protohaus.com/cellUI/home_set.html (2006.06.07瀏覽日期) 。

    QR CODE