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

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

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

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

1、尺寸寬度

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

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

2、文字內容

●字體

iOS：open

sans

Android：robot

●大小

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

●顏色

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

●字數

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

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

3、文字排版示例

●正確的

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

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

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

●錯誤的

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

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

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

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

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

4、圖片表達方式

●正確的

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

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

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

●錯誤的

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

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

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

5、圖文排版方式

●正確的

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

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

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

●錯誤的

排版過于密集、出現中文

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

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


分享到：

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

收藏

--

--
分享
日本艳妓BBW高潮一19| 国产精品1区2区3区4区| 国产日韩欧美高清一区| 9精品国产在热久久| 黄图男在上女在下| 欧美日韩国产高清在线视频| 无码国产精品一区二区色情男同| 久久久久久综合色| 欧美日韩免费精品| 豪妇荡乳1一5潘金莲| 亚洲日本无码AA在线播放| 香蕉久久成人国产精品|