顶级UX交互设计师的线框图原型设计欣赏

线框图是一个网站图形化的骨架，引导一个页面的内容及概念，能够帮助设计师和客户讨论具体的网站层次和导向。一个简单的线框图只需要使用线条、方框和灰阶色彩填充，黑白色的布局整体呈现为低保真设计图，主要呈现主体信息群，勾勒结构和布局，表达用户交互界面的主视觉和描述。

线框的设计在设计中是很重要的一部分，它专注于内容的功能、行为和优先级。一旦你建立了这些东西，设计产品就会变得容易多了。

另一方面，线框可以让客户了解他们的网站，应用程序最终会是什么样子。这样，当您展示设计时，就会给客户更直观的体验，因此线框将更加节省时间。

下面，我汇总了一些最好的UX设计师制作的线框列表，希望它们能激发你的灵感，希望你能从中学到一些知识。

来自Underbelly的Anthony Lagoon的线框图

来自Focus Lab的Alex Sailer的 TedTodd 线图

ueno登陆页面的线框

来自Fikri Studio的活动管理仪表板线框

来自Anthony Lagoon的UI草图

来自InVision的 aaron stump

来自NEVERBLAND的Filippo Chiumiento

从线框到Cuberto的设计 

Omise的苹果手表

来自PG的Michael Pons的简化结账流程

由LuFT的Sergey Jani测量自测量线架

用户流程由Janna Lynn Hagan撰写

Eddie Lobanovskiy的关闭网页

PG的Michael Pons线框图

BattleShare by spovv

执行：ueno的线框

Marian Mota苹果应用程序的用户流程图

Sebastiano Guerriero的 IconStore Sneak Peek

CreativeDash的线框图

Janna Lynn Hagan的学生指南网站地图

Adam Butler牙科研究网站线框

Danny Keane的 Mac聊天应用程序线框

Kitchenware Pro - Neway Lau的线框套件

Cuberto的线框图

Focus Lab的Steven Scarborough的线框选项

Michael Pons的高保真图

Leon Qin第二天的线框

更多线框图设计素材，可以下载：线框图wireframe设计模板