网站设计草图交互方式的体现方法!

网站设计草图对交互方式的体现技巧

普通草图为基础,将便签贴纸附着在图纸的相关位置上,用来表示那些具有交互性质的界面元素,比如提示气泡、弹出层、模态窗口(modal windows)等。

我们可以在一张草图使用便签贴纸同时定义多个交互元素,然后按照具体的交互规则,取下一些,再对包含剩余交互元素的草图进行扫描和复印,最终就可以得到一套完整的交互示意草图。
使用不同颜色的贴纸来表示不同类型的交互元素。
一张贴纸的尺寸难以完整的表示模态窗口?在旁边拼一张好了。
一张贴纸的尺寸对于提示气泡来说太大了?裁掉一部分也无妨。
解释

网站设计草图这种方法可以帮助我们在不修改草图框架的情况下快速的定义页面元素的交互方式。便签贴纸的位置可以很方便的被调整,我们还可以在上面勾画该界面元素中的细节内容。

 

留言列表

发表留言:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。