網頁設計的基本規範

ChericeYang發表於2018-06-01
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;

相關文章