杭州公司网站制作:线框图和原型,设计工具清晰

2019.08.28 杭州公司网站制作

85

设计术语常常是令人困惑的。 为什么它会不会,当我们提到的术语意味着无处不在。 现在,这并不意味着设计者可以混合起来; 他们必须知道这一切。 他们必须完全熟悉设计过程的各个阶段的差异。 你怎么能指望一个设计师计划一个可用的产品如果他混淆了模型与线框? 它就像一个木匠提及锤子一把螺丝刀。 线框图和原型是每一个设计师的创意工具和上下必须已知。

重要的是要熟悉基本了解这些步骤的不同程度的忠诚。 我们的目标是很简单的事情,不设置固定的规则。 注意:没有最好的分类过程,但是的肯定有一个“正确”的过程,结合适当的实践。 现在,首先,让我们杭州公司网站制作回顾一下基本知识和学习什么是线框图和原型,他们做什么,他们是如何有用和一些方法来构建。 继续读下去,探索更多:-

高保真线框图

线框图是骨骼的接口布局缺乏审美特性。 蓝图描绘了网站或应用程序的结构主要遵守可用性和功能,而不仅仅是揭示最后看。 第一步在设计过程本身涉及创建线框图,然后把时间和精力放在排序所有的布局、结构和组织查询继续迭代阶段有关视觉细节。 实际上,这就是为什么线框保持低忠诚这样的格式和结构可以临时反复最后凝固。

杭州公司网站制作在这个步骤完成之后,你可以在其他视觉和技术细节。 已经说过,不排除视觉从线框完全需要足够的细节来可视化整个布局和相对空间的元素包含在设计中。 这就是为什么线框包含占位符最终图形方块的形状与Xs或简要形式的图标添加。

设计人员和开发人员通常将线框图简单,避免任何干扰。 最好的部分:线框只快速和易于创建演示网站或应用程序的结构与很少或根本没有细节,图形或颜色。

优势

如前所述,线框图仅关注大局和主要布局。 团队可以通过广泛的问题,然后处理细节。 线框图的好处是一样的范围的任何product-enabling警惕的布局计划之前产品周期的复杂水平。 这减少了错过重要的风险特性和在后期做大改变一切都妥善检查在初始水平。

作为一个可交付成果,线框图可以发送到整个团队,让他们知道大纲。 团队成员可以通过修改或评论贡献文档,因此大多数的团队从一开始就。 另外,线框图甚至可以共享与涉众想要跟踪结果在最初阶段,开发之前进行必要的更改,以避免并发症。

方法

杭州公司网站制作由于线框图的低保真,有快速的方法来构建他们比其他设计阶段:

  • 传统的方法, 该方法包括草图线框图老式风格。 所有你需要的是纸和笔,画任何你的想法。 别让细节分散你的注意力。 线框图是头脑风暴创意和可以把复杂的方面,因为它会导致的问题分享和团队成员之间会产生不必要的混乱。 如果你是在寻找系统和组织的草图,然后分层的草图是为了你。

  • 图形设计方法, 如果草图通过软件Photoshop或让你感觉像在纸上画草图,草图,然后使用这些软件。 但这要求完成程序的知识,另一方面也可以阻碍的交互提供了一些线框图程序。

  • 演讲风格, 如果您使用的是线框图表示,那么最好的方法是使用软件像幻灯片或主题。 功能,如滑动结构促进思维设计页面的页面,但同时妨碍了交互性。 演示软件是众所周知的,我们大多数人都使用Powerpoint或为一个目的或另一个主题。

  • 设计软件, 这几天各种软件专为线框图是可用的。 线框图工具 即UXPin、Axure Moqups, Justinmind的Omnigraffle和许多更多。 这种方法的好处是,这些软件包括特殊特性线框图像拖拽可用性和交互性的帮助下顺利一些点击。 主要的限制是成本更比其他方法。 尽管Balsamiq等软件是免费的,他们缺乏的功能出现在Axure, UXPin Omnigraffle。 项目在其需要更多的管理和限制,而不是它的方法。 不要让太多的笨拙的方法。 重要的是,你有一个动态的想法项目在你踩到创造产品的更高阶段。


高保真原型

完全相反的线框模型的模型最终网站设计,或多或少给确切的最终版本的外观。 线框支撑结构,以同样的方式,模拟支持视觉效果。 它提出了最终产品的静态显示,相反的线框图给一个网站或应用程序的整体感觉。通过观察最终显示,你可以做出重要的决定有关 配色方案、尺寸、风格和排版,因此给你特权与你的选择和零实验最好的作为你最后的选择。 建筑模型是最好的方法与你的客户沟通和解释你的心态。 线框图是UI的骨架,模型是皮肤,因为它完成了视觉线框通常留下的细节。 视觉显示放置在原型可以中期或者高保真取决于项目的水平和可用性的时间和资源。

杭州公司网站制作

优势

一些设计师认为模型并不真正需要的 设计过程 和一个可选的部分。 其实,这是他们出错的地方。 线框图尤其关注结构执行重要的决定,同样的模型专注于视觉接管决策任务。 一个主要的获得是高保真原型与高质量的视觉效果与涉众。 线框图游戏想象力密切而最终产品样机处理。

方法

样机visual-oriented,只能使用一些方法来创建它们

  • 线框图和原型方法- 就像线框图,专用软件像UXPin和Axure的UI元素库可用于工艺高保真原型。

  • 平面设计软件, 本软件适用于像素级模型虽然有一定的局限性,特别是在编码的时间。 你将面临麻烦当你努力工作不会翻译你所希望的方式。 然而,有工具如UXPin,奇迹和Invision结合Photoshop和草图,使从模型到模型的平滑过渡。

  • 编码风格, 如果你能够很好的编码,然后构建模型在最后的语言是一个好主意。 这就消除了返工的问题在后期不可转让的设计。 你必须考虑的是你在设计过程中通过编码效率和专业工具。

的区别

线框图形式基本结构在设计适合元素和确定自己的位置,模拟带着领先一步的最终外观设计,类型选择,款式选择,颜色的选择等。 另一个区别是,线框设计的低保真表示反对中产高保真表示模型。

模型反映了视觉的项目与线框的界面交互。 客户理解框架和设计到交付和线框模型的过程,是一个不同的可交付成果,看起来UI的视觉风格和语气。 记得线框不能被用作原型但模型可以用作线框图反过来会影响设计和预算。

最后请注意

线框、模型或原型,最主要的,重要的是你的理解他们的功能和优势使整个设计过程。 你能定制过程中你所希望的方式吗? ,你必须知道每个工具适合在设计的过程中。 线框图作为指南采取行之有效的结构决定。

然而,如果你想做出选择的静态描述详细的图形,选择模型。 杭州公司网站制作无论你用的工具,它应该满足项目的需求,满足您的需求。 最终取决于你如何你手臂设计在这些工具的帮助。


热门分享

最新案例

联系电话 400-6065-301

微信咨询 寒总监

广东快乐十分 安徽快3app 广东快乐十分官网 安徽快3网购 广西快3精准计划 广东快乐十分 安徽快3app 广东快乐十分 安徽快3 安徽快3app