基本介紹
格林文化事業股份有限公司是一家台灣出版社，提供各種書籍，包括童書、教育書籍、旅遊指南等，並擁有網路書店格林繪本網。
這次的設計任務是爲格林文化建立一個官方影音內容平台，並讓網站整體風格能跟品牌一致，讓讀者能在這網站找到更多面向的內容與資訊。
因應智慧型手機與平板電腦的重要性日益高升，採用了RWD (Responsive Web Design) 響應式網站的設計方式，以滿足桌機與各類行動裝置的整體需求。
設計概念
用看、聽、讀三方向切入童書的世界，讓讀者能更全面的了解格林文化
三大重點功能如下：
看｜
此單元由格林文化製作了許多了影片，讓讀者們可以看影片來快速進入你感興趣的情節中。
聽｜
此單元由格林文化錄製了豐富的音擋，讓讀者能用聽的方式，了解許多感興趣的內容喔。
讀｜
此單元由格林文化撰寫了許多主題的文章，如：繪本書房 / 親子教育 / 熱門話題 / 總編相談室 / 精選書摘，讓讀者能快速選擇感興趣的內容閱讀喔。
色彩計劃
以標準色鮮明的黃色，搭配黑色，營造知性與俐落的感覺。
除了黃與黑兩個主色，網站內還使用了不同層次的淺灰、深灰作為輔助色，讓Icon或文字，都能有一些不同的層次。
設計團隊也針對看、聽、讀等重要的單元，搭配一些低彩度的顏色作為單元代表色，讓網站在色彩上能更靈活的搭配。
R252 G201 B0
#b4d3e2
R205 G205 B2005
#f8f7ef
R160 G157 B148
#6aa2c0
R0 G0 B0
#000000
手機版本
針對手機的直式畫面設計網頁，即使單手也能順暢瀏覽網站與所有精彩的圖文內容。
用智慧型手機瀏覽此網站，也能因RWD (Responsive Web Design) 響應式網頁的方式設計，而得到絕佳的畫面呈現，幫助螢幕較小的手機用戶也能快速的找到所需的資料。
針對智慧型手機的直式顯示方式，設計團隊也更優化操作界面，用一目了然的選單，讓手機的使用者能快速切換頁面或單元，找到所需的資訊。
*支援 iOS / Android 智慧型手機。
*聽讀格林｜版權所有。
平板電腦版本
精簡優化後的版本，讓平板電腦也能順暢瀏覽所有精彩的內容。
用平板電腦瀏覽此網站，也能因RWD (Responsive Web Design) 響應式網頁的方式設計，而得到絕佳的畫面呈現，所有複雜的元素經過優化作業，讓平板也能在較小的畫面顯示中，取得完美的平衡，輕鬆的瀏覽網站。
*支援 iOS / Android 平板電腦。
*聽讀格林｜版權所有。
桌上型電腦版本
用桌上型電腦或筆記型電腦瀏覽此網站，充分利用桌機效能，讓橫式大畫面呈現最佳效果。
桌上型電腦版本，保有最完整的設計細節、動態滑動表現，不論選單、物件的動態滑動感，在桌上型電腦版本都能有最好的表現。
設計團隊期望使用桌上型電腦、筆記型電腦的使用者，能在驚奇、愉悅的氛圍下瀏覽網站。
以RWD (Responsive Web Design) 響應式網頁的方式設計，使網頁顯示的區域、可閱讀的範圍，變得比一般網站更大更寬，在瀏覽圖片或文案時將有更好的的瀏覽品質。
*支援PC / Mac桌上型電腦、筆記型電腦，Chrome、Safari、Edge、Firefox以上之瀏覽器。
*聽讀格林｜版權所有。
相關案例
相關案例
第一產物保險
員工自主服務平台
相關案例
Mercedes-me
內容平台
TW 
EN