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