web design guideline 網站設計規範 · 設計原則 1.簡單易用...
TRANSCRIPT
![Page 1: WEB DESIGN GUIDELINE 網站設計規範 · 設計原則 1.簡單易用 為提供優良使用者體驗,整體網頁設計大方向如下: 2.高解析度 3.快速存取 4.規範靈活](https://reader033.vdocuments.us/reader033/viewer/2022043011/5fa584b7158ce81bfe1e6391/html5/thumbnails/1.jpg)
網站設計規範WEB DESIGN GUIDELINE
2017
理學院交通大學
Version 1.2 / All Rights reserved. / 2017.02
![Page 2: WEB DESIGN GUIDELINE 網站設計規範 · 設計原則 1.簡單易用 為提供優良使用者體驗,整體網頁設計大方向如下: 2.高解析度 3.快速存取 4.規範靈活](https://reader033.vdocuments.us/reader033/viewer/2022043011/5fa584b7158ce81bfe1e6391/html5/thumbnails/2.jpg)
目錄
設計原則
色彩規範
按鈕規範
字體規範
![Page 3: WEB DESIGN GUIDELINE 網站設計規範 · 設計原則 1.簡單易用 為提供優良使用者體驗,整體網頁設計大方向如下: 2.高解析度 3.快速存取 4.規範靈活](https://reader033.vdocuments.us/reader033/viewer/2022043011/5fa584b7158ce81bfe1e6391/html5/thumbnails/3.jpg)
設計原則
1.簡單易用
為提供優良使用者體驗,整體網頁設計大方向如下:
2. 高解析度
3. 快速存取
4. 規範靈活
![Page 4: WEB DESIGN GUIDELINE 網站設計規範 · 設計原則 1.簡單易用 為提供優良使用者體驗,整體網頁設計大方向如下: 2.高解析度 3.快速存取 4.規範靈活](https://reader033.vdocuments.us/reader033/viewer/2022043011/5fa584b7158ce81bfe1e6391/html5/thumbnails/4.jpg)
色彩規範
#969696 #505050 #323232#C8C8C8
訂定出數個顏色,作為標準色,除了易於管理、也能避免網頁色彩的不協調性。
#E6321E #C30028 #9B0019
#F0BE23 #EBA01E #C87814
#00AAE6 #008CBE #0078AA
002D5A
![Page 5: WEB DESIGN GUIDELINE 網站設計規範 · 設計原則 1.簡單易用 為提供優良使用者體驗,整體網頁設計大方向如下: 2.高解析度 3.快速存取 4.規範靈活](https://reader033.vdocuments.us/reader033/viewer/2022043011/5fa584b7158ce81bfe1e6391/html5/thumbnails/5.jpg)
字體規範
基於網站現代、簡潔的風格,採用風格相近又容易閱讀的黑體。
天地玄黃 宇宙洪荒 日月盈昃 辰宿列張 寒來暑往
秋收冬藏 閏餘成歲 律呂調陽 雲騰致雨 露結為霜
黑體壹
黑體貳
天地玄黃 宇宙洪荒 日月盈昃 辰宿列張 寒來暑往
秋收冬藏 閏餘成歲 律呂調陽 雲騰致雨 露結為霜
![Page 6: WEB DESIGN GUIDELINE 網站設計規範 · 設計原則 1.簡單易用 為提供優良使用者體驗,整體網頁設計大方向如下: 2.高解析度 3.快速存取 4.規範靈活](https://reader033.vdocuments.us/reader033/viewer/2022043011/5fa584b7158ce81bfe1e6391/html5/thumbnails/6.jpg)
按鈕規範
使用的按鈕需保持網站一貫的現代簡潔風格,彼此之間的造型也需協調,且不互相重疊功能,並重複使用避免混淆。
![Page 7: WEB DESIGN GUIDELINE 網站設計規範 · 設計原則 1.簡單易用 為提供優良使用者體驗,整體網頁設計大方向如下: 2.高解析度 3.快速存取 4.規範靈活](https://reader033.vdocuments.us/reader033/viewer/2022043011/5fa584b7158ce81bfe1e6391/html5/thumbnails/7.jpg)
網站建置團隊
理學院院長
網站工程師
網站工程師
李耀坤
戴子鈞
謝培禹
尤淑芬
李雅樺
陳瑞言
理學院行政助理
資訊技術服務中心工程師
網站設計師
Version 1.2 / All Rights reserved. / 2017.2