线框图是许多网页设计师在设计新网站时采取的第一步。该过程涉及创建最终产品将围绕其开发的站点的视觉轮廓。线框图无疑可以使网页设计项目更易于管理。例如,开发人员可以在开始工作之前获得客户的批准。或者,如果您正在设计自己的网站,线框将帮助您制定您的想法。
然而,线框图有时也会限制创作过程。所以,这里是对什么是线框图的更详细的解释,以及线框图在网页设计中的优缺点的讨论。
什么是线框?
线框是
网站布局和结构的基本视觉表示。可以使用 Sketch 或 Adobe XD 等有线工具准备大纲设计。或者,可以使用绘图工具(例如 MS Paint)或在纸上手绘来创建线框。
该网站的大纲不包括任何品牌、颜色或图形。相反,线框是一个基本草图,显示组件将出现在各个页面上的位置。并且线框不是模型或原型,如下所述。
线框、模型和原型之间的区别:
线框、模型和原型这些术语经常被混淆。但是,这三种方法是完全不同的。
线框
如上所述,线框是布局站点的视觉表示。它们在很大程度上是网站骨架的草图,而不是原型。事实上,许多开发人员使用笔和纸创建线框。
模型
模型通常用于表示网站的视觉设计特征。模型通常会展示品牌、排版、调色板和总体外观。但是,模型通常不会是功能性网站。
原型
原型是提议的现场站点的预览。网站的一些最终设计元素可能会丢失。这些网站可能只包含部分完成的功能和内容。但是,原型可以让网页设计客户了解最终网站的外观和操作方式。
线框网站的优缺点
一些 Web 开发人员总是从线框开始项目。其他人更喜欢直接潜入,看看项目会把他们带到哪里。那么,线框的优点是什么,缺点是什么。以下是使用线框启动网页设计项目的利弊。
线框图的优点
线框图允许在生产之前绘制出网站的骨架。这种方法可以帮助管理项目并将注意力集中在基本功能上。以下是线框图的一些好处。
让客户参与设计过程
在为客户设计网站时,线框可以帮助客户从一开始就参与设计过程。线框将帮助客户在进行任何开发之前可视化网站。而且,如果您获得客户对线框的批准,它可以避免随着项目的进展而扩大范围。
节省时间和金钱
所有项目都可以通过计划更有效地交付。线框为新网站的设计提供了大纲。因此,线框图可以成为管理网页设计项目的重要工具。它可以避免在项目后期进行昂贵且耗时的重新设计。线框还可以帮助管理将任务委派给更大项目的团队。
在开发开始之前定义功能
一开始就定义网站的骨架将有助于确定所需的功能。这可以避免以后对功能进行改造。而且,如上所述,线框图还可以帮助防止客户在项目的最后阶段要求新功能。
确定网站响应能力
线框图将响应性考虑带入项目的规划阶段。因此,可以在项目的早期阶段考虑网站将如何出现在各种设备上。这可以节省时间,而不是对部分开发的站点进行改型响应。
优先考虑用户体验
优先考虑用户体验是良好网页设计的基础,而线框图也可以在这方面提供帮助。勾勒出用户与网站上各种功能的交互有助于确定网站的最佳布局和结构。线框的极简主义性质也有助于避免网站变得不必要的复杂。
迫使早期关注内容
线框不包括已完成网站上的视觉花里胡哨。因此,可以将更多的注意力放在内容上,而不是设计的视觉吸引力方面。并且可以编写内容以适应网站,而不是围绕内容设计网站。然而,如下所述,线框图的这一方面也可以被视为一个缺点。
线框图的缺点
因此,线框图有其优势,尤其是在项目管理方面。但是,这种方法也有一些缺点。以下是为什么并非所有网页设计师都是线框图的忠实粉丝的一些原因。
过程中不必要的额外步骤
对站点进行线框图确实需要时间,这可能会增加项目的长度。与客户就拟议的网站设计进行长时间的辩论也会加剧线框图造成的延迟。这就是为什么一些开发人员更喜欢跳过这一步直接开发原型或模型的原因。
从线框可视化网站的困难
线框看起来像轮廓草图。因此,对于某些人来说,从粗略的轮廓中可视化网站可能具有挑战性。发生这种情况时,证明概念的唯一方法是使用看起来更像成品的模型或原型。
形式优先于内容
如上所述,线框图可以迫使内容作者制作适合网站的内容。然而,内容优先的网页设计方法的支持者会认为这是错误的方法。
限制创作自由
也许对线框图最重要的批评是它过于强调结构设计。而且,一旦就线框达成一致,一些网页设计师就会受到必须遵循的大纲的限制。毕竟,一些最好的网页设计灵感来自于开发过程的厚重。
结论
总而言之,线框图可以成为管理网页设计项目的宝贵工具。但是这个过程对于更有创意的设计师来说可能会受到限制。尽管如此,大多数人还是从线框开始设计项目。但是,通常,线框只是粗略的草图。因此,如果您过于拘泥于线框,线框只会阻碍创造力。
本文地址:
http://www.njanyou.cn/news/5842.html
Tag:
专业服务:
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话:025-65016872
上一篇:
一步一步的网站迁移指南
下一篇:
18个重要的网页设计术语解释