科技公司的公眾號(hào)排版怎么做？
我們?cè)诮榻B科技產(chǎn)品的優(yōu)點(diǎn)或者使用場(chǎng)景時(shí)，就可以采用以下介紹的創(chuàng)意，將產(chǎn)品外觀拆成多個(gè)部分，結(jié)合SVG來(lái)展示，營(yíng)造沉浸式的氛圍感。
嗨嘍，寶子們，說(shuō)到科技行業(yè)的排版，你們的第一印象是什么呢？是太商務(wù)or中規(guī)中矩？但其實(shí)科技行業(yè)的排版也能玩出花樣來(lái)。今天三兒就要帶你們?nèi)ヮI(lǐng)略不一樣的科技行業(yè)排版，這次我選擇了微軟旗下的科技品牌作為案例，作為家喻戶曉的科技行業(yè)領(lǐng)軍者，看看他們?cè)谂虐嫔嫌帜芙o我們哪些啟發(fā)！
gif圖展示↑
點(diǎn)擊綠色文字跳轉(zhuǎn)閱讀
這是一篇產(chǎn)品介紹類的推文，推文向我們展示了微軟HoloLens產(chǎn)品在各行各業(yè)應(yīng)用后帶來(lái)的好處。在介紹實(shí)際效益的過(guò)程中，并沒(méi)有用大段的文字內(nèi)容來(lái)展示，而是利用SVG互動(dòng)效果來(lái)呈現(xiàn)。
在排版設(shè)計(jì)上，文章很巧妙的將產(chǎn)品外觀圖片拆成兩部分，一部分放置在SVG效果中，一部分以靜態(tài)無(wú)縫圖呈現(xiàn)，當(dāng)用戶在滑動(dòng)SVG，每切換一個(gè)場(chǎng)景時(shí)，產(chǎn)品外觀的兩個(gè)部分可以重合，組成完整的產(chǎn)品形態(tài)，且用戶可以通過(guò)點(diǎn)擊每張場(chǎng)景圖片的指定位置，來(lái)了解其具體應(yīng)用情況的介紹，這種形式能讓用戶產(chǎn)生沉浸式體驗(yàn)。
像我們?cè)诮榻B科技產(chǎn)品的優(yōu)點(diǎn)或者使用場(chǎng)景時(shí)，就可以采用這種創(chuàng)意，將產(chǎn)品外觀拆成多個(gè)部分，結(jié)合SVG來(lái)展示，營(yíng)造沉浸式的氛圍感。
這篇文章用到的SVG效果為單層左右滑動(dòng)-圖片點(diǎn)擊切換，ID：155
教程在這里：點(diǎn)擊查看
gif圖展示↑
點(diǎn)擊綠色文字跳轉(zhuǎn)閱讀
這篇推文內(nèi)容是會(huì)議預(yù)告介紹。它的推文展現(xiàn)形式打破了我們對(duì)于常規(guī)會(huì)議文章的認(rèn)知。在文章中他們根據(jù)會(huì)議時(shí)間6月18日，提煉出與618這三個(gè)數(shù)字相對(duì)應(yīng)的會(huì)議重點(diǎn)內(nèi)容，再通過(guò)略帶立體感的空間設(shè)計(jì)與SVG結(jié)合，當(dāng)用戶點(diǎn)擊對(duì)應(yīng)數(shù)字時(shí)，隨即切換GIF圖來(lái)展示文字內(nèi)容，從而增加了文章的神秘感和高級(jí)感。
在正文內(nèi)容部分，同樣利用了SVG效果，引導(dǎo)用戶點(diǎn)擊展開(kāi)文章后繼續(xù)瀏覽。與開(kāi)頭部分相呼應(yīng)，構(gòu)思巧妙。
從這篇文章的排版中我們能學(xué)到的點(diǎn)就在于，有時(shí)在排版一些會(huì)議類文章時(shí)，可以打破固有思維，利用SVG進(jìn)行創(chuàng)作，這樣能讓原本枯燥的文字內(nèi)容看起來(lái)趣味十足。
這篇文章用到的SVG效果為點(diǎn)擊換圖（GIF圖）和點(diǎn)擊直接展開(kāi)，組件ID：5和57。
教程在這里：
點(diǎn)擊查看（ID:5）
點(diǎn)擊查看（ID:57）
gif圖展示↑
點(diǎn)擊綠色文字跳轉(zhuǎn)閱讀
這是一篇介紹產(chǎn)品功能的推文，文章中展示了4組行業(yè)使用該產(chǎn)品后的對(duì)比，從而讓我們直觀感受到產(chǎn)品的優(yōu)勢(shì)。在排版設(shè)計(jì)上，將四個(gè)場(chǎng)景設(shè)計(jì)成了條漫的樣式，再配合上SVG效果，讓原本復(fù)雜的產(chǎn)品功能內(nèi)容，變得更易理解。這是科技行業(yè)在編輯推文時(shí)可以學(xué)習(xí)的地方，換一種角度來(lái)展示復(fù)雜高深的知識(shí)，可以讓用戶更易接受。
這篇文章用到的SVG效果為雙層左滑，ID：17
教程在這里：點(diǎn)擊查看
立即登錄
