艾法科技

網頁設計

艾法科技 – 網站架構介紹

圖文大選單、子選單結構、頁面內選單

艾法科技 是以電子產品為主要經營項目，在此次網此站改版訴求中，是希望結合企業品牌介紹以及產品詢價作為外銷網站製作的主軸，因為網站需同時具有企業介紹、服務項目、產品內容三大項目，資料量相當大，必須考慮讓使用者以較為簡單的方式表達網站內容。

因此在網站結構設計上，產品部分採用大型選單，結合圖片展示與連結，提供更直覺的瀏覽方式快速進入產品介紹頁，另外為了避免主選單過多項目會讓使用者找不出重點，在商品型錄下載、最新消息等使用者較容易長時間停留閱讀的頁面連結中規劃以子選單呈現，以上下階層分段顯示讓頁面間關係更易於理解。

服務項目與產品介紹中也規劃了頁面內選單，當進入 A 產品時，其他產品的連結也會同時顯示，即使網站項目較多，使用者也能根據此連結方式在同一頁面操作即可跳轉到不同頁面，而不需要在主選單上辨認連結項目。

網頁元素設計理念

主視覺標題、元素反饋動畫、Logo 主色系

在結合企業品牌標誌做為網站主視覺配色呈現的前提下，以藍色做為頁面標題下底線標示，讓標題與內文有更明顯的差異性，而內容連結與區塊背景則以淺藍色做設計，避免過於強烈的襯色吸引使用者目光，讓網頁內容呈現主次更加分明。

既然是以科技產品詢價為網站設計主軸，所需要的是更加生動的表現方式以及操作回饋，在此次案例中無論是聯絡文字、下載按鈕、型錄圖片，均加入滑鼠游標選中時顯示動畫特效，即使資訊量較大的頁面也能輔助使用者點擊到正確的連結。另外在不同頁面中均加入與內容相關的標題背景與文字，給予使用者辨認當前位置的方式。

網站架設特色功能

文章篩選動畫、型錄輪播展示、世界地圖特效

最新消息中以年份作為使用者篩選內容的條件，點擊分類按鈕時讓同分類文章以淡入淡出的方式轉場呈現，小巧思設計卻能給使用者更豐富的視覺效果，提升瀏覽好感度。

數量眾多的產品型錄如果以一頁呈現，容易讓資訊過於冗長而難以閱讀，所以在型錄圖片部分以縮圖方式處理，並且加入自動播放功能，讓使用者自行挑選想要觀看的型錄頁，加快理解內容速度。

艾法科技 在世界各地都有不同的分公司，為了讓不同國家的使用者更了解企業背景，因此在世界地圖標示分公司時以光點標示呈現，讓分公司所在國家更為顯眼，檢視更加容易。