(3.236.222.124) 您好!臺灣時間:2021/05/08 07:23
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果

詳目顯示:::

我願授權國圖
: 
twitterline
研究生:易穎玓
研究生(外文):Ying-Ti Yi
論文名稱:蛋糕食譜電子書介面設計與編排之研究
論文名稱(外文):A Study on the Interface Design and Layouts of Electric Book for Cake Recipe
指導教授:管倖生管倖生引用關係
指導教授(外文):Shing-Sheng Guan
學位類別:碩士
校院名稱:國立雲林科技大學
系所名稱:視覺傳達設計系碩士班
學門:設計學門
學類:視覺傳達設計學類
論文種類:學術論文
論文出版年:2014
畢業學年度:102
語文別:中文
論文頁數:126
中文關鍵詞:蛋糕食譜編排電子書介面設計
外文關鍵詞:layoutselectric bookcake recipeinterface design
相關次數:
  • 被引用被引用:2
  • 點閱點閱:578
  • 評分評分:系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔
  • 下載下載:0
  • 收藏至我的研究室書目清單書目收藏:2
數位化的時代,使民眾的閱讀方式改變。而隨著生活型態的轉變,值得注意的書種為蛋糕類型的食譜,訴求初學者輕鬆製作為目前的一個趨勢。所以如將其內容應用於電子書上,藉於閱讀載具的不同,並考慮食譜教學之特性,介面的設計與編排勢必就會需要重新計。而本研究所探討之重點,就是在於如何規劃蛋糕食譜電子書的介面配置,及提升閱讀性。

本研究共分為三個階段進行,第一階段藉由內容分析法,對蛋糕食譜書籍的教學頁面進行編排要素分析,以作為後續階段應用之參考;第二階段請專家進行電子書介面模擬設計,並以半結構訪談的方式,深入了解各專家的想法與設計考量;第三階段組成專家焦點小組,針對上一階段的蛋糕食譜設計,進行介面配置評量,提出建議及探討設計之優缺。



研究結果顯示:

1.蛋糕食譜電子書與食譜書籍最大的不同是能呈現動態的效果,可有豐富的視覺表現。考量到邊做邊看的使用者,及整個版面之閱讀性,會將內容分成多張頁面去配置,使圖與文都能夠更清晰。編排規劃上,設計師多認為蛋糕食譜要具有特色,所以字體會用一些特殊造型的字來突顯。圖片呈現方式以照片圖為考量。色彩的部分則多使用暖色調來增加蛋糕的美味感。



2.評量結果建議在介面閱讀規劃上,圖與文的比例要有適當的拿捏,可善用色塊或格線幫助步驟的辨識;而目錄icon要能符合食譜本身的調性,圖示意義明確,配置於左上與右上會較為合適。整體的編排設計,建議圖文可採由上往下的方式編排;風格呈現上,清新風格是一個可嘗試的方向。
Digital times has come , which leads people changing their reading habits . With the transition of lifestyle , there is a type of book can keep an eye on which is cake recipe . It is a trend that helps beginners to realize the contents easily . If we transform the contents into electric books , considering the function of cake recipes , and the difference between all the readers , the interface and layouts should be redesign . This study mainly focus on planning the interface of electric book for cake recipes and helping rising readability .

This study is divided into 3 phases. Phase one , focusing on layout elements of instructive pages for cake recipes by means of content analysis . The result can be used in the coming phase. Phase two , inviting design experts to simulate the interface of a electric book . After the mission, taking measures by semi-unstructured interview to comprehend all design ideas of each expert . Phase three , forming an expert group to evaluate the samples in phase 2 . All the members in the focus group can discuss the advantages and defects of the samples , and provide their suggestions.



The findings of this study shows:

1.Compared to cake recipes , the different part in electric books are the dynamic effects and visual expressions . Considering the users and the readability of cake recipes , the designers separate the contents of a instruction into several pages , and let the pictures and letters more clearly . On layout planning , most designers believe that cake recipes should have its features , so they suggest the font of the title may choose some particular fonts to present . On pictures presenting , giving first

place to photo pictures . On color presenting , using warm tones to increase deliciousness of the cake .



2.The evaluation shows : on interface planning , the rate of pictures and letters on recipes should have a appropriate consideration , and make use of grid and color block to tell all steps apart . The icon design of catalog should answer to its style , and the meaning of the catelog should be very clear . It’s appropriate to place it on upper left and upper right . On the layout design of all cake recipes , the designers suggest pictures and letters can place top to down . On style presenting , pure style could be a way to try .
中文摘要i

英文摘要ii

誌謝iv

目錄v

表目錄viii

圖目錄x

一、緒論1

1.1研究背景與動機1

1.2研究目的1

1.3研究範圍與限制2

1.4研究架構3

二、文獻探討4

2.1食譜4

2.1.1食譜的起源與歷史4

2.1.2食譜的定義4

2.1.3食譜的發展概況5

2.1.4食譜的主題分類5

2.1.5食譜的表現手法6

2.1.6蛋糕食譜的主題類型6

2.1.7蛋糕食譜的內容構成7

2.2電子書之相關資料8

2.2.1數位出版8

2.2.2電子書之市場發展8

2.2.3電子書之類型9

2.2.4電子書之格式9

2.2.5電子書之閱讀載具10

2.3介面設計的原則12

2.3.1分層法12

2.3.2約束14

2.3.3圖優效果15

2.3.4電子書之換頁方式16

2.4編排設計要素17

2.4.1文字17

2.4.2圖像18

2.4.3色彩19

2.4.4版面的編排形式20

2.5小結22

三、研究設計23

3.1研究內容23

3.2第一階段:編排設計要素分析25

3.2.1蛋糕食譜篩選範圍25

3.2.2蛋糕食譜篩選方式25

3.2.3分析項目建構26

3.3第二階段:專家設計蛋糕食譜電子書介面27

3.3.1素材準備與篩選27

3.3.2材料、作法步驟圖及其文字素材29

3.3.3專家設計蛋糕食譜電子書33

3.3.4專家訪談34

3.4第三階段:專家焦點團體評量35

3.4.1專家焦點小組35

3.4.2評量方式35

3.4.3評量地點與設備36

3.4.4評量項目36

四、研究結果與分析37

4.1蛋糕食譜之編排要素分析37

4.1.1蛋糕食譜之文字分析37

4.1.2蛋糕食譜之圖像分析40

4.1.3蛋糕食譜之色彩分析42

4.1.4蛋糕食譜之版面分析43

4.1.5小結45

4.2專家設計蛋糕食譜電子書介面分析47

4.2.1專家資料47

4.2.2專家設計與訪談之工具47

4.2.3專家樣本設計49

4.2.4專家訪談內容58

4.2.5小結63

4.3專家焦點團體評量65

4.3.1專家焦點團體評量內容65

4.3.2小結72

五、結論與建議73

5.1研究結果73

5.1.1蛋糕食譜書籍頁面與蛋糕食譜電子書頁面比較73

5.1.2設計樣本評量與建議75

5.2研究建議78

參考文獻79

附錄一 蛋糕食譜樣本書目81

附錄二 蛋糕食譜研究樣本蒐集84

附錄三 專家任務設計說明單87

附錄四 專家訪談問卷89

附錄五 訪談逐字稿90

附錄六 專家設計樣本106

附錄七 專家焦點團體訪談項目114
中文書籍

1.行政院新聞局,2011,2011出版年鑑,行政院新聞局,

臺北。

2.伊達千代、內藤合,2007,設計的文法-忍不住想動手

的平面設計書,柳曉陽譯,如何,臺北。

3.楊勝雄,2002,編排設計,藝風堂,臺北。

4.伊達千代,2008,色彩的準則,悅知文化,臺北。

5.南雲治嘉,2010,版面編排,沙子芳譯,楓書坊文化,

臺北。

6.白乃遠、翁承民、呂國泰、詹介(王

民),2012,iBooks Author數位出版實戰演練,博

碩,新北。

7.白乃遠、吳智鴻、呂國泰,2011,用Indesign製作電子

書:PDF影音動態文件,上奇資訊,臺北

8.William Lidwell、Kritna Holden、Jill

Butler,2011,設計的法則(全新增訂版),

呂亨英、吳莉君譯,原點出版,臺北。

9.Andrew Haslam,2009,書設計.設計書,陳建銘譯,原

點出版,臺北。



論文

1.朱秋樺,2005,食譜書籍購買者的生活型態與消費行為

之研究,中國文化大學,碩士論文。

2.鄭錦文,2012,平板電腦電子書閱讀程式之介面呈現及

編輯方式之設計研究,台灣科技大學,碩士論文。

3.游凱婷,2012,平板電腦之電子食譜使用者介面設計研

究,大同大學,碩士論文。

4.江奇庭,2013,機車用複合式儀錶板介面設計之研究,

雲林科技大學,碩士論文。



網路資料

1.大英百科全書繁體中文版(2012/1瀏覽)

http://www.wordpedia.com/page7.aspx?p1=content&;id=018063

2.維基百科 食譜http://zh.wikipedia.org/zh-tw/食谱(2012/1瀏覽)

3.博客來網路書店http://www.books.com.tw/(2012/3瀏覽)

4.誠品網路書店http://www.eslite.com/(2012/3瀏覽)

5.金石堂網路書店http://www.kingstone.com.tw/(2012/3瀏覽)。

6.那福忠-個人出版時代(臺灣出版資訊網)

http://digital.tpi.org.tw/review_article.php?aId=482(2013/10瀏覽)

7.林成林-2012法蘭克福書展綜述之二(臺灣出版資訊網)

http://tpi.org.tw/marketinfo_market.php?record_id=634&;sAuthor=林成林

&;action=search(2013/10瀏覽)

8.Apple-iPad機種比較http://www.apple.com/tw/ipad/compare/(2013/10瀏覽)

9.photopin網站 http://photopin.com/(2013/10瀏覽)



專家樣本設計圖解資料來源

1.http://www.flickr.com/photos/melle/2819209418/ (2013/10瀏覽)

2.http://www.flickr.com/photos/melle/2819207050/(2013/10瀏覽)

3.http://www.flickr.com/photos/melle/2819263148/(2013/10瀏覽)

4.http://www.flickr.com/photos/thejof/5504219647/(2013/10瀏覽)

5.http://www.flickr.com/photos/jwdill/4137214776/(2013/10瀏覽)

6.http://www.flickr.com/photos/87624544@N00/3105045529/(2013/10瀏覽)

7.http://www.flickr.com/photos/foodthinkers/4582609430/(2013/10瀏覽)

8.http://www.flickr.com/photos/thesuttonfamily/5251434683/(2013/10瀏覽)

9.http://www.flickr.com/photos/sharynmorrow/16325730/(2013/10瀏覽)

10.http://www.flickr.com/photos/elpatojo/267017020/(2013/10瀏覽)

11.http://www.flickr.com/photos/smaku/262193604/(2013/10瀏覽)

12.http://www.flickr.com/photos/smaku/227799068/(2013/10瀏覽)

13.http://www.flickr.com/photos/madlyinlovewithlife/6372090797/(2013/10瀏覽)

14.http://www.flickr.com/photos/cascadianfarm/4192551949/(2013/10瀏覽)

15.http://www.flickr.com/photos/judy-van-der-velden/6789898978/(2013/10瀏覽)

16.http://www.flickr.com/photos/zaveqna/3272608472/(2013/10瀏覽)

17.http://www.flickr.com/photos/stone-soup/4252720481/(2013/10瀏覽)

18.http://www.flickr.com/photos/stone-soup/4252719003/(2013/10瀏覽)

19.http://www.flickr.com/photos/robbplusjessie/3448268923/(2013/10瀏覽)

20.http://www.flickr.com/photos/tarale/6689005901/(2013/10瀏覽)

21.http://www.flickr.com/photos/sifu_renka/9411708611/(2013/10瀏覽)
連結至畢業學校之論文網頁點我開啟連結
註: 此連結為研究生畢業學校所提供,不一定有電子全文可供下載,若連結有誤,請點選上方之〝勘誤回報〞功能,我們會盡快修正,謝謝!
QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top
系統版面圖檔 系統版面圖檔