记录自己对于消息聊天内容的艰难旅程

个人将聊天内容界面分为大概根据可视分为上下两个部分:1,为互相产生消息的两个主体,以其为中心产生的各种细节;2 为底部的输入框;

一,根据这两个框架进行拆分,首先为第一点

1,消息的制造者为“自己”跟与“自己”对话的人,首先是排版布局,目前使用的所有软件,都是”自己“在右,别人在左,忽然想到为什么,首先可能是因为人的阅读习惯是从左到右,永远将别人的消息优先级放的比较高,对于这个大众都已经习惯的方式我这个小透明就不多想了,现在想考虑点实际的问题是,一个消息内的具体细节

2,我在这边考虑几点:头像的大小,头像与消息的间距,消息的长度,消息内文字的间距值

• 头像的大小,到底聊天输入框内多大的头像合适

• 然后是各种间距值,怎么就舒适了,什么样子的间距值才叫做舒适

• 消息的最大长度应该是多长

• 消息内的字号,怎么会更有舒适感,呼吸感

每次想到这自己都心头一梗,想查看书籍看一看 又无从下手,只能先从主流app下手,不能说他们一定是对的,但是能够有上千万的使用用户,一定就会有有其存在的理由

 总结:1,上下间距 消息字号为32px时,字高为30,我们将30*0.618=18.54,我们将上下间距设为18,但是正常字符自己不经过设置时会有上下间距为字号的1.5倍(此时阅读最为舒适),所以将消息框的格式表达为:18+18+30*1.5=81(采取用偶不用奇),我们将消息框高度设置为82

总结:2 左右间距 以一个字符为准的话为30,至于其他的表示我也不清楚 

3,对于消息的最大长度,

目前自己的所知只能是 屏幕宽度*黄金比例,或者说是，消息宽度/屏幕宽度=70%最为适宜,自己也不确定,希望有大神可以解惑,或者推荐相关书籍

当然 还会有很多关于图片缩放,语音 视频等等,目前自己只能先一步步来了

二,对于界面的另一个元素 输入框,自己想在这里做的阐述是自己遇到的问题,

a 第一个是输入框上面的内容,这里不做什么解释,内容是根据产品需求进行的判定

b 第二个是输入框的icon色值,因为自己麻烦过设计做过对比,发现正常使用的时候,输入框的比重都会偏重一点,原因可能是,我们对用户  进来直接发表活跃的言论的优先级 > 让他直接查看信息,我们期待用户直接可以进行言论活跃,所以权重会相对较重,相比于在外部引导的icon来说