Chapter Z. 官方網站版型規畫要點

需掌握幾個重點

    在mobile first 有限空間下 圖片的一致性將表現網站的風格 簡單明瞭的呈現重點題示

  1. 公司或網站的 logo(小圖 ex: width="170" height="30")
  2. backgroud color: transparent 透明背景
    file type: **.png or **.gif
    xgreencom-en_logo_2.png

  3. 如須在首頁產生Showcase Slide (大圖 ex: width="1200" height="530") 投影圖片至少兩張同尺寸
  4. 滑動式圖片內含之文字大小須以桌機手機皆能看見為主(如手機不能看清楚文稿 那只是強迫訪客看無意義的彩色圖片)
    file type: **.jpg 統一為橫式
    xslide_two.png

  5. 作業項目或製程簡介或公司相關圖片(中圖 ex: width="1024" height="530")
  6. file type: **.jpg 統一為橫式
    xali3blacktea-spe.jpg

  7. 產品相關圖片(大圖 ex: width="1024" height="975")
  8. file type: **.jpg 統一為橫式或直式
    coonatea-roseblacktea-2017-6-spec-1024.png

  9. 分類圖片(中圖 ex: width="420" height="124")
  10. file type: **.jpg 統一為橫式或直式
    catalog-flowertea-420_0.png

以上圖片尺寸 顏色取決 保有彈性 以商家性質差異而變動