原型的构建与设计(Web版)

摘要:什么是原型?原型的概念说的简单直白些就是用户使用产品的界面模型,原型的设计主要包括三部分:1、需求内容的呈现,2、导航和链接,3、数据的交换。

继续上一章的内容,那么怎么去组织页面元素,制作原型Demo;哪些表现层面是交互设计师该重点表达的内容,原型的制作又有哪些章法可循呢?

Ⅰ. 什么是原型?

原型的概念说的简单直白些就是用户使用产品的界面模型,原型的设计主要包括三部分:①需求内容的呈现 ②导航和链接 ③数据的交换

①需求内容的呈现

1)文本,多媒体内容的呈现

最基础的web页面就是文字和多媒体的载体,通过文字和媒体把需求内容呈现给访问者是Web设计最最基础的部分,设计师需要将信息分主次的传达给访问者,这是设计最基本的目的,之前我写过类似的文章《视觉设计是为了表达信息》。其实不管是交互还是视觉,都应该具备排版组织能力,分得清主次,明白目标,懂得用户群,才能谈的上设计。

了解栅格,有排版功底的交互设计师可以省去很多沟通成本:

和传统的视觉排版不同的是,交互设计需要在有限的空间内组织信息,举几个最常用的手法:

在设计布局的过程中,交互还必须要清楚前端实现的方法,基本的html,css和一些常用脚本效果都要有所了解。