从设计上来看网页设计与小程序设计的差异

发布时间:2021-11-23

习惯是一个很强大的敌人,尤其对于设计师来说更是如此。小程序是近年来才出现的新事物,而网页设计的出现却已经超过了二十余年。目前大多数的设计师都是脱胎于网页设计师,并且不少设计师从事网页设计超过五年以上。这就产生了一个问题——长时间从事网页设计,会因此形成一些个人的“设计习惯”,而这种设计习惯其实并不符合小程序的设计理念。本文中我们将来探讨一下这个问题——仅仅是从设计的角度而言,网页设计与小程序设计,究竟有什么不同之处。

输入设备的不同导致的设计差异
PC端的输入主要依靠键盘和鼠标,输入的精度比较高。因此,这就影响到了网页设计。例如,网页的排版,即使是较为紧凑,体验影响不大,不会导致误操作事件。但是,当今智能手机的输入,主要依靠摄像头、虚拟键盘甚至是指纹。由于手机的屏幕较小,往往会发生误触事件,导致用户体验不高。这样的差异,进而导致了PC网页设计与移动小程序设计的差异。
举个例子来说,某家金融公司的网站和小程序,当用户需要输入银行卡号时候,网站可以让用户直接输入卡号,而小程序则可以引导用户使用摄像头通过拍照的方式,识别用户的卡号,进而完成输入。

news1-1-a.jpg

“自由作文”和“话题作文”导致的设计差异
相比于网页设计的自由度,小程序设计的自由度要更小。小程序的很多栏目、格式、样式、配色等往往已经是被固定了,无法进行变动修改。
例如在菜单配色方面,小程序对应的配色只有深和浅两种配色方案。而菜单配色方案往往会影响整个页面的配色,为了配合既定的“配色方案”,小程序页面配色只能选择匹配供应商提供的配色方案。
再举个例子,官方小程序菜单将放置在界面固定位置,开发者在设计界面时请预留出该区域空间,并且还需要开发者周围的交互与官方的固定交互小匹配。也是因为如此,大部分小程序都选择在“固定位置”左侧设计了搜索栏。

news1-2-a.jpg

设计艺术与用户体验的优先不同

网页设计被众多设计师认为是可以体现出设计艺术的,包括使用艺术元素、交互艺术、设计师个人喜好等等,都可以在PC页面设计上体现出来。但是,在小程序设计中,体验“艺术”的空间非常有限。
例如,图标、交互、反馈效果等,在PC端的网页设计时,都能够体现出个性艺术。但是在设计小程序的时候,图标、交互和反馈效果都是由供应商自动提供的。只能使用供应商提供的标准件,设计艺术就很难体现出来。可以说,小程序将用户体验置于设计艺术之前。

news1-3-a.jpg