當前位置:
首頁 > 最新 > 不假思索套用模板,一秒變「尬排」

不假思索套用模板,一秒變「尬排」

GIF/10K

歡迎訂閱周二秀米排版急診室

GIF/10K

不知道小夥伴們有沒有這樣的體驗

認為排版就是排版

只要給文章套上模板

從頭到尾排好就行

也不管排版風格是否符合文章定位

這樣的我們稱之為「尬排」

「尬排」排出來的文章

排版單拎出來看是很好的

放到文章里可能感覺著不太對

這就是沒有找准文章定位

就不加思考直接添加模板的原因

本周急診室挑選了一篇

排版風格不符合文章定位

且文章層次不明顯

的一篇汽車類文章來進行改造

下面就讓我們來看下這篇投稿原文

上下滑動

查看小夥伴原稿

診斷書

NO.0000009

(患者保管)

病情診斷

對文章自身定位不正確,從而選用了不恰當的風格排版模板;

正文內容小貼士屬於補充說明,文字內容卻突出顯示,導致文章主次顛倒

處理意見

重新整理文章,去掉文章原有的卡片以及無需出現的貼紙

重新調整文字的字型大小上下關係

文章格式參數

標題字型大小

16

正文字型大小

15

文字間距

1.8倍

標題樣式1

1

輸入標題

配色方案

標題

rgb(130, 29, 26)

正文

rgb(105, 115, 117)

其他配色參考

rgb(184, 57, 46)

rgba(135, 30, 28, 0.51)

部分版式修整過程

重新調整文章的結構

在原有文章中,編者採用了秀米風格排版中往期的一篇圖文;其實風格排版中的圖文,我們都會根據文章的定位進行分類,或是用途,或是行業;所以大多數的文章,都可能在風格排版中,獲取到心儀的文章篇,進行採用。

但有些小夥伴們不結合文章的實際定位,隨意採用秀米風格排版中的文章,導致文章定位與排版風格整體不搭,所以我們首先需要將文章重新調整一下:

取消文章所有的標題模板;

取消文章之間的分割線或者分隔符;

調整小貼士的內容,取消文字加粗設置,字型大小比正文小一號;

原本的內容

修改後的內容

在重新調整了文章結構後,縮短了文章整體篇幅,閱讀體驗大大提高。

確定文章適宜的排版方案

我們將文章重新調整一遍,接下來需要考慮的是,給該篇文章進行排版;可能會有小夥伴們說,秀米又沒有汽車相關的模板,這篇文章怎麼排,尬排嗎?!想到這,小米的九百萬個腦細胞不停轉動,一會湧出「把汽車輪胎造成貼圖放在文章里?」的想法,一會又冒出個「把輪胎印做成分割線」的想法,然後越想越鑽進牛角尖:這個輪胎印是做成黃泥狀?還是帶雨天質感的塵土混合物狀呢?

於是越想越沒頭緒,這時候,正確的事情其實不是干坐著等靈感,而是根據文章定位,去找更多的參考:

1

確定文章的定位,搜索類似排版方案

這篇文章定位可以概括為:「汽車」、「養護」等關鍵詞,然後我們可以用這些關鍵詞來搜索一些排版方案;一般來說,可以在微博中搜索,比如我們可以在汽車類微博賬號下搜索」養護「,然後可以在微博相冊中獲取到一些有用信息;另外有一些新聞類賬號,例如「人民日報」下也會有相關的信息:

這張圖片內容很明顯,與本篇文章一樣,都是講汽車錯誤保養方式的;但作者在文章中沒有使用太多貼圖素材,反而汽車攝影圖較多,所以這個示例就不作參考了。

這張圖片利用到漸變色,能體現出速度感,與文章定位相符。正文內容也符合我們文章所需,小貼士可以塞到對話卡片中,對正文進行補充說明。

這個如果是用秀米來做,就是將圖片設置為背景,然後放了一個半透明卡片;如果文章的文字少一點,這個排版是可以適用的,但可以將小貼士內容放在這個半透明卡片中。

這個如果是在秀米中,是使用了一個全文背景,然後添加內容;但光找圖片可能就要花很長時間,更別說能不能找到適合的圖片;所以這個方案PASS!

2

根據搜索到的案例,確定最適宜排版方案

我們整理了搜索到的可行的排版方案,可以得出以下排版方案:

文章標題可以用一個漸變色標題,來體現出汽車的速度感;

小貼士內容可以與圖片結合起來,圖片設置為背景,文字放到半透明卡片中:

另外,漸變色標題,是在一個漸變色卡片中,添加一個二列布局,然後添加內容製作而來:

打開布局模式,然後在系統模板中搜索關鍵詞「漸變」,獲取相關模板,刪掉卡片默認文字框;

調整漸變卡片上下左右間距為0;

設置漸變卡片顏色;

GIF/1741K

然後往卡片中拖入一個二列布局,左邊布局寬度16%,右邊布局為84%;

往左右布局中分別塞入內容;

為保證圓形零件能穿頭效果,將零件段前/後距設置為-10px;

文字設置為白色,為突出顯示文字,可以設置文字陰影,

GIF/1934K

為能做出圓形零件頂住漸變卡片左邊,我們可以調整下漸變卡片的寬度:

拖入一個空白布局到編輯區域中,將我們剛剛做好的漸變標題放到空白區域中;

設置布局寬度為95%,然後調整圓形零件的偏移數據為-10px

GIF/243K

最後我們來對比下修改前後的文章

上下滑動

查看小夥伴原稿

上下滑動

查看改後稿件

編後語

今天討論的這篇是汽車類文章,屬於專業類文章;但這篇文章在自身定位上了解不足,排版上也就包含了以下問題:

沒有根據文章定位,來採用適合的風格排版,導致文章與排版整體不搭;

小貼士,可以理解為小知識或作為對前文的補充說明,但文中的小貼士內容顯然比正文還要突出,主次不分;

所以在編寫一篇汽車類或者其他專業類的文章,我們不妨:

通讀全文,然後給文章定位,再進行排版;如果在不確定用使用排版方案的話,可以搜索一些類似的案例,然後根據案例來整理適宜的排版方案;

不適宜文章定位的模板最好不要使用,哪怕不用,也不要隨意添加不符合文章的模板

文章內容一定要有上下層次關係,主次一定要分明;

以上就是本期內容

下周二排版急診室

繼續和你一起根治排版「丑」病


點擊展開全文

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 秀米XIUMI 的精彩文章:

如何用場景秀做GIF動畫
怎麼跟老闆解釋,排版是個勞心勞肺的技術活
道一聲,天涼好個秋
配色難?不如試試根據品牌顏色來配
秀米的搜索功能與文件回收站

TAG:秀米XIUMI |