一看就愛上的手機網頁設計
  類別:  網頁設計
  書號:  ACU063400
  作者:  瀧上 園枝
 

  博客來  
  金石堂  
  天瓏  

智慧型手機版網站受限於單一畫面中,只能提供有限的資料量,因此具有往垂直方向延伸網頁的特性。尤其是下層網頁,更需要設計出能清楚判別內容連續性及分段的版型。

Step 1. 分割區域
配合內容劃分區域。利用區分標題的框線,明確區分出低關聯性的內容。

Step 2.  設計內容
在分割後的版面裡,編排影像及模擬文字等必要內容。剛才建立的形狀圖層請配合內容狀態,一邊調整位置,一邊完成整體結構。

Step 3.匯出必要的影像,開始編輯網頁程式碼
匯出排版時需要的影像,開始著手編輯網頁程式碼。以CSS設定套用漸層效果,劃分區域用的矩形作為標題背景。

完成囉!


 

關於碁峰隱私權政策聯絡我們     檢視 : PC 版  手機版
碁峰資訊股份有限公司 GOTOP INFORMATION INC.
台北市南港區三重路66號7樓之6 / 7F.-6,No.66,Sanchong Rd.,Nangang District,Taipei
TEL:(02)2788-2408 FAX:(02)8192-4433 劃撥帳號:14244383
Copyright 2014© GOTOP Information Inc, All Rights Reserved 請勿任意連結、轉載