WAP站點UI設計淺談

0 評論 11847 瀏覽 5 收藏 5 分鐘

WAP網站一般使用WML語言制作,多個網頁便組成WAP站點,WAP站點主要是針對移動終端做的網站。
WAP(Wireless Application Protocol)是一種向移動終端提供互聯網內容和先進增值服務的全球統一的開放式協議標準,是簡化了的無線 Internet協議。WAP將 Internet和移動電話技術結合起來,使隨時隨地訪問豐富的互聯網絡資源成為現實。

WAP設計前了解:

1.瀏覽限制:
WWW網站可以瀏覽現在基本全部的圖片,音頻,視頻等文件!支持FLASH等各種插件的兼容。
WAP網站則不同,在早期的WAP網站上,只支持WBMP格式的圖片,更別說眾多的視頻格式以及音頻格式的文件,隨著終端設備的發展以及語言的豐富,現在對于JPG? PNG? GIF等圖片都能做到顯示? ,但通常用的最多的是GIF格式。

2.機型適配
WAP網站現在適配的終端設備很多,因終端設備的屏幕尺寸等問題,現在WAP網站也趨向多元化。其中使用最多的是塞班,安卓和IOS等眾多手機終端設備,其次是IPAD等其他終端設備。

3.素材規格
LOGO規格:

1- LOGO的大小進行了很大程度的壓縮,使其最終限制在5K以內(在塞班當家的年代里,LOGO的大小嚴重限制在2K以內,例如58同城僅390字節,Facebook為527字節等。
2- LOGO圖片格式全部為gif格式,無png格式。
3- LOGO平均寬高沒有嚴格規定,但大部分遵守著默守的規范(如不使用JPG的圖片)。
4-國內很多直接命名為logo.gif

導航規格:
1-盡量是用較少漸變等效果。
2-同色系。
3-選取素材為點九的PCN素材圖。

其他圖片素材提供規格:
輸出格式為PNG,為方便傳輸一般采用8位的PNG格式它的特點是容量小,效果好。


注:WAP導航必須簡潔精確且快速的信息;盡可能減少輸入;一致、少用‘返回’鏈接、避免深度太深、返回首頁或目錄;

4. 考慮小尺寸屏幕的設計
確保內容可見、一致的樣式、減少水平滾動、利用對齊屬性增加可讀性、充分利用空間(圖文)、避免過多使用文本樣式屬性、使用短小精確的詞語、避免使用過多的顏色并保持一致、不用名字描述顏色。

5.文字規格
1-字體為黑體:早期塞班系統支持下字體為宋體(無);其他平臺為黑體。
2-字號:早期塞班系統下字體為最小12號;其他平臺一般使用15號以上(建議)

 

制作常見問題:
設計稿設計是由不同尺寸構成,而對于制作來說,統一的全部按320的尺寸去制作,并嚴格限制字數,以免對頁面的美觀度產生影響。
解決:制作尺寸為320(也就是IOS標準尺寸480寬的一半)。
素材提供
素材的提供尺寸為IOS圖標標準尺寸,由制作去做自適應的設置。

來源:搜狐焦點UED

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!