交互设计之草图、线框图和原型

草图线框图原型

草图
通过草图来构思，扑捉想法，探索设计
方法：每次构思几小时，然后让大脑推迟做决定，去做自己喜欢做的事，放松下来并保持积极的心态。构思时
只关注最重要的问题，不要在每个想法上话很多时间，不要纠结细节。如：用户为了从一家网上商店买一件衬衫需要
采取哪些步骤呢？
技巧：采用思维导图，草图版来思考

线框图
利用线框图来使想法成型，主要包括页面结构（如何组织信息，用户可以看到什么，能做什么），导航（菜单，所处的位置，可以到哪里）
，交互细节（指示做某事时会发生什么，动作的后果，要采取的步骤）
具体包括标题，脚注，导航菜单，占位符（广告，内容快，侧栏等），控件和按钮

原型
通过原型进行测试和改进，是关于行为而不是视觉的即评估、测试和验证功能。应该重点关注要测试的重要场景
可以采用工具Axure,ppt visio来创建

忠告：略过线框图创建过程会产生极端的后果。通过直接跳到ps中设计的效果图，将会使客户重点关注视觉和美学细节，而不是
结构和功能。良好的设计是通过一致的迭代(草图，线框图，原型，测试)以及把解决方案提供给用户进行测试来实现的。
失败很重要，接受失败也很重要，从失败中学习同样是很重要的
读更多的书

设计开发禁忌
1.不要为你自己进行开发：要为用户而开发，为维护而开发
2.不应该把很有可能会改变的元素制作成图形

交互设计之草图、线框图和原型相关推荐

【设计】线框图、原型和视觉稿的区别
在平时我们会遇到线框图.原型.视觉稿等.高保真.低保真.PRD.UI.贴图等不同的概念,那么他们究竟有哪些细节方面的差异呢? 本文做一些简单的分析和说明,如下: =================== ...
读后有感 - UI设计师必知：线框图、原型和视觉稿
读后有感 - UI设计师必知:线框图.原型和视觉稿太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作 ...
线框图和原型图的区别_有用的线框图和原型制作工具–综述
从年轻人到老年人,全球化的概念以不断的创造力和想象力冲击着世界. 从创造力在营销,线框设计和原型制作领域中创造机会这一事实来看,它绝对在列表中. 这些工具不仅可以使您的网站看起来漂亮整洁,而且可以吸引 ...
精美的手机界面设计素材和线框图设计工具推荐
在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力.在这篇文章,我向大家分享45套非常有用的 UI 和 Wireframe 套件 ...
45套精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具
在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力.在这篇文章,我向大家分享45套非常有用的 UI 和 Wireframe 套件 ...
java 线框图,你知道线框图和原型有啥区别吗
编者按:这篇文章出自UXPin的首席执行官Marcin Treder. 线框图并非是原型,但即使是经验丰富的设计师也可能会将两者混为一谈.实际上,两者的差别还是非常多且明显的,那么就让我们通过这篇文章 ...
设计，构建线框图和对Android应用进行原型制作：第2部分
在第一部分这两个部分组成的系列,我向您展示如何利用最初的想法一个Android应用程序,并将其发展成一个详细的计划,一直到映射出各个屏幕,会让你完成的应用程序. 以旅行应用程序为例,该应用程序将帮助用 ...
设计，构建线框图和对Android应用进行原型制作：第1部分
如果您梦想在Android应用程序中创建下一个重要的事物,那么我不会说谎:您已经为您完成了工作! 您只需要快速浏览一下Google Play商店就可以发现几乎您可以想到的每个应用程序都已经创建了-通常 ...
【游戏交互设计】古登堡图：视觉流在设计中的应用
更多秋招干货,上网易游戏学院app查看!https://game.academy.163.com/ssi/app/?referrer=csdn 一.什么是古登堡图古登堡图(Gutenberg Dia ...

交互设计之草图、线框图和原型

交互设计之草图、线框图和原型相关推荐

最新文章

热门文章