1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

进阶好文!设计大牛在线框图阶段的工作流程是怎样的?--九分网络

时间:2020-06-27   分类:交互设计    作者:网络   来源:网络整理   点击:64

进阶好文!设计大牛在线框图阶段的工作流程是怎样的? 内容采集来自9fen.net

本文来自九分网络

编者按:初级设计师的设计流程和高级设计师有什么区别?一组线框图就能看出来!今天@-朱宇軒 这篇好文传授的线框图流程,可以帮你避免在不成熟的idea上面花去了过多的时间精力,并在短时间内拿出尽量多的问题解决方案,同时对方案之间的优劣作出正确的判断。全是干货! copyright 9fen.net

十一年前的我21岁,刚毕业,进了一家小agency做视觉设计,大家也都知道,做agency肯定会遇到一言不合就改改改的残暴客户,他们才不会管你鲜肉不鲜肉。做了段时间我学精了,开始学会用电子档的线框图去见客户,然后尝试和他们讲清楚一切。线框图嘛,好画好改,跟客户坐而论道根本不虚。一般走这样的流程的话,客户就很少会提出一些匪夷所思的新“需求”,项目往后推荐大方向也不大会改变很多了。

内容采集来自9fen.net

回顾职业生涯的这段傻白甜时光,才发现原来这样的做法其实是误用了线框图这种设计工具,并没有发挥到其真正的价值,因为我用错了地方,或者说用得太过片面了。以我这个从业11年的老司机现在的眼里看来,线框图其实就是将项目细分成好多小任务,然后一步步的完成,将项目从“探索期”推进到“准备认真搞起期”,而上面提到的,防止用户或者领导改变主意杀你一个措手不及只是其中一个小小的方面。当时我没有留意到,其实线框图的更深层次的意义是帮助你摆脱一些设计上非常明显的而陷入当中又难以逃出的定势思维,它帮助你更好的让你看清自己的想要的东西,让你在走上错路之前先慢慢地选好一个正确的方向。 内容采集来自9fen.net

初级设计师的设计进程

进阶好文!设计大牛在线框图阶段的工作流程是怎样的? 内容采集来自9fen.net

九分网络

以上这则小插图是从大神Julie Zhou的文章,中拿来的。很好了阐述了新人们在画线框的时候普遍都存在的一个现象:当一个想法出来之后我们都知道先用线框画下来,但是画着画着,总觉得不对劲,总觉得加上视觉元素之后才能真正看出效果来。在线框图阶段,这个“看出效果来”不知道浪费了多少设计小新的时间。 本文来自九分网络

初级设计师总是无意之中就把注意力过多的集中到视觉层面之上,而忽视了功能上面的设计,而功能上的设计却正正是线框图阶段最紧要的事情。视觉层次,最先也最易被感受和判断,所以大家容易被吸引过去,想是不是符合最先的潮流啦,能不能在追波上得到很多赞啦,够不够扁平啦,够不够渐变啦,能不能发票圈炫耀一下啦,能不能放到简历里面啦blabla。初级设计师容易陷入这种让视觉满足过分占据我们大脑的错误状态之中。

九分网络

高级设计师的设计流程

进阶好文!设计大牛在线框图阶段的工作流程是怎样的?

九分网络

内容采集来自9fen.net

在设计界摸爬滚打多年之后,哥领略到了,搞清楚一个东西的运作方式,远远比它看起来怎么样更加重要。高级设计师会更少地花时间在外观上面,他们反而会在选择一个正确的发展方向上面更舍得花心思。看看上面那幅图,高级设计师解决问题的方法和初级小鲜肉截然不同。

本文来自九分网络

一辆小破车,无论你喷多贵的车漆,也不会让它内在变更好。

内容采集来自9fen.net

所以,我们怎么才能够避免在不成熟的idea上面花去了过多的时间精力?怎么才能在避免浪费过多时间的前提下拿出尽量多的问题解决方案?怎么对方案之间的优劣作出正确的判断? copyright 9fen.net

做有用的线框图

下面我会跟大家分享我在线框图阶段的工作流程,流程本身不重要,重要的是里面的思路。 本文来自九分网络

一般我会在线框图阶段探索解决问题的办法。本文中的线框图指的是纸质线框图,纸质线框图的好处大家都知道,真正的快,真正的好,真正的简单,每个人都能画,修改起来也不会心疼。(详见译者的另外一篇文章《先别急着画高保真原型》

本文来自九分网络

使用纸质线框图能够避免你把“漂亮的线框图”跟“好的idea”混淆。 copyright 9fen.net

第一步 内容采集来自9fen.net

开始吧。我会拿起一本好点的笔记本,先画上大概20个矩形框作为我们的屏幕,请按照你们所要设计的对象设备屏幕的比例来画。 九分网络

第二步

九分网络

拿起笔,先把最先出现在你脑海中的东西画出来,然后继续思考,尽量在每个矩形里面都画上你的idea。

www.9fen.net

标签: 经验分享 优设 优设网 工作流程 线框图 优秀网 线框图设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----