原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
Web产品设计全新操作指南
最近在做工具类Web端的改版项目,查阅了网上各种关Web设计
的文章感觉年代都比较久远了；因此这边借着项目踩过的一些坑给大家
总结一份比较实用的Web产品设计〃葵花宝典〃，可以帮助大家0-1
快速起手Web的设计。
无论是现在用的还是将来可能用的，先收藏着绝对有备无患。
一、如何定义Web产品的框架
说到Web很多铁汁就会马上联想到可怕的企业级B端，毕竟C端的内
容现在已经大量移动端化了。
那么Web系统设计一旦是大家想的大量类似后台系统的东西,对设
计师而言岂不是没啥用武之地？
其实在庞大的Web类别中，设计的类别分为很多种：从工具到后台，
UX设计师起到很重要的一点作用就是判断Web产品适配的框架并进
行定义。
之前看很多文章通过Web服务的用户（即这个Web是B端还是C端）
来定义视觉与框架，比如淘宝电商的PC版就是个C端的Web,对应
一种布局框架；而SaaS后台系统是个B端的Web,又对应一种框架
什么的。
我对着我们的项目纠结了很久还是觉得这样的分法无法兼容所有Web
产品；举个〃栗子〃：我们在做的是一个AI视频面试系统（PC），用
户包括HR以及专业面试官，按服务用户来说这无疑是个企业级的B端
产品了旦我们如若按照B端纯效率的框架进行设计是无法满足产品
AI智能化目标的需求，也无法很好的与竞对形成差异。
参看以下示例图：
，式31球人
MUMS
a密面候选人管理
候选人管理
添加候选人
您还没有候选人，可以通过以下方式添加候选人
手动添加简历识别添加MT
上传酒历自动汉别假遗
立IP添加
框架交互调整后
因此推荐大家依据产品目标与用户的使用场景来定义Web系统的框
架，也就是同一个Web产品的也可以依据场景使用的不同出现不同
目标属性的框架。
固定菜单栏内容
陈列表现属性——上下布局
常用于官网、产品展示（电商卖货）等有用户停留目标的产品功能。
固定导航栏
footer
，一
大家切记Web系统的框架是灵活可配置的切莫陷入〃种框架定终
身〃的误区中。
这里再举一个设计师应该都常用的Web栗子：蓝湖的首页使用了左右
布局的效率属性布局（满足用户快速建项目找项目等效率操作），进入
二级页后却变为了陈列属性的上下布局（满足多种用户角色的查阅体
验）,是一个灵活依据用户使用场景搭配框架的Web系统。
多面设计▼♦的买付费版
tx添加成员
文档评论（0）