初学者谈谈网站交互设计（上）

这篇文章就结合我的个人经验，说说初学者对网站交互设计的一些误解，帮助大家避坑。
误解一：交互设计，就是用软件做控件布局和跳转链接

从我和朋友的原型图就能高下立判，一个原型图逼近成品，而我的，则可能好一点的手稿也要比我的原型图清晰和美观。

错误地把交互理解为设计主体布局和页面之间的跳转关系，并且简单呈现给视觉，是我做交互设计犯下的第一个错误。单调的页面也仅仅体现了布局，丝毫没有体现出交互，更没有表达出不同的切换效果、换页动画以及呈现方式，这会对视觉以及前端同学的工作造成很多的不便。

误解二：交互设计，只是体现一个大概的设计概念

此条与误解一有些许重叠的地方，总而言之就是设计太潦草和太简单。

在我的设计稿中，已知的网站944像素宽度也没有体现出来，是根据目测随意设置的边距，并且每一个页面的边距都不同（因为都是目测随便摆的）。同样地，在高度方面更是没有细致的规划，没有考虑到每一屏所显示的内容，没有考虑到哪些控件可能出现屏幕上『青黄不接』的状态。

实际交互和原型设计，应该是像素级的工作，应该让视觉和前端的同学明确知道每一个控件的精确位置，而不是让他们来替你做这件工作。工具方面，可以使用网格和屏幕分割线来划分区域，便于设计。

还有最后一个误解：交互不对内容的排布做充分的考虑。这部分的内容会在下篇文章中继续详细介绍，大家可以去看看。

以上就是“初学者谈谈网站交互设计（上）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。