润雪观点

将想法与焦点,与您一起共享

润雪观点

什么是线框设计 - 线框及其在网页设计中的作用

2017-09-29 润雪科技:重庆网站建设公司 浏览器:5526

线框设计是创建潜在网站框架的初步视觉指南的过程。该文件可以作为网页设计公司扩展的蓝图。记住,开发自定义网站是一个多阶段的过程。网站线框的创建代表了设计阶段的开始。


线框设计的目标是建立一个示意图,了解信息将如何被呈现给访问者,并将优先考虑访问者,在哪里以及将如何实现与网站功能相关的元素,以及网站的期望和/或预期的行为流程游客。


线框设计如何创建?


线框设计


线框设计师只能依靠网页设计公司提供和收集的信息。重要的是要记住,这是一条双向的街道。毕竟,由客户提供的有洞察力和明确的信息使网页设计公司能够有效地将您的想法带入生活。


这些信息可以通过多种方式传达,包括对项目初始提案文件的评估,亲自会议,电话会议等。网页设计公司还必须确保客户的所有沟通都在内部共享,以促进凝聚力。


在概念上,线框设计可以像笔记本纸上的草图一样简单,或者作为由任何数量的市售图形软件应用程序创建的复杂文件呈现。


通常情况下,设计人员会选择直接在网络浏览器中呈现线框,以更好地描绘线框未来环境中概述的功能。


线框在网页设计中的作用 - 它们的目的是什么?


除了为设计人员提供网站功能和设计的必要骨架框架外,线框是向客户提交的第一个项目之一,以确保每个人都在同一页面上。作为客户,了解线框的目的是从其演示中获得最大的价值是非常重要的。


为了简单起见,我们来比较网站线框和房屋平面图。想象一下,如何在一个新家庭中寻找厨房。当然,平面图将概述炉子,冰箱和厨房可能在哪里,但可能不会解决冰箱的品牌或颜色。


相反,它会解决一些事情,比如炉子是否有顶盖通风口,还是会有一个内置的微波炉。甚至可能会描述食堂室门将如何打开。这些电器的功能和它们在厨房中的位置在现阶段很重要,而不是电器本身的视觉外观。


在我们的厨房类比中,电器可以被认为是网站的功能。在设计线框之前,设计人员必须了解项目的范围,并了解项目中概述的任何所需功能或其他自定义元素。


例如,网站是否需要“冰箱”?如果是这样,应该把它放在厨房里?“网站”是否需要一个并排的冰箱或顶级的冷柜型号?也许,这个网站根本就不需要一个冰箱,而是更喜欢在地下室里使用一些额外的空间。这些设计人员必须在整个线框过程中考虑和描述这些类型的东西。


如何充分利用您的线框设计演示


    信息架构:从顶部到底部,查看线框上显示的信息架构流程和优先级。


    信息的优先级:此信息是否符合贵公司计划对此信息的优先级?


    内容策略:您的内容是否符合您网站建议中概述的计划?想想你的内容字段的间距和位置。记住,这纯粹是从布局的角度来看,在这个阶段的设计中,实际上并不会检查任何真实的副本。相反,填充内容将用作描述如何在没有真实内容的情况下显示内容的方式,因为它可能会分散您的意图来评估线框。


    页面布局:您的网页是否按照您的提案中的描述?即使是这样,请确保再次问问自己的布局是否合理。该提案很少提出项目的每一个细节,线框设计演示是发现需要收紧的任何泄漏管道的最佳时机。


    功能:您的站点的所有功能元素是否在所需位置中显示?如果厨房里有洗碗机,那么它是否有策略地放置在水槽附近?也许由于某些原因,您的网站实际上需要一个“客厅洗碗机”而不是厨房。确保在线框过程期间可以看到任何自定义功能的表现,但同样请记住,它不会是网站最终版本上该功能的实际外观的直观表示。


网站的线框设计不能预料


线框设计的要点是为设计师和客户提供整个网站的核心功能和布局的客观视图。视觉设计元素可能期望看到有意省略,以帮助实现线框演示的目标。


不要担心:


    颜色: 通常灰度,线框不是用来描绘网站的主题配色方案。这绝对是您网站设计的准系统原理图,极少的可视化设计元素甚至将远程代表最终产品。


    具体设计:避免专注于盒子的形状,正在拍摄的空间的形状等。不要担心文字; 就像我们上面提到的,它主要是随机的占位符文本,只是描述最终副本将位于哪里。


    短语/措辞:虽然这些变化当然可以被注意到,但它们并不代表设计师所寻求的建设性反馈。

设计师在线框设计演示期间寻找什么样的反馈?


为了充分利用线框设计演示文稿,了解设计团队正在寻找的反馈类型很重要。以下是在此阶段认为有价值的反馈类型和建议的更改的列表:


    所有要素是否符合该提案的方式?

    用户的行为流程对用户感到直观

    是否需要删除,修改,重新确定优先级或重新利用?

 

我们总结一下吧!

对于设计公司和客户,重要的是不仅要了解线框的目的,还要了解其背后的过程。除了简单概述未来网站的骨架框架和功能元素之外,它还在设计阶段的初级阶段激发了客户与设计师之间的对话。这种沟通是促进网站开发的无缝集成定制功能与惊人的设计。


每当你注意到特殊的网页设计,几率就是它的一个特殊的线框设计。


本文由重庆网站建设公司润雪科技原创,文章地址:/news/id/1437.html