《閱讀的島》雜誌/內頁設計1:二欄

更新於 發佈於 閱讀時間約 4 分鐘

《閱讀的島》雜誌,一本希望獨立書店被看見的刊物。

內頁設計分為二欄、三欄。二欄主要用在用在總編輯寫的 “編輯室報告” ,有時也用在 “專題” 文章,偶爾用在文章調劑(如果當期都是三欄為主的編排時,會在小單元用二欄調劑版面)。

二欄變化,有色塊、邊框、照片、插畫,依不同內容,選擇不同的版面呈現,介紹如下。

  • B5/96~120頁/80磅道林紙/全彩
  • 二欄/明體為主,黑體為輔


內頁設計/二欄 “編輯室報告”



“編輯室報告” 通常為2頁,偶爾是1頁。通常文字量多,沒有太多位置可以配圖,我常用的版面設計是:

1.圖當底+透明色塊

將適合當期內容的照片圖當底,上面壓透明色塊,透明度以可約略看到圖,文字可清楚閱讀為主。通常會選照片內容單純些,不要太複雜的,這樣文字的閱讀效果較好。最常用透明白色,有時白色透出的底圖還是太雜亂或效果不好,我就會用其他顏色的透明色塊。

▲創刊號“編輯室報告”,底圖是當時總編的獨立書店陽台一景,圖給人明亮的感受,就像創刊號帶來希望。

▲創刊號“編輯室報告”,底圖是當時總編的獨立書店陽台一景,圖給人明亮的感受,就像創刊號帶來希望。

▲這期主題是繪本,於是選了一張排滿繪本的書櫃圖當底圖。但是用白色透明文字效果不好,所以用了呼應左邊專題的黃色塊。

▲這期主題是繪本,於是選了一張排滿繪本的書櫃圖當底圖。但是用白色透明文字效果不好,所以用了呼應左邊專題的黃色塊。

2.彩色邊框

有時文字量真的太滿,加底圖也看不出什麼,這時我常會用彩色邊框,顏色為當期主題色。

▲邊框色為當期重點色之一,左頁接當期專題的開頭頁。

▲邊框色為當期重點色之一,左頁接當期專題的開頭頁。

▲這篇“編輯室報告”是文2頁、圖2頁,因為圖很好看,所以以整頁滿版呈現,文也走滿,邊框色為當期重點色。

▲這篇“編輯室報告”是文2頁、圖2頁,因為圖很好看,所以以整頁滿版呈現,文也走滿,邊框色為當期重點色。

3.插畫/照片

有時封面是插畫,我會將插畫裡的元素帶進“編輯室報告”,有時也和彩色邊框有一些連結。

▲邊框是當期封面底色,加上動物插畫打破直線邊框。

▲邊框是當期封面底色,加上動物插畫打破直線邊框。

▲邊框是當期封面底色,小小的人物插畫和邊框及中間細線產生一些互動。

▲邊框是當期封面底色,小小的人物插畫和邊框及中間細線產生一些互動。

▲把封面跨欄的插畫放文字下方,文字也跟著圖走,產生一種韻律,呼應當期運動主題。

▲把封面跨欄的插畫放文字下方,文字也跟著圖走,產生一種韻律,呼應當期運動主題。


內頁設計/二欄 “專題”



通常重要文章我會以一或二欄來設計版面。專題文章都是當期最重要的文章,所以也常用二欄,最常用白底,視情況加色塊或底色。

▲想呈現專題裡港澳星馬和台灣的地理位置,所以文章的開頭頁用半頁代表照片+半頁色塊的地圖來設計版面。

▲想呈現專題裡港澳星馬和台灣的地理位置,所以文章的開頭頁用半頁代表照片+半頁色塊的地圖來設計版面。

▲當期主題有一台粉紅書車,因為想表現粉紅書很大,所以將插畫風的粉紅書車當底,延續到後面二頁,文字則走在白色色塊上。

▲當期主題有一台粉紅書車,因為想表現粉紅書很大,所以將插畫風的粉紅書車當底,延續到後面二頁,文字則走在白色色塊上。

▲主題是繪本,設計版面時想呈現繽紛的感覺,所以這一篇專題以黃綠色+淡淡的封面插畫當底,上欄走文,下欄走圖,中間的曲線是想表現這篇標題“轉彎,往繪本的小路上” 中的小路。

▲主題是繪本,設計版面時想呈現繽紛的感覺,所以這一篇專題以黃綠色+淡淡的封面插畫當底,上欄走文,下欄走圖,中間的曲線是想表現這篇標題“轉彎,往繪本的小路上” 中的小路。

▲這是每年年底的當年榜單觀察,也是每年特刊的重要文章,所以以二欄呈現,加上當年前10名的榜單書封圖。

▲這是每年年底的當年榜單觀察,也是每年特刊的重要文章,所以以二欄呈現,加上當年前10名的榜單書封圖。


內頁設計/二欄 其他



二欄偶爾用在文章版面調劑,像是 “書店店員的一天” 單元。

▲這篇內容是書店收到的讀者留言,所以將留言照片當底,書店主人讀留言的照片放小圖。

▲這篇內容是書店收到的讀者留言,所以將留言照片當底,書店主人讀留言的照片放小圖。

▲這篇內容為書店帶的導覽活動,有旅遊感,所以將小圖做成正片的樣子。

▲這篇內容為書店帶的導覽活動,有旅遊感,所以將小圖做成正片的樣子。

▲想以版面呈現一種生活感,像是紀錄書店的一天。所以手帳格子狀的紙張當底,照片以傾斜隨意貼的方式編排,圖文則是寫在像是紙膠帶的鋸齒狀長方形上面。

▲想以版面呈現一種生活感,像是紀錄書店的一天。所以手帳格子狀的紙張當底,照片以傾斜隨意貼的方式編排,圖文則是寫在像是紙膠帶的鋸齒狀長方形上面。





留言
avatar-img
留言分享你的想法!
avatar-img
羅吟軒的美編碎碎念
4會員
24內容數
這裡紀錄了我的美編作品,及喜愛的繪本、展覽等等。
2025/04/11
《青芽兒》雜誌在發行100期後,主編決定改版,推出2.0版封面設計,以方形圖片作為視覺焦點,並選用與圖片色調呼應的淺色系作為底色。
Thumbnail
2025/04/11
《青芽兒》雜誌在發行100期後,主編決定改版,推出2.0版封面設計,以方形圖片作為視覺焦點,並選用與圖片色調呼應的淺色系作為底色。
Thumbnail
2025/03/24
兩家輕食店菜單設計,一家使用單頁設計,另一家使用多頁設計。單頁菜單以文字為主,色系為黃綠色,並使用條紋圓形增加層次;多頁菜單則以圖像為主,色系為店面裝潢主色及對比色黃藍綠,並使用大小圖像增加視覺變化,方便顧客一眼看到主要產品。
Thumbnail
2025/03/24
兩家輕食店菜單設計,一家使用單頁設計,另一家使用多頁設計。單頁菜單以文字為主,色系為黃綠色,並使用條紋圓形增加層次;多頁菜單則以圖像為主,色系為店面裝潢主色及對比色黃藍綠,並使用大小圖像增加視覺變化,方便顧客一眼看到主要產品。
Thumbnail
2025/03/24
蕭芙蓉畫家,臺灣油畫家,以臺灣人文風情為創作題材。1995年發表首次個展【典藏臺灣情】。其名片設計巧妙運用畫作,正面以三張不同風格畫作呈現其藝術特色,背面則提供畫家簡介及FB粉絲頁連結,方便讀者進一步瞭解。
Thumbnail
2025/03/24
蕭芙蓉畫家,臺灣油畫家,以臺灣人文風情為創作題材。1995年發表首次個展【典藏臺灣情】。其名片設計巧妙運用畫作,正面以三張不同風格畫作呈現其藝術特色,背面則提供畫家簡介及FB粉絲頁連結,方便讀者進一步瞭解。
Thumbnail
看更多
你可能也想看
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
由 Cereal Magazine出版的THESE ISLAND 沒有斗大醒目的標題,沒有繽紛炫麗的色彩,灰白色封面只是安靜的佇立在架上,然而你目光卻移不開,隨著浪花流到那天海交界的霧白裡。
Thumbnail
由 Cereal Magazine出版的THESE ISLAND 沒有斗大醒目的標題,沒有繽紛炫麗的色彩,灰白色封面只是安靜的佇立在架上,然而你目光卻移不開,隨著浪花流到那天海交界的霧白裡。
Thumbnail
整本書的設計偏向日系清新風,書籍設計色彩明亮、和諧,排版小裝飾具有巧思。適合新手學習的設計工具書。
Thumbnail
整本書的設計偏向日系清新風,書籍設計色彩明亮、和諧,排版小裝飾具有巧思。適合新手學習的設計工具書。
Thumbnail
今天來聊聊書封,就是照片上的三種書封(書衣)。很難得有一本書會讓我想購入所有書封,也恰好藉這個機會聊聊封面的小祕密。 看到一本書的第一眼,一定是書封,所以書封往往極具代表性,有時候是書裡最重要的一幕、有時候可以看出整個故事、有時候僅僅是個印象意涵。在《歡迎光臨休南洞書店》,有三種書封,左邊和右邊兩款
Thumbnail
今天來聊聊書封,就是照片上的三種書封(書衣)。很難得有一本書會讓我想購入所有書封,也恰好藉這個機會聊聊封面的小祕密。 看到一本書的第一眼,一定是書封,所以書封往往極具代表性,有時候是書裡最重要的一幕、有時候可以看出整個故事、有時候僅僅是個印象意涵。在《歡迎光臨休南洞書店》,有三種書封,左邊和右邊兩款
Thumbnail
今天要用書製作愛心照片 先看成果 接下來我們來看看步驟吧 準備一本書跟手電筒當然還有相機 翻開書的中頁 把右頁捲起 把左頁捲起 打上燈光 完成啦 頁數比較多就會不透光 今日想定完成啦
Thumbnail
今天要用書製作愛心照片 先看成果 接下來我們來看看步驟吧 準備一本書跟手電筒當然還有相機 翻開書的中頁 把右頁捲起 把左頁捲起 打上燈光 完成啦 頁數比較多就會不透光 今日想定完成啦
Thumbnail
這幾本內頁都是以文字為主的書,圖不多,封面設計以文字、照片、線畫等不同方式呈現。
Thumbnail
這幾本內頁都是以文字為主的書,圖不多,封面設計以文字、照片、線畫等不同方式呈現。
Thumbnail
規劃成三欄的版面,主文走二欄或一欄,變化較多。
Thumbnail
規劃成三欄的版面,主文走二欄或一欄,變化較多。
Thumbnail
《閱讀的島》雜誌,三欄是這本刊物最主要的版面設計,再加上大小圖、色塊、插畫等不同元素,依據當期主題內容,設計不同的版面。
Thumbnail
《閱讀的島》雜誌,三欄是這本刊物最主要的版面設計,再加上大小圖、色塊、插畫等不同元素,依據當期主題內容,設計不同的版面。
Thumbnail
《閱讀的島》內頁設計分為二欄、三欄。二欄主要用在用在總編輯寫的 “編輯室報告” ,有時也用在 “專題” 文章,偶爾用在文章調劑。
Thumbnail
《閱讀的島》內頁設計分為二欄、三欄。二欄主要用在用在總編輯寫的 “編輯室報告” ,有時也用在 “專題” 文章,偶爾用在文章調劑。
Thumbnail
嚷了許久的電子書進度,終於在所有案子告一個段落,又開始心慌沒有收入的時候,繼續動工了。前篇有提到〈用製作網頁邏輯做電子書,而不是用紙本書的邏輯!〉這篇繼續筆記後續遇到的問題與困惑。 既然都走入數位化的電子書模式,不能搜尋不就只是「為了做電子書而做電子書」而忽略閱讀者及時代的改變嗎?
Thumbnail
嚷了許久的電子書進度,終於在所有案子告一個段落,又開始心慌沒有收入的時候,繼續動工了。前篇有提到〈用製作網頁邏輯做電子書,而不是用紙本書的邏輯!〉這篇繼續筆記後續遇到的問題與困惑。 既然都走入數位化的電子書模式,不能搜尋不就只是「為了做電子書而做電子書」而忽略閱讀者及時代的改變嗎?
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News