- 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
美图欣赏.pptx
Top导航栏功能区
腾讯产品一致性分析
风格一,内容型:
登录注册入口位置一律放置于TOP导航栏右侧,字体大小较一致;功能区位于登录入口右侧,且多以文字链接呈现其功能。
功能入口均以文字链接的形式展现。信息量小,着重体现信息重点。
均不存在第三方账号登录。
登录入口文字多为“登录”,欢迎词多为“您好,请”。
TOP导航栏内容构成多为“登录入口”+“功能”,区域划分简洁清晰。
欢迎词均位于登录入口前方。
TOP导航栏一律不体现注册链接,而将“注册”移到登录页面,将主要任务流放置于“登录”上。
范围层:
内容层:
框架层:
流程层:
视觉层:
风格二,社交型:
腾讯相关社交型WEB产品TOP导航栏均以LOGO放置于TOP导航栏左侧,个人中心放置于右侧,中间摆放分区入口。
均以有哪些信誉好的足球投注网站功能为视觉突出功能,输入框中以灰色字体写出用户提示。
范围层:
内容层:
框架层:
流程层:
视觉层:
均以浅渐变或纯色色块为背景底色,以红色小色块作为用户提醒。
均存在图标、文字两种表现形式交替出现。
未登录前无法进入社交型产品主页面,登录后产品个人中心入口为文字链接,链接文字为用户的用户名。
TOP导航栏范围层构成多为“LOGO”+“分区入口”+“有哪些信誉好的足球投注网站”+“个人中心入口”+“功能区”。分区中均带有应用区。
将TOP导航栏作为社交型产品的功能中心,整个产品的内容均可以由此到达。
二
WEB登录页
腾讯产品一致性分析:
腾讯产品登录页功能一致,均存在”账号密码输入框“、”登录按钮“、”找回密码链接“、
”注册链接”。
在登录页面下部均有产品相关描述。
在登录页面信息输入框中均有输入信息提示,如“支持QQ号”,“输入密码”等。
腾讯Web产品登录页多为独立登录页。背景多为图片,左边区域为展示区,右边区域为交互区。输入框大小多为290px*40px。
左上角均为产品LOGO。
登录按钮下均以文字链接为展现形式的功能入口。
QQ账号体系贯穿腾讯全部产品。
自动检索本机已经登录的账号信息,在用户登录其他产品时,给予用户一个快速登录通道,减少操作步骤。
登录按钮均为圆角矩形,填充凸显色。
注册入口均以文字链接形式展现。
注册入口视觉比重均比登录按钮低。
登录方式切换表现形式多为TAB条。
(详见视觉趋势分析)
范围层:
内容层:
框架层:
流程层:
视觉层:
三
Web注册页
四
腾讯产品一致性分析:
注册页面内容简洁清晰,用户识别程度高。页面内容包含”用户信息填写“,注册按钮”,“注册方式切换”,“小范围推广信息区域”四部分。注册页面信息量小,突出主要注册内容。
注册方式切换按钮下具有简洁的注册方式说明,给予用户不同注册方式的信息。
注册页面主交互区域均位于页面中央。
输入框大小为300px*33px。
注册页面说明警示文字均位于输入框右侧。
腾讯相关产品均以自身QQ账号为用户登录账号,用户使用腾讯大部分产品注册时均转到QQ账号注册流程。只有少数社交或信用类产品并不直接使用QQ账号注册流程,而更注重于账号的安全性以及个人信息的完整性。但注册后均生成QQ号,可以以此QQ账号使用其他腾讯产品。
页面整体为简洁风格,信息量小。
按钮以及输入框造型均以圆角矩形。
注册按钮上文字均为“立即注册”。
统一以红色为警告色警告用户出现错误。
范围层:
内容层:
框架层:
流程层:
视觉层:
Web用户中心
五
腾讯产品一致性分析:
腾讯产品用户中心均具有用户头像以及用户相关操作,将用户所需的产品功能统一整合进个人中心,使用户在个人中心即可完成所有操作。
个人中心相关操作排列均为列表。
用户中心列表多以左侧图标右侧文字的形式展现。
腾讯相关产品在用户中心中将用户头像、信息与相关用户操作紧密结合,形成一列固定组合区块(如图红色虚线框所示)用户头像在上,相关操作列表在下。
个人中心主要个人信息,交互区块多展现在个人中心页面左侧。
腾讯产品在用户中心中皆以白色为页面主背景色,大多页面相关元素均以简洁的设计语言体现。除去用户自定义的图片信息外(如:用户自定义头像)。无多色系融合,均以单色系完成页面设计。
视觉设计重心清晰,均为个人相关信息。
范围层:
内容层:
框架层:
视觉层:
腾讯产品一致性分析
风格一:简洁风格
范围层:
内容层:
框架层:
视觉层:
安卓客户端Loading页以“色块背景”+“LOGO”+“标语”+“简短产品叙述”的简洁风格,突出产品品牌感,提产品品牌意识。
LOADING页面中多不存在产品读取进度条。
Loading页以简洁为主,单色的背景图来凸显LOGO。标显品牌意识。
LOADING页面与风格一种均保持了相似的框架性,将“LOGO”与“产品名称”,“文字描述”放置于页面中。
“LOGO”与“产品名称”所占区域约为页面中央3
文档评论(0)