2017年2月12日 星期日

20170213東莉搬站-網頁設計案例

這次的案件為舊客戶要將原本的網站改變為響應式網站,
因客戶無重新設計之需求,所以這次的案件著重在html語法的重新編寫與手機版瀏覽畫面的規劃

因舊式的網站的寫法是用table的方式產出畫面,較為凌亂而且不太符合響應式的架構,
所以在不改變畫面的前提之下,修改了整個網站的html

網站上的加入我的最愛的按鈕,因現在瀏覽器眾多,無法一一針對各個瀏覽器去製作加入最愛的語法,
修改為提醒可以使用快捷鍵加入收藏

原本選單的滑鼠移入效果,修改為動態幅度較大的效果,吸引使用者的注意

內頁的部分加了banner上去,襯托客戶的公司主要營業項目,
並在banner上面蓋了一個主色系的漸層透明遮色片在上面,
另照片與整體的網站配色不會跳脫太大

舊網站有的左側選單,在手機上的空間考量,我們將選單隱藏在左側
另整個網站畫面注重在產品畫面,如需選單導覽,可用點擊的方式將選單呼叫出來


總結,舊式網站的改版牽涉到手機瀏覽上的動線規劃,
在製作過程中需考量到手機使用體驗的合理性

沒有留言:

張貼留言