当前位置:首页>>新闻

工业产品结构设计项目基础的线框图五步法

来源: 发布时间:2021-05-06 152 次浏览

很多工业产品结构设计目是从线框图的设计开真个,然而真正专业的线框图到底要经历哪些步骤呢?今天这篇来自设计师Faye Bridge的文章,帮你总结了一套实用的线框图设计五步法,帮你从最早的阶段奠定全部名目标基本~
想要让全部数字产品或者设计名目结构化,线框图是它最早也是最重要的组成局部。线框图向全部团队展示了布局、导航、视觉品位、信息架构跟内容优先级等要害的问题,它勾画出了全部名目标基本轮廓,显现了要害信息。
而今天的文章会帮你理解晋升线框图设计品德的所须要晓得的所有。连续读下去,你会晓得线框图为什么这么重要,不同的工具要如何利用,并且如何通过一步步的操作实现线框图的设计。
线框图为何如此实用
在情势上,线框图利用了大量的占位符,比方带标记的框图,它们随后会被实际的内容填充起来。在绝大多数情况,设计师会出于下面的考虑来利用跟设计线框图:
·结构化的设计:在细化到具体技巧细节之前,明白全部界面的运作方法跟交互走向
·构建基本:导航跟布局的搭建多少乎决定了全部名目标大体走向。假如有亟待解决的问题,更好打一开端就着手解决,而不是到高保真原型阶段再寻求计划。
·以内容为中心的设计:线框图的设计思路是以内容为中心,它激励你思考页面哪些局部更重要,进而设计公道的布局。
·更多的创意跟尝试:因为线框图足够简单,这象征着你可能更轻易创建,不必消耗太多精力便可尝试不同的思路,拿出多种多样富有创意的计划。
线框图是设计的框架。
线框图设计思路
线框图的设计并不一种固定的状况,你可能在图片编辑器中实现,也可能通过专门的线框图工具来制造,甚至可能直接在纸上绘制。接下来,咱们看看各种不同方法的优劣。
·纸:最基本的线框图跟草图也相去不远。假如你想尝试摸索不同的思路来寻求更佳的计划,你可能疏忽视觉的精准度,在纸上疾速勾画出来以做摸索。

·专业平台:诸如这样的可能制造线框图跟高保真原型的设计平台,它们大多适合于团队配合。

·展示软件:假如你不想利用利用这类收费的平台,也可能利用 跟Powerpoint 这样的软件来展示。利益天然是更加省钱,然而毛病是它们多数时候必须通过邮件来回传递再做编辑,沟通跟设计本钱都偏高。

·图片编辑器:有些设计师喜好在Photoshop跟Sketch这样的图片编辑软件中搞定所有设计问题。假如你也是这类工具的重度用户的话,创建线框图所用的外形跟视觉元素够轻松。不过要记住,后续的高保真原型你须要从新创建(在这类工具中则不然,线框图在后续创建高保真原型的时候是可能复用的)。
媒介的选取仅仅只是个开端,接下来咱们看看设计的具体步骤。
线框图5步流程
诚然线框图的设计并不一个标准标准,然而咱们发明下面的五步设计流程是最实用的:
1、内容清单
2、视觉品位
3、内容线框图
4、打磨线框图
5、低保真原型
接下来咱们看看每个步骤都是怎么操作的。
1、内容清单
首先你得创建一个内容清单,其中聚合了所有相干的素材,在创建线框图之前得公道地收拾起来。

内容清单更好是制造成为电子表格,其中依据页面来划分,将所有须要单独显现的内容都明白地列举出来。工业设计公司对不同的人来说意味着不同的东西,不同的产品设计,产品设计的整个过程可能不同。从本质上说,产品设计就是从产品的最初想法到顾客手上的产品的所有工作。内容清单有助于你进行以内容为中心的设计,在这样的思路下,你会更精准的判断哪些元素更加重要。
更好是依照下面的流程来制造内容清单:
·列出所有的内容,附上URL跟简短的描述
·依据主题组织收拾出内容条目
·将每条内容条目调配到最公道的页面,将出当初多个不同页面上的内容条目标注出来
·筛选出冗余内容,将你不须要的内容删除掉,你删除掉的内容越多,那么你留下的内容就越有价值
·假如你乐意的话,可能将你的团队宰割为不同的小组,并且将特定的人调配到特定的页面或者目录
接下来,你须要基于你的内容列表来创建视觉品位。
2、视觉品位
当你的内容清单收拾出所有可用的条目之后,再筛选出每个页面的优先级就不难了。
随后,你可能在电子表格中依照优先级的高低,分辨标记出每个名目一级、二级跟三级的内容条目,而这就是咱们要的视觉品位的划定依据了。

3、内容线框图
这个局部将会将你之前所计划的内容划分到不同的区块当中去。
正如同所创建的案例,内容线框图仅仅是关乎内容的走向,而非展示方法。假如你的工具支撑,栅格体系可能很好的帮到你,尤其是当多个页面都关涉到雷同的布局之时。
线框图在绝大多数情况下都同挪动端优先的设计相适应。当你的线框图要优先适配小屏幕的时候,只须要优先考虑最重要的局部,而后随着尺寸的增加而增加细节跟元素。另外一种处理方法是打一开头就将所有元素都设计出来,而后随着屏幕尺寸的缩小而对元素进行删减,然而这种方法的问题在于,费时麻烦,而且轻易让界面元素之间呈现割裂。
4、打磨线框图
实现了基本结构的搭建之后,下一步就是要将它们塑造成可识别的组件。这象征着你须要为图片预留空间,考虑链接跟图标的交互走向,并且盘算各个组件之间的尺寸比例。
当然,千万要把持好度,不要设计得太过细致。线框图实质上还是界面的框架,其中的控件是占位符,不必做的那么正确。
当然,在打磨线框图细节的进程中,也别忘了用户流程的设计。在这个阶段,你可能恰当地将交互跟设计模式纳入到其中,并且更正确地定义全部界面的视觉品位。
5、低保真原型
咱们
工业产品结构设计强烈倡导当你设计好线框图之后,将其转化为低保真的原型,这样你就可能尽早开端测试。
挑对了设计平台,你可能轻松地基于线框图来加入交互,很多优良的工具甚至可能通过简单拖放来实现这一点。工业产品造型设计产品设计和工业设计之间的混淆往往会出现在它们重叠的地方。产品设计师通常致力于设计生产许多我们日常使用的产品,但那些我们喜欢的产品通常是经过工业设计师设计的,至少在部分过程中是这样。即便你的低保真模型仅仅存在最基本的交互,也可能及早地帮你造出可用性问题,特别是在整体布局跟导航上。
疾速原型设计的思路中心在于尽可能快地实现原型设计,加入交互,开端测试,而后获取反馈,迭代进级。这种思路之下,你无需一次实现全部的测试内容,而是逐步实现,分段完美的。
随着低保真原型的逐步推动,你的全部名目标基本就逐步完美了起来,随后,你便可能开端挪动真个视觉设计了。工业产品结构设计如果没有工程师来简化和优化大规模生产过程,这一切都不可能发生,产品设计公司的产品设计师是工业革命背后的力量。不仅仅是工程师,产品设计公司的产品设计师也是艺术家,他们找到了很多方法,不仅可以让很多商品便宜,还能让这些物品美观。
http://www.idmd-design.com/xinwenzixun/197.html

相关新闻

  • 在线客服
  • 联系电话
    13543268180
  • 二维码

    扫一扫
    关注我们