3
初学者谈谈网站交互设计（上）
source link: http://www.chanpin100.com/article/121502
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
初学者谈谈网站交互设计（上）
这篇文章就结合我的个人经验，说说初学者对网站交互设计的一些误解，帮助大家避坑。
这篇文章就结合我的个人经验，说说初学者对网站交互设计的一些误解，帮助大家避坑。
从我和朋友的原型图就能高下立判，一个原型图逼近成品，而我的，则可能好一点的手稿也要比我的原型图清晰和美观。
错误地把交互理解为设计主体布局和页面之间的跳转关系，并且简单呈现给视觉，是我做交互设计犯下的第一个错误。单调的页面也仅仅体现了布局，丝毫没有体现出交互，更没有表达出不同的切换效果、换页动画以及呈现方式，这会对视觉以及前端同学的工作造成很多的不便。
误解二：交互设计，只是体现一个大概的设计概念
此条与误解一有些许重叠的地方，总而言之就是设计太潦草和太简单。
在我的设计稿中，已知的网站944像素宽度也没有体现出来，是根据目测随意设置的边距，并且每一个页面的边距都不同（因为都是目测随便摆的）。同样地，在高度方面更是没有细致的规划，没有考虑到每一屏所显示的内容，没有考虑到哪些控件可能出现屏幕上『青黄不接』的状态。
实际交互和原型设计，应该是像素级的工作，应该让视觉和前端的同学明确知道每一个控件的精确位置，而不是让他们来替你做这件工作。工具方面，可以使用网格和屏幕分割线来划分区域，便于设计。
还有最后一个误解：交互不对内容的排布做充分的考虑。这部分的内容会在下篇文章中继续详细介绍，大家可以去看看。
以上就是“初学者谈谈网站交互设计（上）”的内容了，如果你还想了解其他相关内容，可以来产品壹佰官方网站。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK