什么是线重组??

你有没有想过一个网站或移动应用的想法??

也许它是一款支持WiFi的宝藏巨魔的应用程序,或者是一幅地图,在半径5英里的范围内显示素食甜点。可以,也许那是我自己的胡思乱想,但不管你想创造什么,这一切都始于线框!线框图是一个过程,帮助把你的想法从你的头脑中释放出来,并进入视觉形式。它允许你进行头脑风暴,与其他人一起重复和验证你的想法。线重构适合每个人——产品经理,营销人员或其他有远见的人。


什么线框??

不管听起来怎么样,它不涉及电线或框架,所以把你的工艺品放好。线框本质上是用户界面的绘图。它们从粗略的铅笔素描到在诸如线框工具中创建的更加精致的渲染。香脂,或者使用设计工具,例如草图土坯XD.当你充实你的想法时,它们在项目的早期阶段特别有用。


主要有两个概念:

  1. 关注结构和功能线框着重于屏幕的结构和功能,而不是视觉设计。因此,没有颜色,图形和样式。它主要由简单的形状组成,这些形状表示内容的部分并用作图像的占位符。可视化主要组件有助于定义布局,任何给定屏幕上的内容层次结构和可用功能。
  2. 迭代线重构是一个迭代过程。目标是进行如此多的迭代,以至于您甚至无法想象其他场景。然后,你睡觉,第二天醒来,带着一些更多的想法。你的第一个想法通常不是最好的主意,因此,您应该生成替代方案。另外,您可以共享这些迭代,在您将太多精力投入到任何给定设计之前获得早期反馈。

为什么要用线框??

有几个好处:

  • 你可以在改进和改进视觉设计之前快速地进行头脑风暴。
  • 你可以得到关于这个概念的反馈,没有视觉设计创造的偏见。
  • 您可以在早期获得涉众的批准和用户反馈。
  • 它节省了你的时间。不要在像素完善阶段花费太多的时间去考虑一个想法,你越早发现这个想法是否行不通。
  • 这是低压。它向评审人员传达,这是非常潮湿的油漆,他们可以自由地给出反馈,从而改变项目的方向。这种低压环境促进了更开放的协作和交流。

让我们看一些例子!!

有各种各样的线框,从低保真度(松散的草图)到高保真度(更详细和精致)。这是一张用圆点纸手工画的,以及利用设计工具草图制作的另一个:

低保真线框(手绘)
低保真线框(手绘)
低保真线框
低保真线框(素描)

线框如何融入设计过程??

  1. 回顾用户研究和项目目标咨询任何可能对你有用的研究。设计成功的用户体验需要理解用户和项目目标。
  2. 在低保真线框上迭代继续迭代直到你不能再提出任何想法。
  3. 获得内部反馈与团队和利益相关者共享线框。
  4. 重复低保真线框(再次)经常,反馈将激励你提出更多的想法。不断重复,直到您觉得已经解决了用户体验中的任何可预见的痛点,并且已经得到涉众的批准。
  5. 将选定的低保真线框抛光成高保真线框使用真实拷贝和真实图像,开始添加视觉抛光,如圆角,梯度,字体,等。如果你还有占位符没关系,比如对于尚未创建的插图。
  6. 获得内部反馈(再次)现在,实际内容已经就绪,可能需要进行更改。
  7. 获取用户反馈从你产品的现有或潜在客户那里得到的反馈是很有价值的信息,可以尽早获得,找出您可能遗漏的任何痛点,并提高设计的可用性!!
  8. 继续进行设计过程
    • 如果您的线框在用户测试中得到验证,并且您的团队希望推进实现,创建一个模型并开始用代码实现它。
    • 你可以决定要走完全不同的方向,并且需要从一组新的线框开始。那完全没关系!这太棒了,你现在就明白了,相比之下,在将更多时间投入到注定要失败的想法上之后,必须进行转变。
  9. 你做到了!请客!!

对如何开始感到好奇??

好,我们刚刚开办了一门新课程:无线重排技术简介.您将了解更多关于线框的优势和最佳实践的信息,探索各种类型的线框,并尝试四种线框工具。加入我吧,我们为一个移动车载共享应用程序创建线框,所以你可以看到这些概念被付诸实践。