返回动态

米饭动态

如何更好地了解线框图和原型?(二)

接上篇:如何更好地了解线框图和原型?(一) 线框视觉多样性   [...]

接上篇:如何更好地了解线框图和原型?(一)

线框视觉多样性

线框限制了多样性的金额,当谈到有视觉效果。代表不同层次的视觉效果时,设计师通常使用框、线条和灰色的配色方案,而内容,如图像、视频、文字等等都保存下一部分。

线框图的优点

线框图是快速和廉价的生产,如果你使用的是钢丝框架软件如UXPin。线框应该正确地从你的设计项目开始办理。一个好的方法是收集一些关于线框反馈。

为什么呢?

1.它会帮助你更注重功能性,可用性和用户交互
2.它也将帮助你改变任何必要的修改,而无需改变编码或制作及图形变化

它是所有关于可靠性

设计师可能要提高可靠性。怎么样?一个能够被点击线框的伎俩:

1.通过一定的用户界面部分给予特别重视;
2.通过快速呈现和如何检查实体单元之间的相互作用。

这样做的最好方式是通过创建一个线框是可点击的,也可以互动。

点击线框可以创建一个良好的第一印象与客户端。每当客户端或其他任何人询问有关特定按钮的功能,可点击线框将回答这个问题。
线框


呈现线框要注意

这是为了考虑任何设计师很重要的一点。当你出示线框你的共同的客户和非技术性的雇主,他们可以很容易感到困惑,因为线框可能不是如何将网站的设计将是最终的样子。

应该用什么方法呢?

1.稍微解释一下关于线框是什么以及它的意义在设计项目
2.请务必将它展示给那些谁可能没有足够的知识对线框概念的人。

之所以使用线框的原因

1.节省时间,从长远来看,线框将节省你很多时间。
2.混乱的克星,它也将节省与客户之间不必要的混淆。
3.让你和你的客户在同一页面上,创建一个线框将确保在开始之前,你和你的客户端在编码过程都在处于同一页上。

有可能是在与你的客户线框讨论思想的几个交流。但是,它是一个更容易改变,要改变整个网站一旦被编码的线框。

创建和使用线框图

有几种方法可以在其中创建一个线框。大量的网络资源和软件可用,可以帮助你在做线框。

知更鸟
Photoshop(教程)
烟花

请记住,你只需要获得有关如何将布局和内容放在你的网站的想法。

创建线框的核心目的是获得如何的内容、图像、导航、文本等将被放置在网页上的视觉计划。

1.有时你可以创建两个或三个线框具有不同的布局和显示到客户端的导航选项;
2.这样,客户可以轻松地选择一个来自它,你就可以开始根据项目进行更改;
3.一旦做出布局和导航的过程完成,最终核准的客户端,你就可以开始工作的原型。

什么是原型?

原型

原型的最好的定义,我们在互联网上找到的是'这是设计和建造,以测试新的设计产品。它是用来纠正错误,使设计更具人性化'。

原型基本上是用于那些起源于机械和结构工程的概念测试的概念。但随着其使用量不断增加,也有人开始使用交互式产业的目的也是如此。

为什么这一点很重要

1.客户可以利用可视化框架几步进一步,根据的网页设计的复杂性;
2.它有助于在之前进行的发展过程中,或在开始编码之前,测试网站的不同功能。

形式的原型

同为线框,原型有两种形式;高保真和低保真度。然而,人们认为应采用何种形式和多少,应该由类似于原型与最终版本。

两者都证明,当涉及到寻找可用性问题是非常好的。但是,我们必须只选择一个,对不对?

所以,有一些事情你可以考虑同时找出哪一个是你的设计项目的最佳选择。

低保真原型
低保真




1.它是基于纸张。他们可以从手绘原型打印输出
2.不允许用户交互
3.轻松打造
4.早期视觉设计的预测
5.刺激创新和改进
6.通过草图,用户感觉舒服讲述了变化

高保真原型

高保真

1.基于计算机的
2.使用键盘鼠标的用户交互
3.显示用户界面的最接近的可能的表示
4.考虑更强大的通过实际的人类收集的性能数据
5.非常有效地展示产品给客户

未完待续,米饭工作室翻译编辑,转载请注明出处,原文作者:Taimur Asghar。