河畔志 首页 归档 关于 链接

使用额外的修饰着重中文

许多设计会采用英文演示,这是因为英文(西文)天生地比中文(汉字)轻而错落有致。——中文更靠近图像,更重而规整

如此一些英文的样式应用于中文是水土不服的,典型如标题使用字体大小区分、粗体和斜体。
它们都是修饰文字本身,而使用同样方法,中文需要程度更深的修饰,否则区分度不大。——始终是黑压压的方块

例子可以是 WindowsPhone 的大标题——英文不错,中文就差强人意:

IMG_20180318_124123.jpg
IMG_20180318_123416.jpg
▲英文灵动,中文死板

于是中文偏向使用额外的修饰,比如在标题前增加图案标记,比如【这样】而不是这样着重文字。
HTML一些语义标签如 <q> 也是适用于西文的,因为它需要修饰文字本身,而对于中文,大多数情况写死成符号就好了,比如「引号」和《书名号》,本身的修饰退化为辅助存在,比如【这样】

中文当然可以仅修饰本身,而且也可以做得好,只是它与英文间有着微妙差别,生搬硬套是不可取的。
在这里稍微为传统中文门户网站正名——尽管所有东西挤在一起,但是符合中文特性的。

不认同把换行符替换掉的做法

注意到 Lofter 现在客户端的私信会把换行符替换为空格,微信也会将「多余」的空行去掉。

尽管出于让消息尽可能短、鼓励发送短消息的考虑,替换换行符的做法依然激进了些
——既然需要换行,文本必定会长,而长文本没有好的排版就是一团浆糊。

改进方案可以是最多保留一个空行防止刷屏即可。


以及联想到之前一个会把脏话敏感词处理为「大笨蛋」而非星号的案例。
它一定程度上改变了用户的本意,认为是对用户的不尊重,程度轻重而已——有人不以为意,有人敏感于此。(而且「大笨蛋」放在现在已经太违和了)

尊重需求满足了不一定加分,但损害到的话一定是减分的,用户不应该是产品的傀儡。

下拉菜单其实没有那么可怕

下拉菜单在许多文章中被描述成「避免使用的」,但它其实是很棒的内容组织工具,可以极大地节约屏幕空间。

比如一个对列表项操作的场景,使用按钮可能会冗长而不利于功能扩展:

IMG_20180307_170457.png
▲不同行按钮参差不齐、凌乱

而使用下拉列表则使用了更少的空间,且整齐:

IMG_20180307_170505.png
▲仅占用一个位置,且整齐

当然,这个场景因为内容项存在的不确定,以及有顺序的排列,适用下拉菜单,而其他场景又可以有其他考虑。
想说的是,下拉菜单其实没有那么可怕,尽管它看起来隐蔽,但用得好可以让界面更简洁有序。

以及提到一个观点:使用更简洁的界面增强用户互动

使用更简洁的界面增强用户互动

在碎片化的阅读场景中,我们总是尝试让内容尽可能多地展示在读者面前,但这样常常让界面变得杂乱,甚至是有甚于中国传统门户网站的。

但还有另一种方式——在界面上摆放更少的元素以增加软件与用户的互动。
最典型的例子是网站的引导页——常常只有几个按钮,但用户必定会与其交互。(除非实在没兴趣)

如此活跃了用户与软件的交互,降低了每次点击按钮的心理负担。


写下这些时又去阿里云看了一下,发现原来的大导航(现在存留于控制台)在首页已经变成滑动的逐级导航:

IMG_20180307_155709.png
▲before,层级导航

IMG_20180307_155851.png
▲after,滑动导航

使用更少的选项、更多的步骤让逻辑清晰、选择轻松。

相关案例:SketchBook的小铁圈

网页自适应:文字与屏幕边缘的留白

在电脑上,可以布局的空间很大,特别是宽屏,而人的视角是有限的,这个时候留白更多是将内容集中在舒适区:

IMG_20180222_163215.png
▲宽屏

而窄屏不需要那么大的留白,足够呼吸即可:

IMG_20180222_163318.png
▲窄屏

这样看来宽屏似乎比较浪费空间,因为它就是用来横向布局的:

IMG_20180222_163346.png
▲宽屏横向排布

到诸如手机的小屏,屏幕边缘完全处在舒适区,但也应该留一定空间呼吸:

IMG_20180222_163336.png
▲小屏

虽然现在很多 APP 没有这样做,手机边框也是越窄越好,但留出这个空间还是加分的,将内容层次区分开来,并突出它。

早该记录的东西,存档。