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

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

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

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

1、尺寸寬度

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

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

2、文字內(nèi)容

●字體

iOS：open

sans

Android：robot

●大小

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

●顏色

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

●字?jǐn)?shù)

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

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

3、文字排版示例

●正確的

字體大小清晰、圖文分離表達(dá)

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

●錯誤的

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

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

4、圖片表達(dá)方式

●正確的

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

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

●錯誤的

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

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

5、圖文排版方式

●正確的

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

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

●錯誤的

排版過于密集、出現(xiàn)中文

?速賣通無線端詳情頁如何優(yōu)化設(shè)計（尺寸、文字、圖片）？

以上內(nèi)容屬作者個人觀點，不代表雨果網(wǎng)立場！如有侵權(quán)，請聯(lián)系我們。


相關(guān)標(biāo)簽：

分享到：

--
評論
最新 熱門 資訊 資料 專題 服務(wù) 果園 標(biāo)簽 百科 搜索

收藏

--

--
分享