[公告] 痞客邦新服務上線 每日星座運勢測算[公告] 痞客邦應用市集全新改版![公告] 痞客邦「應用市集」新 App 上架-iFontCloud Professional[公告] 痞客邦後台發表文章提供插入多張圖片新功能[公告]痞客邦新服務上線 部落客商店聚集就在《痞市集》

這其實是「教學媒體」的排版作業呢,不過呢,學了這麼多個禮拜,其實我還不是很清楚,自行製作教材是有必要用到這麼多技巧啊……?不過對將來的老師而言,在進入教室前,能多學點技巧是很不錯的啦!(備註:點選圖片可以看大圖喔)

(背面)blog 用縮圖
Fig 1: 京都導覽之三摺頁設計(背面)

之所以會把背面放在最上面,是因為我比較喜歡背面(被巴)。正面請見下圖,最右邊的是在摺起來後,會第一個被看到(朝上)摺頁,中間的則是整個摺頁的背面(朝下)。

(正面)blog 用縮圖
Fig 2: 京都導覽之三摺頁設計(正面)

其實在做的時候,沒有事先調好顏色(真不是好習慣),所以都隨意挑一挑就用下去了 XDD

背面看起來還算統一(所以我比較喜歡),正面就雜亂多了(色彩數有點太多了)……

由於上課教的是 Publisher,所以就照用囉~不過啊,Publisher 的格線到底是設來要給誰看的啊,圖片貼上去、矩形放上去,(要是事前有很認真做規劃的話)格線就全被蓋住了,就不能確定東西到底有沒有在該在的位置上了啊……還是說另有方法設定,把格線全部最上層顯示之類的呢…… = =?

下面來看一下 Publisher 的介面吧~

用的是 Publisher
Fig 3: 三摺頁正面 at Publisher

格線都會被圖片蓋住 = =|||
Fig 4: 三摺頁背面 at Publisher

由於這份作業是得寫「創作理念」及「設計原理」的,既然都寫了,也就附上來給大家看看吧~

《 創 作 理 念 》

在眾多主題之中徘徊已久,最終選擇的是自己很有興趣,而且也有過自助遊玩經歷的「介紹京都」之旅遊導覽。在此作品的製作過程中,重新翻閱了過去所拍攝的照片及相關資料,對京都的嚮慕之情又是多了幾分,希望以後有機會能夠再度走訪這美麗的古都。也期許這份三摺頁作品,能讓更多人認識京都之美。

《 設 計 原 則 》

正面的視覺動線
Fig 5: 三摺頁正面 視覺動線

在三摺頁的三個欄位中,由上對下的圖文配置與動線安排,形成相互調和的重量感,達到視覺上的均衡感受,並有著平行並列的統一感。

比例上以五分配置法,由右至左的安排分別為圖 3:圖 2、文字 2:圖 2:圖 1及圖 2:文字 3,此種配置不僅表現出圖文交錯的律動感,於整頁攤開時,也暗示了讀者由右上至左下的瀏覽方向,不會因為折疊的關係,而失去了整體的一致性。

背面的視覺動線
Fig 6: 三摺頁背面 視覺動線

一定會被攤開來觀賞的內頁,就可以毫無顧忌地使用跨頁設計了。在典雅寧靜的圖文形象之中,使用了活潑的 Z 字形動線規劃,使閱覽的過程不會有呆板無趣的感覺。

比例上的設計比外頁複雜得多,縱向觀之為 3:2:1,橫向則為 1:3:2,形成亂中有序的獨特美感。留白的配置,也讓讀者在觀看的過程中有休息的空間,不會因為豐富的圖文反而感到紊亂疲累。

那麼就分享到這裡,謝謝大家的觀賞,下台一鞠躬~

Posted by 騏騏 at 痞客邦 PIXNET 留言(1) 引用(0) 人氣()


open trackbacks list Trackbacks (0)

留言列表 (1)

Post Comment
  • pure
  • 感謝分享
    跟我以往看到的摺頁設計都很不一樣呢!
    這種設計排版應該在自我推薦上也適用吧!

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options