【交通運輸】活動成果展示

    酸性撕紙風(fēng)扁平舞蹈學(xué)院招生簡章手機海報.png

    朋友們大家好,我是三兒。


    之前有不少朋友在后臺反饋,為什么自己也用135編輯器,怎么排版出來的文章總是不盡人意,但又不知道哪里出現(xiàn)了問題。


    今天三兒特地選取了某西部機場集團有限公司的公眾號中的一篇文章,進(jìn)行一對一分析并做出排版改造,希望大家看后能有所收獲。


    原文展示
    ·

    ▲▼滑動查看原文


    *已模糊圖片及其他關(guān)鍵信息


    原文存在的問題


    本文是一篇公司開展活動成果展示內(nèi)容的推文,是典型的圖文排版內(nèi)容,而圖文排版對字間距、行距等內(nèi)容的調(diào)整尤為細(xì)致。


    文字排版緊湊:面對文字較多的文章,我們要學(xué)會給文章留有[呼吸感],呼吸感從何而來就是留白,如空行、適當(dāng)加大行間距,這樣能確保用戶閱讀不會因為內(nèi)容多而喪失閱讀的勇氣。


    背景顏色鮮艷:此外,我們也發(fā)現(xiàn)本文的背景是一個淺紅背景,上面有些段落疊加了白色背景,有些則沒有,有些地方又使用了紅色框線,整體給人的感覺不夠端莊大氣且顯得雜亂,除去特定節(jié)日可以使用偏活潑的暖色外,平日里更推薦大家使用藍(lán)、白、灰等典雅高級的顏色。


    圖片展示單一:大多數(shù)企業(yè)習(xí)慣一段文字一張圖或一段文字多張圖的方式排版,若是像本案例的活動成果展示主體推文,照片數(shù)量較多我們可以使用輪播SVG進(jìn)行展示,這樣可以有效縮短文章篇幅,也能增加文章的律動。


    接下來我們將針對上述問題,對本文進(jìn)行排版改造。


    原文改造


    bige-893772-38898-0-6-65a8d381-2f90-4c57-a69f-270eac10c669.gif


    活動精彩回顧
    激發(fā)服務(wù)新活力
    聯(lián)動共促凝共識
    強強聯(lián)合 / 共建聯(lián)創(chuàng) /優(yōu)勢互補

    2024

    挑戰(zhàn)與變革

    1月12日,為加強行業(yè)內(nèi)外在“重保”業(yè)務(wù)領(lǐng)域的交流互鑒,xxx公司以“服務(wù)共建交流”為載體,本著“強強聯(lián)合、共建聯(lián)創(chuàng)、優(yōu)勢互補、資源共享”的原則,與xxx有限責(zé)任公司開展了以“激發(fā)服務(wù)新活力,聯(lián)動共促凝共識”為主題的服務(wù)管理提升共建活動。




    活動概況

    此次活動,深度探索隊伍建設(shè)、形象塑造以及內(nèi)訓(xùn)體系提升思路,簽署服務(wù)共建協(xié)議書,通過開展一系列“組織共建、業(yè)務(wù)互培、人才共育”等活動,促進(jìn)民航服務(wù)窗口與省級國賓服務(wù)窗口的深度融合,激發(fā)服務(wù)工作新活力,推動服務(wù)品質(zhì)向國門級邁進(jìn),打造出一支“能干、敢干、善干”的精品隊伍。


    bige-893772-38884-0-6-65a8c30f-e294-45d3-9095-26a6ac10c669.png


    會中,雙方就服務(wù)品牌建設(shè)、企業(yè)文化推廣、內(nèi)訓(xùn)管理體系、重保服務(wù)經(jīng)驗等方面進(jìn)行深入交流和經(jīng)驗分享,參會人員結(jié)合業(yè)務(wù)實際,互換管理思路、分享經(jīng)驗成果、展望合作效能,起到了互通有無、攜手提升的積極作用。


    bige-893772-38885-0-6-65a8c346-9370-4d4b-981c-26d1ac10c669.png


     會后,交流組一行實地參觀貴賓廳保障廳房,詳細(xì)了解生產(chǎn)運行模式、特色服務(wù)產(chǎn)品、文化元素入駐等情況,并就相關(guān)服務(wù)設(shè)想進(jìn)行分享交流。在文物展示區(qū),金牌講解員生動的介紹了秦風(fēng)壁畫、樂舞陶俑、碑林拓片、秦磚漢瓦展以及特色保障廳房,一同感受xx歷史文化底蘊。


    ·


    下一步,雙方將不斷完善協(xié)作關(guān)系,進(jìn)一步深化業(yè)務(wù)往來,充分發(fā)揮自身優(yōu)勢,積極為員工隊伍發(fā)展開闊互學(xué)渠道。面對即將到來的“兩會”保障,遴選服務(wù)骨干進(jìn)駐xx賓館,參與保障“兩會”主會場,強化雙方重保協(xié)同,用“一站式”國門級服務(wù)樹立集團服務(wù)品牌形象,以“服務(wù)共建”促“合作共贏”。


    bige-893772-38889-0-6-65a8c39a-60e4-4e98-b11a-26adac10c669.png



    bige-893772-38900-0-6-65a8ca9c-0c8c-4bd1-a69e-274fac10c669.gif


    ▲▼滑動查看原文


    改造思路


    本文改造采取的是模板+SVG的模式,使用現(xiàn)有的官方模板搭配SVG圖片輪播組合完成。


    模板ID:136233

    SVG組件:橫向圖片停頓式放大輪播-圖片可跳轉(zhuǎn)

    組件ID:309


    模板搜索建議:我選擇的是[極簡]關(guān)鍵詞,當(dāng)然你也可以選擇商務(wù)、或是行業(yè)限定詞,不過我更推薦大家選擇詞不宜多,限定詞過多會導(dǎo)致出現(xiàn)的模板較少,許多模板風(fēng)格是通用的,我們只需要修改文字即可。


    原模板字號是:14 字間距:1.5 行間距:1.75,考慮到原文公司屬性,這里我把字號調(diào)整為15、字間距:1.5 、行間距:1.75,字色設(shè)置為#5a5a5a(不是純黑,帶有一些灰度用戶閱讀長文字不會刺眼更友好)


    可能遇到的問題


    SVG交互效果怎么添加到模板中?


    在SVG編輯器中完成效果制作后,選擇右上角的[導(dǎo)出-[復(fù)制代碼到135編輯器]


    image.png


    返回到135編輯器的編輯頁面,這里我們需要分兩種情況:


    第一種:交互效果需要添加到原模板圖片位置

    第二種:交互效果需要添加到空行處


    第一種情況:我們點擊圖片,在[區(qū)域操作]中找到[區(qū)域代碼]


    image.png


    點擊[區(qū)域代碼],選中<img>...</>中的圖片地址


    image.png


    粘貼剛剛復(fù)制的SVG代碼,點擊確認(rèn)即可


    image.png


    GIF圖展示


    錄制_2024_01_18_17_05_09_789.gif


    第二中情況:我們點擊空行處(出現(xiàn)藍(lán)色虛線)在區(qū)域操作中選擇[區(qū)域代碼]


    image.png


    點擊區(qū)域代碼,選中<br/>標(biāo)簽


    image.png


    粘貼剛剛復(fù)制的SVG代碼,點擊確認(rèn)即可


    image.png


    GIF圖展示


    錄制_2024_01_18_17_11_53_470.gif





    【企業(yè)福利】


    如果您覺得自己的排版還有進(jìn)步空間,卻是“大海撈針,無從下手”,可以交給我們,添加我們企業(yè)顧問,提供文章鏈接,幫您改造優(yōu)化。



    【注意事項】

    ①排版改造為免費改造,我們不會收取任何費用

    ②改造優(yōu)化主要作為教學(xué),請?zhí)峁┮寻l(fā)表文章鏈接,未發(fā)表文章恕不接受

    ③優(yōu)化后的文章我們會作為案例在我方渠道發(fā)出,當(dāng)然我們會做好隱私保護處理,請您放心

    ④排版改造師精力有限,提供文章會經(jīng)過篩選出有代表性的進(jìn)行改造

    ⑤企業(yè)會員提供的文章優(yōu)先進(jìn)入改造序列




    END -

    如果您的疑問尚未被解決

    請在幫助中心內(nèi)【聯(lián)系客服】

    我們誠摯邀請您給135編輯器提供【意見和建議】

    微信關(guān)注135編輯器 ID:editor135 ,獲取更多排版干貨知識

評價此內(nèi)容
有幫助
無幫助
感謝反饋,請問還有其他建議嗎? (選填)