跳到主要內容

電子報設計


今年KPI數字上最漂亮的應該是電子報的「開啟率」&「點閱率」有大幅度的成長, 數字當然是個機密, 只能透漏比一般標準高。
原來的電子報版面如下方右側圖片, 一個大主圖佔了視野最好的位置, 在多的新產品也只能打一樣, 吸引到的是小眾, 往往賺了開啟率卻輸了點閱率, 所以我做了新的設計如下方左側圖片, 主圖的設計手法稱為 cover flow,  雖是靜態的效果也很好, user第一眼看到的訊息不僅僅是單一產品, 也有企業的品牌榮耀或是活動, 減低了商業味道, 介面顯的更加友善



新版
*三張主圖
*兩個新產品
*兩張活動圖片
*更多圖片更少文字
舊版

標籤：

留言

張貼留言

這個網誌中的熱門文章

Indexed Database API - Initail

As a front web developer, I could create UI faster or Optimize file to load page faster. But it hard to faster response time form server however 80-90% of the end-user response time is spent on the frontend. Nowadays we could use the Indexed Database API, or IndexedDB to reduce the request times. Less request times, less response time. What is IndexedDB ? IndexedDB is web browser standard interface for a local database of records holding simple values and hierarchical objects. IndexedDB was initially proposed by Oracle in 2009./* wiki */ What browsers would support IndexedDB ? Most browsers of hybrid devices support it exclude IE9-, Safari 7-,iOS Safari 7.1-, Opera Mini, Android Browser 4.3-./* caniuse.com */ When shall we use IndexedDB ? Save Money on web hosting Data index sort Data keyword search Keep data for period of time How to start it? //*************************************************************** //initDB //{Object}, {data: dbName, objectStore: storeName, ...
張貼留言
閱讀完整內容

最近設計的一組icon..太有APPLE風格被打槍了

張貼留言
閱讀完整內容

jQuery 的slideToggle太好用了

$ ( ".collapse" ) .each ( function ( index, value ) { $ ( this ) . click ( function ( evt ) { evt.preventDefault ( ) ; //prevent the default click event of the anchor tag. var target = $ ( this ) .attr ( "data-toggle" ) ; $ ( "." + target ) .slideToggle ( ) ; } ) ; } ) ; http://code-tricks.com/create-a-common-toggler-for-div-using-jquery/
張貼留言
閱讀完整內容