交互设计的四要素如何影响网站产品设计

原型设计是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达。

画原型只是一个由想法变成图纸的过程，类似于建房子，在落笔之前更要想清楚建成什么样？

工具方面目前用的比较多的有axure、mockplus、墨刀，还有很多，直接搜索就能找到

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

明确企业网站建设目的，结合企业的定位，诊断网站现状和行业市场竞品表现，对企业受众进行用户研究和分析，确定网站的定位策略。

根据网站目的进行网站整体架构设计，为不同需求设置有效、清晰的功能结构，并以用户的良好体验进行易用性布局和交互流程设计。

以企业整体品牌形象建设需求为基础，对网站整体页面品牌识别风格创意，结合各功能板块特点进行相关页面设计并精细处理页面中运用的各种图标和图片。

为了保证网站运行的兼容性和安全性，以国际W3C标准HTML进行页面的制作，并以具有安全保障、兼容性强、功能表现完善的技术进行后台技术开发。

以客户的品牌架构为基准，开发高效的网站后台管理平台，易于网站各版块的日常更新维护，有效控制网站管理权限。

2、网站表现形式分析：

1）网站整体风格：

2)网页设计理念：

3）网站配色方案

4)网站构架

3、网站功能设计

1）前台功能设计

2）后台模块功能设计

4、网站报价

有空可以搜 “就登录网酷站” 就能看到就登录网网址。

这里有好多酷站及设计网址希望对你有帮助。

问题二：网站的设计方案要怎么写？ 网站规划书包含的内容如下：

一、建设网站前的市场分析

1、相关行业的市场是怎样的,市场有什么样的特点，是否能够在互联网上开展公司业务。

2、市场主要竞争者分析，竞争对手上网情况及其网站规划、功能作用。

3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。

二、建设网站目的及功能定位

1、为什么要建立网站，是为了宣传产品，进行电子商务，还是建立行业性网站？是企业的需要还是市场开拓的延伸？

2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。

3、根据网站功能，确定网站应达到的目的作用。

4、企业内部网（Intranet)建设情况和网站的可扩展性。

三、网站技术解决方案

根据网站的功能确定网站技术解决方案。

1、采用自建服务器，还是租用虚拟主机。

2、选择操作系统，用unix,Linux还是Window2000/NT。分析投入成本、功能、开发、稳定性和安全性等。

3、采用系统性的解决方案（如IBM,HP）等公司提供的企业上网方案、电子商务解决方案？还是自己开发。

4、网站安全性措施，防黑、防病毒方案。

5、相关程序开发。如网页程序ASP、JSP、CGI、数据库程序等。

四、网站内容规划

1、根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。

2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。

3、如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。 注意：网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网站发布后调查人们对网站内容的满意度，以及时调整网站内容。

五、网页设计

1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合CI规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。

2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

3、制定网页改版计划，如半年到一年时间进行较大规模改版等。

六、网站维护

问题三：怎么写自己的产品设计思路 1、首先阐述产品面向用户市场的需求，关键是用户痛点要分析要透--发现问题2、痛点目前有没有得到很好解决，分析市场同类产品优劣，哪方面做得好哪方面不行等等--分析问题

3、该说到你设计思路，从哪一个角度切入痛点使其得到很好的解决。然后是自己的设计让产品有了哪些提升等等--解决问题

--米可创新设计 MKDesign

问题四：网页设计思路是什么意思，怎么写，求解！拜托各位了 3Q 一、网页整体方案设计。 二、css+DIV布局。 三、交互。前台代码+后台数据库。

问题五：网站设计方案怎么写啊？ XX网站建设方案

第一章前言

在INTERNET迅速普及的今天,拥有自己的网站是一个企业或部

门进行形象宣传的重要方式，也是同外界交流合作、寻找商机的一个重要途径。互联网的发展大大提高了各类信息活动发布的速度和可选择空间，新型的商务信息通道其优越性显而易见。XX公司服务作为一家知名度很高的家政服务公司，其网上形象的树立、宣传、案例展示等都显得极为重要。现通过利用互联网覆盖面广、信息容量大、传递速度快的特点，建立网站首页以公司简介、 服务项目、服务宗旨、家政常识、加盟合作、联系我们等相关内容资讯的网站，把网站建设成为面向社会各界宣传的窗口与客户勾通、交流的纽带。网站的色彩与整体布局，突出其作为一个大型服务行业网站应有的大气、典雅、清新的特色。同时将提升整个网站的功能性，加强祥和家政项目宣传力度，提高综合服务的能力，同时可进行网上展示、网上宣传、网上咨询等一系列信息服务等。同时通过留言、邮件等功能，加大与社会各界的随时交流与沟通。

网站内容

首页：以一幅富于创意，符合XX公司特征的FLASH动画作为过渡页，同时在动画上设置进入网站的按钮，分别进入网站的首页面，再根据XX公司服务网站的具体栏目来设计首页的风格及布局，确保各个栏目位置合理，点击方便，一目了然。

XX公司简介：主要为XX公司服务的简介，系统全面介绍XX公司服务的一些具体情况，树立企业形象。

服务项目：主要是向客户展示公司的具体业务服务项目。使客户对公司的服务有一个具体的了解。

服务宗旨：我们打动客户，客户寻找我们 ，这是我们的优势，也可以通过以往的服务宗旨来了解。金文网络公司将根据贵公司提供案例进行实景拍摄，或由我公司资深美工给你设计出精美居家、商业案例。

加盟合作：向有意向加盟的单位详细介绍加盟的一些信息。

家政常识：向你的客户介绍一些家政服务的知识。

联系我们：列出XX公司的地址、电话、邮箱等便于你的客户和你们联系。

问题六：制作个人网页的设计思路 网站设计，包含的内容非常多。大体分两个方面：

一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；

另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。

这两方面相辅相成，告诉给大家（注意：我并不会非常具体地讲某一个技术或制作技巧，重点在于思路）希望能给您一些帮助。下面是大致的提纲：

1.定位你的网站主题和名称；

2.定位你的网站CI形象；

3.确定你的栏目和版块；

4.网站的整体风格创意设计

5.网站的层次结构和链接结构

6.首页的设计

7.版面布局的窍门

8.色彩的搭配

9.效果与速度

10.替浏览者考虑

11.细微之处见功力

12.建设完成度与推出时间

13.交互性与亲和度

14.考虑不同的浏览器和分辨率

15.字体的设置和表格的嵌套

16.新技术的运用取舍

17.设计好你的banner和位置

问题七：网页的设计思路咋写 首先你得是有思路了才设计的网站，否则网站如何制作成功呢。可以写页面是怎么规划，需要的是哪些内容，网站的主要作用是什么。这些方面来描述就好。

问题八：网页设计的中心思想是什么？ 网页设计不只是单纯的前瞻性和令人印象深刻。它要体现一个中心，那就是为游客提供了许多有用的现代化功能，使他们能够在现场逗留一段较长的时间，购买的产品和服务，或仅仅是为了了解更多有关业务。在网页时机中，使用简单，这是给游客提供的特点。但它是不容易的，因为很多设计师要在网页上面分部各种功能，在此过程中构建一个简单的网站。为了游客的快速浏览，页面上总是很多按钮的存在。网页设计的另一个重要方面，布局应该是合乎逻辑的的，色彩应该是让人舒心的。这样做，是为了让用户不会这么的烦恼。任何东西，都需要留下一部分未来的发展空间。

问题九：因特网的设计思路 因特网和电信网的设计完全不同，因为电信网的终端非常简单，没有智能，无郸错处理能力，因此电信网必须负责把用户电话机产生的话音可靠地传送到对方的电话机。但是计算机网络的终端系统是有智能的计算机，计算机有很强的差错处理能力（这点和电话机有本质上的差别）。所以，因特网在设计上就采用了和电话网完全不同的思路。因特网采用的设计思路是：网络层向上只提供简单灵活的、无连接的、尽最大努力交付的数据报服务。采用这种设计思路的好处是：网络的造价大大降低，运行方式灵活能够适应多种应用。

首先是表现形式要图文并茂，吸引眼球；

然后是产品内容要言简意赅，突出重点；

最后是整体排版要大气简单。

在一个网站建设前首先要做好的就是网站的品牌定位，明确网站的定位是围绕着集团网站建设还是产品品牌角度出，网站的视觉风格、页面板块、内容核心等都会有区别。定位确定之后，需要在网站建设后期，通过独特的网站风格、主题突出的栏目内容，体现出品牌的核心价值。而且确定好定位以后，网站后期的优化也可以更加方便的进行。

二、网站整体的风格设计

视觉效果是影响用户对网站印象的重要因素，要体现企业的气质需要高水平的网页设计来烘托。在做一个品牌网站的网页设计时，一定要对品牌有深入的了解和把握，这样才能提取出网站的核心部分。

三、网站的整体架构

网站整体架构包括公司介绍、新闻动态、服务展示、联系我们等内容，要让用户通过这些内容对品牌形成认知，当然这些内容并非每个都面面俱到，最好能详略得当，着重推出品牌形象与产品推广。这就像是我们日常生活中所用到的名片一样，用户如果想对公司有所了解，就一定会去看企业的官网去进行初步的了解，所以网站建设时一应要齐全，可以让用户初步对公司有一个比较全面的了解。

四、网站的数据分析

通过挖掘用户的浏览信息，去分析用户的行为，从而对网站的布局、网站的设计、关键词等进行及时的调整。不断的去提高企业网站的品牌效应。多做一些正面的宣传增强用户的信任度。

五、网站的日常维护

一个品牌网站，必须要有一个可以对网站内容进行实时监控的专业的团队。这样网站出现问题时就能得到及时的处理。以防出现遭受攻击或网站响应速度变慢等问题，影响用户的体验。日常文章的更新、网站安全的维护、网站版块的及时升级等等，都需要一个专业的团队去进行。

六、网站的互动营销

让人印象深刻的品牌网站，是能够提供互动的网站，不管对用户，还是对品牌生产经营活动价值链上的各个环节，都能做好管理。不断通过有效的网络互动营销，达到品牌传播目的。

专业的产品设计网站大部分都是国外的，国内很少，我有几个经常用的：

Inhabitat(产品，室内，建筑)

JUSOTU（素材）

YankoDesign（产品杂志）

Core77（工业）

Coroflot

It’s Nice That

Wallpaper*

希望对你有用。

用户在浏览网站时，能吸引用户打开网页进行详细阅读的就是标题。所以标题要足够吸引眼球，还要确保网页的所有相关链接畅通和有效，以便用户顺利的通过网站进一步搜索。

二、电商网站设计内容采用表单格式

分解内容和段落，大量使用表单形式来表现你的文章，可以保证读者的浏览率。使用数字和其它标记符号来突出文章的重要内容，会让网站更容易浏览，用户更快的找到所需的信息。

三、电商网站设计避免出现大量文字

研究显示，一般的网络浏览者不会花费时间去阅读大量的文字，无论他们有多重要或写得多好。因此，必须把大量文字分解为若干小段落，突出重要的地方，帮助浏览者节省阅读时间，也可以提高浏览者的注意力。

四、电商网站设计采用大图像吸引注意力

图像比起文字更容易吸引人们的注意力，人们更倾向于查看那些能够清楚地看到细节和获取信息的图像，当然要保证你所用的图片与文章内容相关，否则它更容易被忽视。大多数读者都拥有高速的浏览速度，所以可以使用那些体积较大的图片。

五、电商网站设计利用好空白

电商网站的过量信息会把用户淹没，同时他们也会忘记所提供的大部分的内容。所以保持网页的简洁，留点空白会给读者预留出一些视觉空间来供读者休息。

六、电商网站设计利用好特写图片

如果电商网站需要用到艺术特写图片，要确保所用图片的清晰以及其表达内容的简单可读性，那样能吸引更多的视觉注意。

分类：格子网络一般将企业产品按照“行业-大类-系列-型号”的顺序进行科学分类，是在网站上进行展示的前提。不论企业产品有多少种类，都要进行分类，这部分工作一般企业本身都会做好。

图片：分产品图，效果图两种。产品图中分缩略图和大图，分别用于产品清单展示和具体展示页面。根据产品特色的需要，有的产品需要配以使用效果图，以达到更加清晰明确地展示。随着技术的发展，图片这一需要表达产品具体形态的职能也正在被各种新的形式所替代，如FLASH、视频、360全景等技术，它们越来越多地应用于产品展示当中，使展示效果更为直观、有效。

阐述：详细介绍每款产品的性能，使用特点，并附有更为专业的产品参数，提供产品使用说明书下载，这些都是产品直观展示中的基本内容。策划人在规划阐述内容的表现形式上可不拘一格，尽量使用生动活泼的手法，避免单调、枯燥。如使用卡通人物进行导航讲解，让产品扮演某一应用角色，现身说法来介绍“自己”等。

概念：确定每个类别的产品定位，在网站产品展示页面上根据产品定位进行展示风格设计，突出宣传产品卖点，将风格与文字内容统一起来，形成符合该企业产品特点的产品展示。网站建设方案策划人可根据企业提供的产品资料、广告文案资料来确定产品定位和卖点，对于一些中小型企业，如果没有这方面的准备材料，策划人可提供一些定位和卖点的建议，或适当简化这一部分的内容。