我們的舊博客設(shè)計基于兩列布局，使其看起來像模板。北京大米包裝設(shè)計內(nèi)容混亂且不堪重負(fù)，不清楚應(yīng)該看哪里。當(dāng)我們撰寫有關(guān)圖形和網(wǎng)頁設(shè)計趨勢的文章時，這兩種方法都無法真正激發(fā)讀者的信心。實際上，甚至還不清楚這是公司博客。去年夏天，我在一次會議上遇到一位女士，她說她每天都讀我們的博客，北京大米包裝設(shè)計真是太棒了！她不知道我們做了什么。
我們限制了文章模板的顯示范圍。圖片的寬度最大僅為624像素，沒有任何其他選擇。我們的導(dǎo)航也很差，導(dǎo)致跳出率非常高（即使是博客）。最后，我們運行了兩個獨立的英語博客，以及一個德語博客和法語博客。這不僅使讀者感到困惑，而且具有四個單獨的WordPress后端，這也是管理的野獸。基于以上評論，北京大米包裝設(shè)計內(nèi)容策略團隊與我們在SEO，用戶體驗設(shè)計和工程方面的同事坐下來，并為我們的博客重新設(shè)計提出了六個目標(biāo)。
如果要查看圖像，則需要將其放大。并且，應(yīng)該基于上下文以多種方式顯示它們。因此，我們構(gòu)建了幾個圖像模板：全寬，靈活的網(wǎng)格和帶有文本換行符的浮動半部分。另一方面，文本應(yīng)該在相對狹窄的欄中，因此讀者的眼睛不必在屏幕上來回跳動（這會使他們難以保持原位并打亂閱讀過程）。為了解決文本和圖像之間不同的寬度需求，我們允許圖像突破中心列的障礙。這具有使我們能夠在頁面下方創(chuàng)建視覺流的附加好處。
最后，由于我們希望文章的內(nèi)容成為每一頁的焦點，因此我們決定反對功能強大的圖像趨勢，而是為北京大米包裝設(shè)計添加了色彩。此顏色是從頁面上的圖像中提取的，并用于所有標(biāo)題和鏈接，從而在整個文章中營造出統(tǒng)一的感覺。它也用在開始每篇文章的獨特的小寫字母下，它具有微妙的視覺效果，并具有立即吸引讀者注意的功能。而且，當(dāng)然，我們創(chuàng)建了該設(shè)計的移動版和平板版，以確保所有內(nèi)容都響應(yīng)良好，并能最好地為讀者使用的設(shè)備提供服務(wù)。
Copyright 2005-2024 ? UCI All Rights Reserved
聯(lián)合創(chuàng)智北京vi設(shè)計公司 版權(quán)所有
總監(jiān)微信咨詢 舒先生
業(yè)務(wù)咨詢 張小姐
業(yè)務(wù)咨詢 付小姐