已收藏，可在 我的資料庫 中查看
關注作者
您可能還需要

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？
2017-07-05 17:45
分享一些尺寸、文字、圖片、圖文排版的設計建議~

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

隨著移動互聯網時代的來臨，無線端必將成為兵家必爭之地。究竟速賣通無線端詳情頁如何優化設計？下面介紹一些尺寸、文字、圖片、圖文排版的設計建議。

1、尺寸寬度

以iOS的750px為例，以下的內容都以750的寬度為例做示范。屏幕高度建議一屏的內容最高不超過1334px。

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

2、文字內容

●字體

iOS：open

sans

Android：robot

●大小

使用閱讀清晰字體，避免變形、潦草字形，最小字號不得小于26px

●顏色

字體顏色對比明顯，例白底黑字、黑底白字

●字數

精簡賣點，一段文字的內容不要超過三行，一般用戶閱讀大量信息的時候都是跳躍式閱讀，一段文案段落過多，不會仔細閱讀。

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

3、文字排版示例

●正確的

字體大小清晰、圖文分離表達

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

●錯誤的

超過最小字號、字體背景不清晰

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

4、圖片表達方式

●正確的

圖片比例飽滿、圖片占屏寬的三分之二

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

●錯誤的

商品主體顯示太小、輔助元素太多

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

5、圖文排版方式

●正確的

圖文分離、居中排版、左右排版、文字至少離屏幕邊界32px

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

●錯誤的

排版過于密集、出現中文

?速賣通無線端詳情頁如何優化設計（尺寸、文字、圖片）？

以上內容屬作者個人觀點，不代表雨果網立場！如有侵權，請聯系我們。


分享到：

--
評論
最新 熱門 資訊 資料 專題 服務 果園 標簽 百科 搜索

收藏

--

--
分享
成人视频高清免费观看| 欧美精品自拍偷拍| 自拍天堂偷拍|