百度智能小程序设计布局注意事项
在百度智能小程序的设计上,百度官方提出了5个要求,对于这些要求,运营者一定要特别注意,并且尽可能地按照要求来设计。
布局:重视排版视觉优先
很多时候,用户进入一款百度智能小程序的第一感受的来源,除了页面内容之外,更多的还是来自页面的布局排版。因此,运营者在设计百度智能小程序时一定要重视排版布局,优先考虑内容的视觉感受。
在布局排版方面,有几个方面需要特别注意。首先是内容边距。运营者需要为百度智能小程序选择合适的内容边距,该边距不宜过宽或过窄。为百度智能小程序内容边距的正确和错误示例。
其次是内容的排版方式。运营者应该考虑用户的视觉浏览习惯。通常来说,用户都是“从上往下,从左往右”浏览信息的,对此,运营者在设计百度智能小程序时可以尽可能地把主要的、重要的内容放置在屏幕的左侧。
内容边距的正确和错误示例
另外,为了更好地迎合用户的阅读习惯,在内容的排版方向上,运营者应尽可能地避免采用竖向排版和横竖排版混用的排版方式
避免采用竖向排版和横竖排版混用
接着是字号的选择。百度智能小程序官方对于各场景的字号选择有着明确的要求。为百度智能小程序字号设计标准,运营者可以根据该标准选择合适的字号。
最后是字体颜色的选择。和字号的选择一样,百度智能小程序官方对字体颜色的选择同样有着相对严格的标准。为百度智能小程序字体颜色的设计标准,运营者可以根据实际情况选择合适的字体颜色。
百度智能小程序字号设计标准
图片:清晰呈现追求质感
许多运营者都清楚一个道理,那就是“一图胜千言”。相比于文字,图片往往更能快速吸引用户,并且也更容易在用户心中建立一个可视化的鲜明形象。因此,在百度智能小程序的设计中,图片的选择就显得尤为重要了。
运营者在选择图片时,首先要做到的就是使用清晰的图片,让用户可以清晰获知图片的内容;其次,不同类型的图片,在百度智能小程序中呈现的方式有所不同,运营者需要根据各类型的显示方式选择合适的图片。为百度智能小程序正常和加载状态下各类图片的显示效果。
图标:辅助表达便于理解
图标可以在运营者的内容表达上起辅助作用,让用户更好地理解相关信息。在百度智能小程序中,各类图标的选择都有着严格的标准。运营者在设计百度智能小程序的过程中,只需根据该标准选择合适的图标即可。
措辞:称谓用词都需讲究
在百度智能小程序的措辞上,主要有3个方面需要特别注意,即称谓、用词和标点。接下来分别进行解读。
1.称谓
在称谓上,百度智能小程序应该尽可能地采用第二人称的“你”来称呼用户,这样做的好处就在于能够拉近与用户之间的距离,让用户感觉运营者好像是在和自己说话似的。
除了第二人称之外,有时候运营者也需要使用到第一人称,用以强调用户对内容或操作的知情权及操作权。例如,在电商类百度智能小程序中,运营者可能需要设置“我的订单”版块,用以呈现用户的订单情况。
虽然第一人称和第二人称可能运营者都需要用到,但是运营者仍需避免因为混用而给用户造成困扰。例如,“在我的订单中修改你的地址”这种称谓的混用便很容易让用户疑惑。
2.用词
从用词方面来看,百度智能小程序面对的是国内用户,因此,文字应该尽可能地用中文进行表达。而在文字的具体呈现上,运营者应该考虑到百度智能小程序面对的大部分受众只是普通用户,在用词上应该选择普通用户能够看懂的表达。为百度智能小程序表达用词的正确和错误示例。
3.标点
标点符号看上去有些无关大雅,但是它却能直观地向用户传达运营者的表达意图。在使用标题符号时,运营者需要注意3点,具体如下。
①要使用中文全角标点符号。
②疑问句结尾时应该使用“?”。
③感叹用“!”表示,但是因为其表达的语气比较强烈,所以运营者应尽可能地避免在错误提醒时使用“!”。为百度智能小程度标点符号的正确和错误示例。
组件:参考标准正确设置
百度智能小程序官网中为运营者提供了参考的标准,在开发百度智能小程序的过程中,运营者只需根据标准进行正确设置即可。接下来对顶部导航栏、底部标签栏、按钮、列表、输入、反馈提示和提示框的参考标准分别进行说明。
1.顶部导航栏
百度智能小程序的顶部导航栏的框架由官方统一提供,用以指示当前位置,起到页面导航的作用。它始终在屏幕顶部,不会随着页面滚动而隐藏。百度智能小程序的顶部导航栏由4部分构成,为顶部导航栏的元素解构示意图。
2.底部标签栏
底部标签栏通常用于首页视图导航的切换。当然,除了首页之外,在一些其他页面中可能也会设置底部标签栏。底部标签栏位于页面底部,和顶部导航栏相同,它是不随页面滚动而隐藏的。百度智能小程序底部标签栏由两部分构成,为底部标签栏的元素解构示意图。
3.按钮
在百度智能小程序中主要有两类按钮,一类是大按钮,另一类是小按钮。下面对这两类按钮的参照标准分别进行解读。
大按钮的高度固定为88px(44pt),圆角大小固定为8px(4pt)。运营者在自定义按钮文字时,应该尽可能地将文字长度控制在8个字符之内,因为字符太多会影响整体的观感。而各类大按钮的设置也有着一定的标准,为各类大按钮的设置标准。
小按钮高度固定为56px(28pt),宽度最小114px(57pt),圆角大小固定为6px(3pt)。当小按钮内的文字较多时,运营者可以通过适度拉伸宽度的方式,增加小按钮的观感。百度智能小程序官方提供了各类小程序的设置标准。