行政院環保署 巴塞爾公約網站 網站連結 行政院環保署 巴塞爾公約網站 專案介紹向大眾介紹何謂「巴塞爾公約」的文章型網站,主要為法規的記載、管理現況描述等有大量文字內容的結構,並且多有附加檔案與外連網址。目標客群有心想了解環保相關政策的民眾,以及專家學者、學界教授等。大多習慣使用網路查詢知識內容。 我所擔任的角色與PHP工程師搭配執行專案,將需求檔案整理後,負責進行網站架構規劃與整體視覺設計。介面設計完成後進行RWD規劃、切版、版面bug修復。 我的設計流程資料研讀與網站結構整理研讀、消化需求文件並分析其內容,將有共同要素的部分歸於同一種結構,整理出架構圖並與工程師討論確認。 wireframe進行核心功能——文章頁面的排列設計,想了幾種方案並評估顯示效果。 Outcomes首頁選用Metro Design的形式呈現各個主題區塊,營照專業穩重感。※請點點看下方圖片,他會動喔:) 文章頁面最後採用的是左文右附件的排版方式,目的是:讓使用者在閱讀的同時就得知此篇文章含有附件和連結,而不是捲到最下面才發現(因為他們不一定會把文章看完)。 多項目頁面一頁之中含有多個項目,如條約、會議紀錄、Q&A等,則採用手風琴(Accordion)將其通通折疊,讓使用者主動選擇要展開觀看的項目。展開後,其內容跟文章頁面一樣,採左文右附件的排版,讓使用者以習慣的方式閱讀文章,降低學習成本。 Previous Project Next Project