---
# System prepended metadata

title: HyUI kit簡介
tags: [HyUI]

---

# HyUI kit簡介
###### tags: `HyUI`
>此套件是由凌網科技-視覺設計部門共同開發，為國內第一套針對政府版型規範所設計的前端框架，由HTML5、CSS3與Javascript為核心語言開發而成。


鑑於政府近幾年宣導提升政府網站服務品質，且因應瀏覽器版本更新和國人行動載具普及化的現象，並配合國發會政府網站版型與內容管理規範​，以及國家通訊傳播委員會頒布之無障礙網頁開發規範，凌網設計團隊開發此HyUI kit前端框架。 期望在政府網站設計的前端視覺互動、快速建置、網頁效能上獲得大幅的改善。在視覺設計上的部分，以「使用者體驗」(User Experience)出發， 針對介面操作體驗的友善性、流暢的視覺動線、​文字的閱讀舒適性，和色彩管理計畫皆有預設設定，且適用於所有載具的瀏覽呈現，期望本框架能全面提升政府網站的設計品質服務，並給予政府機關單位及民眾有更好的使用者體驗。


![](https://i.imgur.com/DmkAtp9.png)![](https://i.imgur.com/4RWkeeg.png)![](https://i.imgur.com/1qAUUwr.png)


## HyUI kit特點有
* 重視使用者體驗，打造簡潔易用的視覺介面
* 以政府網站服務管理規範為設計參考原則
* 支持響應式網頁設計(Responsive Web Design)。
* 支持國家通訊傳播委員會無障礙網頁開發規範A及2A版本。
* 適用於所有前端開發類型，包括入口網站、應用系統、APP等。

## 適用對象
適用於具備[SCSS](https://sass-lang.com/)及[jQuery](https://jquery.com/)編寫能力之網頁開發者，例如：前端工程師、網頁設計師，UI/UX設計師。

## 如果要開發政府網站需預先理解
HyUI不限制於開發政府網站，可用此框架開發任何您想要開發的網站或產品，但如果需要開發政府之資訊服務的話，建議需對以下資料先理解：
* [政府網站營運交流平台](https://www.webguide.nat.gov.tw/default.aspx)
* [無障礙網頁開發規範](https://accessibility.ncc.gov.tw/Accessible/Category/7/1)

## 適用瀏覽器版本
預設支援Mac與Windows每種主要平台預設瀏覽器的最新版本，當然！也包括Android及iOS上的以下瀏覽器。因為使用CSS3技術，因此版本最低可支援到Internet Explorer 9，但仍有部分CSS3因IE9不完全支援或其全部功能需要前輟屬性而出現錯誤，開發人員如有疑慮可參考CAN I USE網站查詢屬性。(N/A：代表該平台無此瀏覽器)



|         | IE7,8  | IE9  | Edge | Firefox | Chrome | Safari |
| ------- |:------:|:----:|:----:|:-------:|:------:|:------:|
| Windows | 不支援 | 支援 | 支援 |  支援   |  支援  | 不支援 |
| MAC OS  |  N/A   | N/A  | N/A  |  支援   |  支援  |  支援  |
| Android |  N/A   | N/A  | 支援 |  支援   |  支援  |  N/A   |
| iOS     |  N/A   | N/A  | N/A  |  支援   |  支援  |  支援  |





<style>
.ui-infobar{
max-width:95%;
}
.markdown-body{
max-width:95%;
}
</style>
