网站的原型框架构成(网站的原型)

本文目录一览：

线框：就网站设计而言是网站设计的基本布局，架构的表面现象；原型：是包括交互、线框在内的产品雏形。视觉：是根据原型设计的包装，美化，使原型更完整的出现在大众的眼前。

原型（Prototype），常常和线框图混淆，是中等保真的设计图，代表最终产品，模拟交互设计。原型当允许用户：从界面上，体验内容与交互像最终产品一样，测试主要交互视觉稿（Mockup）是高保真的静态设计图。

线框图是一种低保真且静态的呈现方式，设计师通常使用纸笔来表达自己的想法。只要能明确表达内容大纲，信息结构，布局，用户界面的视觉以及交互行为描述即可。就像建筑蓝图一样，蓝图也就是施工方案，详细描述改如何建造建筑。

以图的形式展现更加直观；原型图的产品最初的构想图，一般是产品经理绘制，内容比较粗糙；设计效果图，一般是由设计师出图，根据产品经理的原型图，进行设计后的很形象、美观的图‘；框架结构图，指的是整个软件的架构。

而原型图，相对线框图，呈现了更多的细节或交互。我们所看到的的往往是一页页呈现的网页或app设计。根据细节的呈现程度以及提供资源的质量，分为低、中、高三种。

都是网页设计师的工作。交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。这四者本质上是存在区别的。

所谓出色的原型，无非就是够实用。你做出来，找用的人跟你过几次，你就会渐入佳境。这种东西没有固定的模式，同时，你也不必拘泥于任何一种方法。

对于后台功能模块的结构和页面逻辑有清晰的认识能够熟练的使用原型工具优秀的设计风格和设计规范 1是基础，2是进阶，3则是让原型变得出色的点缀。

一定要画信息结构图（即产品层面的数据模型），主要用于理清产品结构。画一下脑图，列一个excel表单，详细程度依据自己习惯即可，需要和用户配合起来设计。

等到想法成熟之后不妨慢慢的考虑工具的深入，太多的考虑技巧方面的问题反而会模糊视线。思考的过程和画图的时间可以在7：3都无所谓，前期的框架和流程思路想好后，后面的原型图也就水到渠成了。

原型绘制我一般是在绘制原型的时候就直接在原型上标注了，将比较简单的功能描述、规则说明、触发条件、异常流程、全局说明都直接标注在原型上，如果说流程比较复杂，则会绘制一个流程图来说明。

一定要画信息结构图(即产品层面的数据模型)，主要用于理清产品结构。画一下脑图，列一个excel表单，详细程度依据自己习惯即可，需要和用户配合起来设计。

角色权限这个非常重要，一定要在具体设计之前熟悉管理后台的所有类型用户。包括一共有几类用户，他们各自的使用需求，操作权限，还有用户权限的设计。

你说的是高保真原型，可以先用PS等设计工具做好界面设计，再上传到摹客转为高保真原型，也可以直接用摹客在线的原型设计工具画高保真交互原型，UE和开发也可以直接在摹客查看图层信息和下载切图，传达意见更准确。

(1)是交互设计/原型设计的基本依据，是逻辑基础。如果你都没想好页面流转的顺序，那么你画的原型一定不是可以确定下来的版本 (2)代表了用户的操作过程，先画页面流程图能迅速发现体验问题。

1、等到想法成熟之后不妨慢慢的考虑工具的深入，太多的考虑技巧方面的问题反而会模糊视线。思考的过程和画图的时间可以在7：3都无所谓，前期的框架和流程思路想好后，后面的原型图也就水到渠成了。

2、在图像软件中设计网页效果图，总体可以分为7个步骤：（1）、创建画布，添加辅助线来布局；（2）、绘制结构底图；（3）、添加内容，包括图像和文字；（4）、切片；（5）、优化；（6）、导出；（7）、布局。

3、明确需求首先明确客户需求，确定风格和页面格调，并且确定网页主色调，明确需求以后，就可以安排美工出图了。

1、原型的定义：原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。

2、原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。

3、什么是原型和设计？原型：用线条、图形描绘出的产品框架，也称线框图。设计：综合考虑产品目标、功能需求场景、用户体验等因素，对产品的各版块、界面和元素进行的合理性排序过程。