品牌营销会用这些常用招，7月主题活动立减500-1000元。
线框的设计也必须考虑到很多标准，保证其美观大方的标准，可以使新项目运行更加顺畅。
人们通常看不起线框的审美价值。如果说这几组灰盒子只是人们工作的交付成果，那么外观并不重要，不是吗？错了，迷茫。
视觉效果太多的线框真的会破坏人们对其想法的理解，就像一个人穿着冲锋队的衣服去报名参加一个关键的大使馆会议一样。虽然Stormtrooper是星战粉丝聚会上非常抢眼的服装，但它不太可能帮你做大使馆里的所有事情。相反，如果你向项目经理提交一份难看的线路图，没有任何附加的旁白，你觉得你的朋友能按照你的想法行事吗？他们会怎么想？这样最终做出来的产品能兼顾用户的要求吗？我不这么认为。沟通不畅的设计总是会导致新项目的混乱和误解。如果用户觉得设计没有得到PM和精英团队的高度重视，最后可能很难得到高质量的产品。
在我眼里，我注重的是线框的审美。阅读文章和设计文本文档的人在某种程度上也是用户。你需要小心对待他们。但这是否意味着每个人都必须在新项目的设计和构思上花费大量时间？我不这么认为:设计线框和其他加工技术一样，需要大量的标准实践活动。一旦知道了这个方法，还是可以保证施工进度不受影响的。在这里，我梳理了线框的几个审美标准，以供参考:
1。清除所有影响者
只有清除了影响者，大家才能有效沟通，那么线框中的影响者是什么？仅举几个例子:
适中的颜色
不合适的高保真度
难看的照片和图标
无意义的卡通/怪异的字体风格
其他只有你能理解的代码。
这些都属于让读者终结你设计的核心思想的项目。有趣的是，我认识的一位UX设计师有一个独特的习惯。他在每个占位符(交叉矩形框)上使用简短的名字来标识他想要的图像类型。我觉得这自然对他有一定的现实意义，只是别人无法理解。所以，如果你将这个文本文档分享给你的精英团队，不要让这个缩写打扰他们对设计意图的理解。
2。注意使用色调
线框必须是一系列非此即彼的正方形吗，或者它们允许彩色设计的出现吗？都不是，事实上，如果你想清楚地传达设计，你只需要遵循一个简单的标准:
应用深灰色阴影作为页面的线条结构和内容。
应用不同灰度的区块链来表现层次。
将所有图片和图标保存为深灰色，以防止视觉效果突出，并在不同元素之间应用适当的比较，以确保易读性。可以适当考虑应用色调和高亮度来表达独特的实际意义:比如蓝色代表连接，红色代表警告，绿色代表确认等。要防止灰黑色，灰黑色的外框会让线条凌乱，很多时候“真正的方方正正”会成为一种影响。
3。防止过度设计
过多的设计是初学者觉得设计师错了的常见错误。尽量用简单、清晰、快捷的方式传达设计的核心思想，不要太花哨。因为光看线框做页面元素要花很多时间，会很混乱，所以要花很多功夫提前准备一个特殊的元素。请问自己以下问题:
能否帮助(读者)理解产品用户情况的上下文步骤？
能否清晰传达其现实意义和使用价值？
你的朋友能理解吗？
不要问自己设计是否漂亮，请问自己是否有效。
4。应用真实的(类似的)规范
尝试创建一个真正的画板。比如Web应用软件的总宽度是981080x，那么线框的设计也要在981080x的画板上进行。你为什么要这么做？诚然，在1201080x的画板上进行元件的合理布局要比在981080x的画板上容易得多，但最终还是要把内容缩小到具体规格型号的室内空房间。在造成产品研发的混乱之前，还是老老实实的按照这种控制好了。
5。记住这个函数是可见的！
用户体验设计的鼻祖唐·诺曼(DonNorman)用勒布朗·詹姆斯·吉布森(LeBronJamesGibson)对“启示”的定义来描述用户基于自己知道的一些事情得到提示，进而引发个人行为的情况。比如页面设计中的按钮，通常看起来是可以按的；徽标栏似乎提示用户在内容区块链等之间转换的个人行为。因此，为了清楚地表达你的想法，你的键必须像键，徽标栏必须像徽标栏。对于最终产品来说，可见性的实际意义取决于对某一种特殊的个人行为的标记，而在在线框图绘制环节中，它能让你的表达更容易在视觉上被理解。
综上所述，我们已经解析了xml和所有的线框设计标准。如果你照着做，我相信你能做出很好的交付结果。但我在这里想说的是，如果脱离了所有故事故事的脉络，即使是艺术化的线框也无法帮你传达你的设计思维。我在这里特意用了“短篇小说”这个词，因为就像你最喜欢的童话书一样，你也会遇到:
英雄(也就是你的用户)
一个故事(也就是一个测试案例)
一个难题(即用户处理的难题)
如果你的手工制作的线框只是叙述了小故事的一部分，片面地展示了一个测试案例和一个难题，仍然无法解释与主角相关的信息，那么很可能你的读者将很难控制整个界面。想象一下没有所有英雄的魔戒。如果它只是简单地提到了钻戒、索隆的决斗以及它对中土的诸多叙述，你还是会一头雾水，无意再读一遍。毕竟很难理解。
如今，当提到用户体验设计(UED)时，人们通常会想到线框、绘制线路图等等。但与其说是UED，不如说是设计线框，不如说是字面理解为“感觉”本身的设计——预计会在某些方面对目标消费群体与商品互动的个人行为造成伤害。为了更好地确保这一点，每个人都需要写下详细的故事，以富有感染力的方式告知精英团队和利益相关者，然后鼓励他们采取行动。给你很多特殊的工具和方法来帮助你完成这个日常任务:
用户的肖像(人物角色)
用户故事和用例用户流
概念图(概念图)
BusinessModelCanvas和其他人要记住，你的目标永远是清楚地说明用户是谁，问题是什么，以及他们的解决方案是什么。所以，尽量选择最有利于你的连贯性和吸引你的听众的叙述方式。
想象一下，有一天，一个签字笔经销商突然闯进大家的办公室，要求我们在明天之前做一大堆卖签字笔的网站(换句话说，我们没有时间进行基础调查，也没有时间开始新的项目)。我们是否应该立即打开在线线框编辑器，开始绘制设计概念？
自然不是。更强的解决方案应该是这样的:第一，大家一定要知道用户是谁，集合所有的精英团队去采访你的客户，去发现业务流程中的重点目标消费群体；未来，我们将通过建立用户画像，根据用户的相互行为模式、心态、主观因素和基本的人口统计学数据特征对用户进行分类，关注他们的问题，而不是他们的实际特征。有效性你需要把这个你要详细处理的难题再解释一遍，装备所有新项目。你的受托人很可能对此事漠不关心:“我需要卖很多笔！”他狂吠着，但你不必理会，因为这不是一个需要解决的难题，而是一个新项目的结果。毕竟，真正的问题还是在用户身上。
讨论一下，用户画像中的这些人为什么要买铅笔？他们遇到了什么问题？他们的主观因素、总体目标和心态是什么？和你的受托人谈谈业务流程，确保你知道合同中的要求。这整个讨论和思考的过程很可能需要更多的时间，但我相信这真的有利于更好地掌握新项目和构建小故事，直到大家真正让用户满意。
文章翻译自designmodo上的名著《线框的美学和语境的重要性》。如果中文翻译有误，热烈欢迎指正。
由MarcinTreder创建
口译员:阿里亚诺
全文连接https://designmodo.com/aesthetics-wireframes-context/
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）