大家好,欢迎来到我的频道,今天一起来聊聊小米汽车的网页设计,一起给雷总来挑挑刺。
·第一个问题是换行和对比度问题。先来说说换行,这个文案描述的文案有的是一行,有的却是两行,导致它在切换的时候会上下跳。与此同时可以看到它的标题在图片的衬托下已经是非常的不显眼了。这里的对比度其实有着严重的问题,会让它的可读性大幅的下降。所以这几个细节问题会导致这块的设计看起来比较不专业,也不是很追求极致。
其实换行这个问题应该有两种处理办法。
→第一种就是文案就写的非常的严格,要么就都是一行,要么就都是两行。
→第二种就是让文案在设计的时候是顶部对齐的,无论几行都是一个固定的空间,不会上下切。
这里可以看苹果,苹果用的就是第二种方法,无论是两行还是三行的文案都是一个固定的高度。
再说回对比度的事,苹果这块直接就是把这个问题规避掉,它不会上自己的切换的,这个空间直接跟图片进行叠加,直接是分开的,这样也会更清楚,也不会产生视觉上的问题。
·第二个问题就是切换动效不够优雅。在临近的切换的时候它的表现还是可以接受的,还算不错。但一旦从第一个切换到最后一个或者是跨跨个数的切换,它的表现就是有点灾难的,包括其它的空间也有同样的问题。
其实小米的切换问题还不止这些,这里还有一些奇怪的bug,还有白屏、闪屏的情况出现,有切换的排序甚至也有问题。第三和第四的排序是在实际上不是对应的排序。这里还是以苹果为例,它的切换动画就是考虑到这些细节,无论是相邻的切还是从第一个切到最后一个,它都有充分的动画过渡。
·第三个问题是视频中的文字对比度不够清晰。这个视频看起来非常的炫酷,就是眼花缭乱,感觉功能很强大,但实际上它上面的文字我是一点都看不清,因为它实在是太乱了,复杂又动态的背景会直接把人的注意力从你前方的文字挪动到动态的图像上,所以你要传达的信息就基本上都传达不到了。
·第四个问题就是中英文字混排效果差。这里我觉得它效果差的原因有两个。
→第一个是它的英文,这个文案本身的寓意可能是为了装饰性的英文,而不是去有一些实际作用的英文。
→第二个就是它大小跟中文的对比实在太大了,就感觉不出它排版的美感,包括这里跨场景的英文表现都是不一样的,并且它英文的字间距似乎是比较小,让人感觉有点紧凑。
我前面说的英文的作用的意思是什么?就是一个英文出现是为了表达一些东西,而不是为了用英文所以显得高级。你看苹果这里的很多地方,它的小字小标题实际上用的是中文,也就是说它是以传达产品信息为目标的一个小标题。而小米这里的标题,比如design performance是为了有点纯粹装逼的意思。
说回苹果这里还有一点非常好的一点,就是它英文只会用在系统产品,还有一些芯片等这些特定的名词上才会用而不会去滥用它。在中文的排版和文字方面,我认为这苹果这家美国厂家做的应该是比中国大部分厂商都要好的,所以这也是小米需要提升的一点。
以上就是我个人对小米汽车官网设计的一些吹毛求疵的点,我本人还是非常喜欢小米汽车的设计的。所以本期节目就到这里,感谢大家的收看。
工作时间:8:00-18:00
电子邮件
扫码二维码
获取最新动态