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