網頁設計的基本規範
UI設計: 介面設計 互動設計
平面設計: 手冊,海報,電商視覺設計,不涉及產品的操作流程,靜態。設計區域有限
網頁構成:
1.頁首
2.條幅廣告區
3.內容區域
4.頁尾:頁面的顏色較多,頁尾儘量使用深色系(灰色系基本通用),頭腳在顏色搭配要呼應
頁面尺寸設計
1.頁首、頁尾:寬度方向佔滿瀏覽器
2.banner條幅廣告區:1920px寬或全屏
設計區域/畫布
使用者顯示裝置
1920*1080
1440*900
1366*768
1024*768
視網膜屏 2088*1800
常見設計尺寸
企業類網站 1176 / 1170
電商類網站 1200 / 1220 / 1224
行業門戶類網站 980
遊戲娛樂類網站 1600
網站常用字型 微軟雅黑 MAC
常用字號: 正文: 中文 14px 英文 16px 最小 12px
導航中的文字大小: 14px 16px 18px 20px 24px
按鈕中的字號: 14px 16px 18px
常用字型顏色
標題:#333333;
正文:#666666;
說明提示:#999999;(一般不會使用black)
背景色:#F....;
輔助線:#E....;
行高: 1.5~2em;
首屏高度:720/560 最高不超過800px;
平面設計: 手冊,海報,電商視覺設計,不涉及產品的操作流程,靜態。設計區域有限
網頁構成:
1.頁首
2.條幅廣告區
3.內容區域
4.頁尾:頁面的顏色較多,頁尾儘量使用深色系(灰色系基本通用),頭腳在顏色搭配要呼應
頁面尺寸設計
1.頁首、頁尾:寬度方向佔滿瀏覽器
2.banner條幅廣告區:1920px寬或全屏
設計區域/畫布
使用者顯示裝置
1920*1080
1440*900
1366*768
1024*768
視網膜屏 2088*1800
常見設計尺寸
企業類網站 1176 / 1170
電商類網站 1200 / 1220 / 1224
行業門戶類網站 980
遊戲娛樂類網站 1600
網站常用字型 微軟雅黑 MAC
常用字號: 正文: 中文 14px 英文 16px 最小 12px
導航中的文字大小: 14px 16px 18px 20px 24px
按鈕中的字號: 14px 16px 18px
常用字型顏色
標題:#333333;
正文:#666666;
說明提示:#999999;(一般不會使用black)
背景色:#F....;
輔助線:#E....;
行高: 1.5~2em;
首屏高度:720/560 最高不超過800px;
相關文章
- 設計模式 基本規範與基本原則設計模式
- App設計的基本原則和規範APP
- C語言程式設計基本規範C語言程式設計
- Sql Server系列:規範化及基本設計SQLServer
- 網頁設計:淺談網頁基本效能最佳化規則小結網頁
- MySQL資料庫基本設計規範總結MySql資料庫
- MySQL資料庫規範 (設計規範+開發規範+操作規範)MySql資料庫
- mysql基本規範MySql
- 名片設計規範
- Restful API 的設計規範RESTAPI
- 初級程式設計師需要知道的基本程式碼規範程式設計師
- MySQL 規範 (資料庫表設計規範)MySql資料庫
- Mysql-基本的規則與規範MySql
- 前端命名基本規範前端
- 移動端UI設計規範模板參考以及設計規範的好處UI
- JS程式設計規範JS程式設計
- API 介面設計規範API
- React程式設計規範React程式設計
- Rest Framework設計規範RESTFramework
- RESTful API 設計規範RESTAPI
- java程式設計規範Java程式設計
- python 的程式設計規範Python程式設計
- git分支基本管理規範Git
- 程式設計小記-程式設計規範程式設計
- 移動應用網頁設計的趨勢和範例網頁
- 網頁設計的80/20規則(二八法則)網頁
- 網頁設計柵格就是你對頁面版式的規劃網頁
- MongoDB資料庫的設計規範MongoDB資料庫
- 常見的資料設計規範
- 自己整理的java程式設計規範Java程式設計
- ios12設計規範iOS
- python程式設計規範Python程式設計
- iOS APP設計規範大全iOSAPP
- 資料庫設計規範資料庫
- RESETful API 設計規範API
- C#程式設計規範C#程式設計
- 【軟體設計】專案設計流程規範
- 併發程式設計的12條規範程式設計