天台网站建设:10线框图的注意事项和注意事项

2019.07.26 mf_web

58

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果线框图是您设计过程中的第一步,可以说它是最重要的步骤之一。现在是您的想法开始成型的时候了。尽管线框图看起来很简单,但它可以做得很好或很差,这可能会对最终产品的结果产生重大影响。本文介绍了线框图的正确(和错误)方法。本文中提到的技巧将帮助您为Web和移动体验构建更好的线框。

什么是线框

线框是布局的基本框架。线框不使用真实的用户界面元素; 相反,它们使用占位符 - UI元素表示为框通常,线框在设计和开发过程的早期使用,以验证信息体系结构和一般用户流。

什么是线框

创建线框以进行通信,教育和通知。图片:Baldiri(通过Flickr)

为什么线框图很重要?

线框图是设计产品过程中的关键步骤,因为它有助于确定应用或网站的外观和功能。线框图确保参与项目的每个人在产品结构和功能方面保持同一页面。线框也可以作为产品文档 - 为构建应用程序或网站的产品设计人员提供指南。

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果但是,设计师如何充分利用线框以及他们应该避免什么呢?我们来看看。

首先,做的

1.在创建线框之前进行研究

如果您想创建好的线框,您必须研究用户需要什么以及他们想要什么。考虑两个目标非常重要 - 业务目标和用户目标。这两个目标对您的产品成功至关重要。在线框图之前进行的研究将帮助您对线框图实现的目标设定明确的期望。

2.保持线框简单

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果线框图相对于其他设计工件的主要优点是速度和简单性。速度尤为重要。线框不应该让你失望。在为您的问题找到合适的解决方案之前,您应该可以尝试很多不同的选项。这就是为什么保持线框尽可能简单至关重要的原因 - 这将有助于您避免分心,并专注于清晰地传达您的想法。

3.展示各种想法

在线框图时,注重尽可能多地产生想法。通常,您创建的设计越多,您就越有可能向最佳解决方案进行迭代。能够在单个想法上产生多种想法和变体,使您能够看到每个想法的好处和缺点。

4.确保线框易于遵循

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果线框是一种交流工具。他们应该帮助其他人理解你的想法。如果您计划与团队和利益相关者共享线框,请确保任何人都可以轻松地使用线框。如果你只有一个人能够理解你的线框,那么就会出现问题。

尝试按照以下方法来提高理解力:

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果向与您的项目无关的人展示您的线框,并向他们询问有关您工作的一些问题。这将有助于您了解应该采取哪些措施来提高理解力。

注释您的线框,使其更易于阅读和理解。阅读某些元素或交互的描述要容易得多,而不是试图通过查看静态图像来弄清楚某些东西是如何工作的。用文字补充一些重要的细节


5.合作

切勿单独接线。当您与其他人一起集体讨论想法时,获得良好结果的可能性会显着增加。在设计过程的早期向团队成员展示您的线框有助于验证和改进您的想法。

反馈的力量将帮助您改进工作 - 聆听您的队友对您的设计所说的内容,并根据反馈对您的设计进行迭代以改进它。图片:GA

现在,不该做

  • 1.不要跳过应用程序的某些部分

  • 通过说“我们的电子商务网站中的结账页面与许多其他网站类似”,可以跳过为应用程序的某些部分创建线框图的诱惑。很明显如何设计它。让我们跳过它,关注我们应用中不那么明显的部分。“避免这种诱惑。确保您对应用的每个部分进行线框化,因为这可以防止您错过可能影响用户体验的用户交互的一些重要部分。您的应用中的任何内容都不能被忽略。

  • 2.不要从数字工具开始

  • 当你开始线框图时,跳到你最喜欢的数字设计工具似乎是一个好主意。虽然像Mockplus这样的现代原型制作工具允许您在几分钟内创建一个功能齐全的原型,但在大多数情况下,最好从笔和纸开始。首先绘制您的想法,然后再切换到数字工具。

  • 3.不要使用颜色

  • 你有没有想过为什么线框经常以灰度创建?这样做是为了达到目的 - 灰度可以防止颜色分散注意力。线框的主要目的是布置内容并描述应用程序的功能。添加多种颜色会导致分心。因此,最好避免在线框中使用颜色(除非您想突出显示某些特定元素)。

    不要使用颜色

  • 天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果不要使用颜色。如果你这样做,请故意使用它。在此示例中,tonianni使用红色突出显示基本元素并添加注释。

  • 4.不要试图让线框看起来漂亮

  • 不要过分关注线框的外观。线框不是设计组合/模拟 - 它们不需要看起来和感觉像成品布局。请记住,线框是一种工具,可以帮助您了解页面的信息层次结构,而不是视觉或交互设计。当你过分关注后者时,你可能有太多抛光的线框,但绝对不是面向解决方案。因此,当谈到线框时,首先要努力使它们变得有用 - 线框应该轻松地传达您的想法并邀请对话。视觉和交互设计应该留在产品设计过程的后期阶段。

  • 5.不要太随便

  • 不要过于依赖电线。准备丢弃它们。是的,可能很难丢弃你花时间的东西(特别是当结果本身并不坏,但根本不符合你设计的产品的概念)。但重要的是要记住,线框被抛弃了。您需要尝试许多不同的选项(可能是10/50/100),然后才选择您想要为原型使用基础的一个(或两个)。

  • 结论

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果线框图是UX设计师的基本技能。而且随着时间的推移,它可以改进任何其他技能。提高线框图技能的关键因素是练习。你做的越多,你就会越好。因此,下次启动项目时,请将时间放在一边进行线框图。通过在设计过程的早期将时间投入到线框图中,您可以在以后节省大量时间


联系电话 400-6065-301
赚钱高手两组三中三-三中三复式计算公式-三码中特全免费公开码 本港台现场报码直播j2-本港开奖结果现场开码-本港台现场搅珠直播 正版管家婆一句赢大钱-www管家婆27735com-管家婆小鱼儿论坛心水 九龙心水三肖永不改料-九龙心水525757com-九龙老牌图库彩图大全 澳门123696com开奖结果-626969cc澳门资料大全-2021澳门合彩开彩结果