1. <strong id="6hpmh"><pre id="6hpmh"></pre></strong>
    <strong id="6hpmh"></strong>

  2. <progress id="6hpmh"></progress>

    科技公司的公眾號排版怎么做?

    我們在介紹科技產品的優點或者使用場景時,就可以采用以下介紹的創意,將產品外觀拆成多個部分,結合SVG來展示,營造沉浸式的氛圍感。

    科技行業

    案例拆解篇

    微軟HoloLens


    嗨嘍,寶子們,說到科技行業的排版,你們的第一印象是什么呢?是太商務or中規中矩?但其實科技行業的排版也能玩出花樣來。今天三兒就要帶你們去領略不一樣的科技行業排版,這次我選擇了微軟旗下的科技品牌作為案例,作為家喻戶曉的科技行業領軍者,看看他們在排版上又能給我們哪些啟發!




    1.案例一





















    gif圖展示↑


    《生產線上來了“全能”新同事》

    點擊綠色文字跳轉閱讀



    01

    創意分析


    這是一篇產品介紹類的推文,推文向我們展示了微軟HoloLens產品在各行各業應用后帶來的好處。在介紹實際效益的過程中,并沒有用大段的文字內容來展示,而是利用SVG互動效果來呈現。


    在排版設計上,文章很巧妙的將產品外觀圖片拆成兩部分,一部分放置在SVG效果中,一部分以靜態無縫圖呈現,當用戶在滑動SVG,每切換一個場景時,產品外觀的兩個部分可以重合,組成完整的產品形態,且用戶可以通過點擊每張場景圖片的指定位置,來了解其具體應用情況的介紹,這種形式能讓用戶產生沉浸式體驗。


    像我們在介紹科技產品的優點或者使用場景時,就可以采用這種創意,將產品外觀拆成多個部分,結合SVG來展示,營造沉浸式的氛圍感。



    02

    SVG分析


    這篇文章用到的SVG效果為單層左右滑動-圖片點擊切換,ID:155


    教程在這里:點擊查看






    2.案例二





















    gif圖展示↑


    《這個618有點不一樣》

    點擊綠色文字跳轉閱讀


    01

    創意分析


    這篇推文內容是會議預告介紹。它的推文展現形式打破了我們對于常規會議文章的認知。在文章中他們根據會議時間6月18日,提煉出與618這三個數字相對應的會議重點內容,再通過略帶立體感的空間設計與SVG結合,當用戶點擊對應數字時,隨即切換GIF圖來展示文字內容,從而增加了文章的神秘感和高級感。


    在正文內容部分,同樣利用了SVG效果,引導用戶點擊展開文章后繼續瀏覽。與開頭部分相呼應,構思巧妙。


    從這篇文章的排版中我們能學到的點就在于,有時在排版一些會議類文章時,可以打破固有思維,利用SVG進行創作,這樣能讓原本枯燥的文字內容看起來趣味十足。


    02

    SVG分析


    這篇文章用到的SVG效果為點擊換圖(GIF圖)和點擊直接展開,組件ID:5和57。


    教程在這里:

    點擊查看(ID:5)

    點擊查看(ID:57)







    3.案例三





















    gif圖展示↑


    混合現實如何掀起第四次計算...

    點擊綠色文字跳轉閱讀


    01

    創意分析


    這是一篇介紹產品功能的推文,文章中展示了4組行業使用該產品后的對比,從而讓我們直觀感受到產品的優勢。在排版設計上,將四個場景設計成了條漫的樣式,再配合上SVG效果,讓原本復雜的產品功能內容,變得更易理解。這是科技行業在編輯推文時可以學習的地方,換一種角度來展示復雜高深的知識,可以讓用戶更易接受。


    02

    SVG分析


    這篇文章用到的SVG效果為雙層左滑,ID:17


    教程在這里:點擊查看








    文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
    文章評價
    登錄后可以評論
    立即登錄
    分享到
    亚洲午夜高清拍精品|亚洲永久精品|亚洲_亚洲成av人片一区二区蜜柚_国产精品无码中文_秋霞午夜久久午夜精品
    1. <strong id="6hpmh"><pre id="6hpmh"></pre></strong>
      <strong id="6hpmh"></strong>

    2. <progress id="6hpmh"></progress>