欢迎来到飞冠科技,开始您的互联网之旅!
咨询,就免费赠送建站大礼包,咨询热线:400-888-9141当前位置: 首页 > 建站知识 > 网络营销 >
联系我们
电话咨询:400-888-9141
E-mail:sales@feiguankeji.com
地址: 上海市松江区荣乐东路2369弄906室

线框图的设计和展现方法

作者/整理:admin 来源:互联网 2018-09-07

一、什么是线框

线框是布局的基本框架。线框中不会使用真实的用户界面元素;相反,会使用占位符 – 用户界面元素通常被表示为输入框,线框在设计和开发过程的早期阶段用于验证信息架构和一般的用户流程,上海网站建设

二、为什么线框图很重要

线框图是产品设计过程中的关键步骤,因为它可以帮助设计师决定应用程序或网站的外观及功能。线框图确保参与项目的每个人对其产品设计的结构和功能都有一个同步的认识,线框还可以作为产品文档 – 为构建应用程序或网站的设计人员提供指导。

但是,设计师如何充分利用线框,他们应该避免什么?让我们来看看。

首先,你需要做的:

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

如果你想创建一个好的线框图,你必须研究用户的需求——他们到底想要什么。你需要考虑两个重点目标:商业目标和用户目标。这两个目标对你产品的成功来说至关重要,这些研究将帮助你设定明确的期望,即通过线框图如何实现你的目标。

2.保持简单

线框图与其他设计工具的主要优点是创建速度快和结构简单。速度尤为重要,线框图不应拖慢你的速度。

在提出适当的解决方案之前,你可能会尝试很多种不同的选项。这就是为什么尽量保持你的线框图简单性至关重要—— 这样可以避免你分心并把重心放于传达你的想法上。

3. 展示各种想法

在建立线框框架时,注意尽可能多地爆发想法。一般而言,创建的设计越多,就会越有机会找到最佳的解决方式。在一个点子上产生多种想法和变数,可以让你看到每个想法的优点和缺点。

4. 确保线框图易于理解

线框作为交流的工具,其帮助其他人了解你的想法。如果你打算和团队和公司分享你的线框图,那么请确保任何人都可以轻松的看懂你的线框图。如果仅有一个人可理解你的线框,就说明已经出现了问题,松江网站建设

尝试遵循以下内容来提高理解力:

向一个与你的项目无关的人展示你的线框,并询问他们一些问题。这可让你明白你应该做些什么来提高理解力;

给你的线框添加注释,使其更易于阅读和理解;

查看某些元素或交互的描述也会容易很多,而不是通过查看静态图像来判断应该如何做;

用语言补充一些重要细节,而不是让线框自己呈现。

5.协作

切勿单独作画。当你与其他人一起集思广益时,往往会反应出一些好的结果,设计初期向团队成员展示你的线框可以帮助你证实和改进你的想法。