习惯，是一个强大的敌人。对于设计师来说，尤其如此。
微信小程•序是近两□□□年才出现□□的新事物，而网页设※计出现已□□□经超过20多年。目前大多□□数的设计□□□师都是脱□□□胎于网页□□设计师，并且不少□□□□设计师从□□□□事网站设□□计超过五□□□□年以上。这就产生□□了一个问□□□□题——长时间从□□□□事网页设□□计，会形成一□□些“设计习惯”，而这样的□□□设计习惯□□□□是不适合□□□微信小程□□□序设计的。
本文，我们就来□□□讨论这样□□一个问题——仅仅从设▲计的角度◥而言，网站设计□□□与微信小□□程序设计，究竟有哪□□□些不同？

输入设备不同导致的设计差异

PC端的输入主要依靠键盘和鼠标，输入精度较高，所以，这就影响了网站设计。例如，网站的排版，即便是较为紧凑，体验影响不大，不会导致误操作。但是，智能手机的输入，主要依靠摄像头，由于键盘小，使用键盘输入会导致出错率高，也体验不好。
这样的差异，导致了PC网页设计和微信小程序设计的差异。
举例来说，一家金融□□公司的网□□站和小程○序，当需要输□□□□入卡号的□□□□时候，网站上面□□可以让用□□□户直接输▽入卡号，但是，微信小程◎序可以引□□□导用户通□□过拍照识□□□□别卡号的◢方式，完成输入。
 

“自由作文”和“话题作文”导致的设计差异

在笔者看□□□□来，网页的设□□□□计自由度□□□□更大，但是小程□□□□序的设计▲自由度更◉小。为什么呢？这是因为□□□□微信为小□□□程序提供□□□□了很多无□□□法改变的□□□栏目、格式、样式、配色。
例如，菜单配色□□□方面，微信只为□□小程序提◇供深浅两●种配色方□□案，而菜单配□□□□色方案往□□□□往影响整□□□个页面的•配色，为了配合□□□既定的“配色方案”，小程序页□□□面配色只□□能选择匹□□□□配微信提□□□供的配色□□方案。
还例如，官方小程□□□□序菜单将△放置在界□□面固定位□□□□置，开发者在□□□设计界面·时请预留□□□出该区域□□□□空间，并且，需要开发□□□者周围的□□□交互，与官方固□□定交互小·匹配。也是因为□□如此，大多数小□□程序都选□□□择了在“固定位置”左侧，设计了搜□□索栏。
 

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

网站设计□□□□被众多设□□□□计师认为▽是可以体◤现出设计□□□□艺术的，包括使用□□□□艺术元素、交互艺术、设计师个□□人喜好等□□等，可以在PC网页设计□□□中体现出□□来。但是，在信小程□□□序设计中，体验“艺术”的空间非□□常有限。
 

例如，图标、交互、反馈效果◢等，在PC网页设计□□□的时候，都能够体□□现出个性✦艺术。但是，在设计小□□□程序的时□□□候，图标、交互、反馈效果，都是微信□□□□自动提供□□□□的，只能使用□□□□微信提供□□□□的标准件，设计艺术·就很难体◥现。可以说，微信小程□□□序将用户□□□□体验置于✦设计艺术□□□□之前。

综上，就是我们□□总结的网□□□页设计与□□微信小程□□序设计的◈不同点，仅供参考。