不假思索套用模板,一秒變「尬排」
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
最後我們來對比下修改前後的文章
上下滑動
查看小夥伴原稿
上下滑動
查看改後稿件
編後語
今天討論的這篇是汽車類文章,屬於專業類文章;但這篇文章在自身定位上了解不足,排版上也就包含了以下問題:
沒有根據文章定位,來採用適合的風格排版,導致文章與排版整體不搭;
小貼士,可以理解為小知識或作為對前文的補充說明,但文中的小貼士內容顯然比正文還要突出,主次不分;
所以在編寫一篇汽車類或者其他專業類的文章,我們不妨:
通讀全文,然後給文章定位,再進行排版;如果在不確定用使用排版方案的話,可以搜索一些類似的案例,然後根據案例來整理適宜的排版方案;
不適宜文章定位的模板最好不要使用,哪怕不用,也不要隨意添加不符合文章的模板
文章內容一定要有上下層次關係,主次一定要分明;
以上就是本期內容
下周二排版急診室
繼續和你一起根治排版「丑」病
點擊展開全文


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