zoukankan      html  css  js  c++  java
  • 手机端设计规范(750*1334)

    以750*1334为例     统一字体:苹方

    一、文本

    1.主题类:

    • 展示标题:小字号 36 加粗 行距50   大字号  40  加粗行距58
    • 主标题:大字号  32  加粗  小字号28  中等
    • 副标题:大字号30  加粗   小字号  24  中等

    2.文本类:

    • 主文本:字号36  中等  行距58
    • 辅文本:字号60  行距48  中等
    • 次要文本:字号24   中等

    3.按钮:

    • 实心大按钮 (圆角矩形   圆角 8)  88*560     字号36
    • 实心小按钮/ 空心线框性小按钮(圆角矩形  圆角4)  140*55   字号24   中等

    4.系统图标

    • 大图标:44*44
    • 中图标:36*36
    • 小图标:24*24

    5.导航图标

    • 大号:96*96(使用首页导航)
    • 小号:72*72(使用分页导航)

    6.头像:

    112*112 (使用用户中心)   小:72*72(用户评论)

    7.标签:

    (圆角线框  13.5像素圆角)80*28(宽度没有唯一标准)   字号20

    8.悬浮操作按钮:

    112*112(圆) 投影(距离0 大小8  不透明40)  悬浮按钮可加44*44的大图标

    9.缩略图:

    • 比例  4:3  16:9   1:1
    • 232*174(三图)    350*196(2图)      710*398(1图)
    •  左右结构 320*270(1图)

    10.列表:

    • 上下结构:1图  2图  3图
    • 左右结构:1图

    11.搜索框:

    750*88  (500*60  圆角30)


    banner尺寸:  750*260

  • 相关阅读:
    jenkins安装
    HTTP协议客户端是如何向服务器发送请求
    接口概念
    fiddler导出har格式转化成yml格式

    双硬盘双系统装错了记录
    chrome的版本和driver版本对应表
    monkey详解
    adb命令熟悉
    cookie、session、token
  • 原文地址:https://www.cnblogs.com/gxywb/p/12047975.html
Copyright © 2011-2022 走看看