2021-05-20读书笔记

01

来源:公众号 浪子讲原型

标题:Web产品的原型尺寸需要遵循什么规范?https://mp.weixin.qq.com/s/zKTSgB69LP420eEJhDqKSg

总结:

(1)这篇文章非常棒,详细解释了为什么产品原型尺寸要设置成1200px/1280px/1400px等宽度尺寸。以及是不是所有的Web产品都应该用这样的尺寸。

有人会问,为什么要考虑这两个问题呢,画好原型交给UI不就好了。考虑到下一步设计上会遇到的困难,在和UI沟通的时候,才能明白对方在说什么,UI的哪些地方是可以借鉴的。假如在这些方面,把设计一步做到位,就能减少同事之间的沟通成本。对产品本人来说,也是一种成长。这样如果以后要独立承担什么项目时,才能考虑到这些小细节。

(2)为什么应该用这样的原型尺寸?

产品在容器内部,所以要看产品的可显示区域在哪里>>>就要看>>>容器的可展示区域在哪里。

(名词解释:容器,也叫Web容器,自己的产品是显示在相应容器内部并且依赖容器展示界面和功能。)

来源:浪子讲原型


比如web网页端产品的容器展示区域是我们电脑显示界面 减去  网站标签栏  减去 电脑的任务栏 再减去 进度条区域的部分。

web网页端产品的容器展示区域

产品经理需要遵循的原型尺寸就是默认的可显示区域。

如果容器支持缩放大小,意味着要考虑原型在不同大小展示区域下的布局效果。(比如建站时要考虑到PC端的web浏览器上怎么显示,手机上怎么显示。由于手机的屏幕小很多,在手机上看浏览器大小的网站只能显示一部分,字也很小,所以手机端的网站布局要稍微调整一下,开发时也必须给手机网站做一个自适应。)

最小的展示区域,往往是默认的原型尺寸。部分产品可以缩放得更小,此时展示左上区域或者页面模块按一定规则缩小。

来源:浪子讲原型

为了保证用户的电脑可以查看完整的原型,所以Web产品原型尺寸需要小于用户电脑当前的分辨率(可在电脑配置中进行调整)。因此调研时要考虑到用户平时使用的电脑都是什么分辨率,不同的行业使用的电脑当然不一样,互联网行业的电脑一般配置不会太差,有的传统行业的小企业对电脑的高精尖并没有多大的要求,这个时候,他们的电脑可能还在用十几年前的台式机,给这些企业建站时都要考虑到这些细节。

同样,为了保证项目的设计&开发&测试等童鞋可以查看完整的原型,所以我们需要考虑下他们的屏幕分辨率,这也能减少不必要的沟通成本。

【电脑分辨率   来源 https://www.cnblogs.com/xiaobai-y/p/10556752.html】


来源:博客园小白菜_y

高度会根据页面内容多少而经常不同。对于首页等主要页面,PM最好考虑首屏内需要露出核心功能内容。此时还需要减掉菜单栏&标题栏&网址栏&书签栏等高度。

02

腾讯视频网页版禁止截图,微信截图后截到的图长这样:


腾讯视频网页版禁止截图

03

产品需要业务闭环,剪辑也需要逻辑闭环。

仔细想想确实是这样,剪辑就是要给大众呈现一个故事,如果把事情像流水账一样展示在大众面前,先不说几十分钟到一个半小时的播放时间能不能放完,对观众来说可看性肯定不佳。

剪辑师通过一些剪辑手法,将录制现场进行二次创作,让嘉宾的每句话有起因、经过、结果,每个行为一环扣一环。

产品经常也要画的流程图也是这样,每个业务的分支都要形成闭环。


感想:

每天会看很多文章,文章内容发人深省,会觉得这里好那里好,然后放进收藏夹吃灰。放进收藏夹后很多文章再也没翻过。每天一篇读书笔记,用输出的形式解构好文章,摘抄有用的部分,写下自己的感想和总结。

当我给知识添加上自己的情绪标签,似乎会对这个知识掌握得更牢固些。好像曾经经历过的事情,未来都会派上用场。虽然不知道这些知识什么时候能用到,勤写勤练总是没错的。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容