网页设计师如何引导客户

网页设计师如何引导客户（通用7篇）

网页设计师如何引导客户 篇1

网页设计师如何引导客户

所谓设计师，是那个站在时代前沿，必须具备敏锐洞察力的职业，他们应该具备鹰一般的眼睛，随时注视着周围环境的瞬息万变。

潜规则说得好，先一统人心，再集体办事。引导客户的终极目的也在于此，先拉其入帮，同化其思想，更有助于后续工作的开展。那么，人都是有思想的，因此你的介入性引导，也有可能不会得到预期的效果，这都依靠你在引导过程中的经验和手法。这就像你去按摩一样，第一次总是觉得像被揍，以后越来越舒服，都是一个技术层面的东西。

1.试图同客户站在同一战线

客户一定是有底线的，你的设计不能太好，也不能太坏，不能太贵，也不能太贱，这是一个拿捏的过程。如何了解客户的底线？去拜访客户，去到他的地盘看他的山头插的什么旗。

公司的规模，人员的素质，前台的相貌，会议室多大，客户的西装什么牌子，他们的市场在哪里，他们是否有专业的产品经理„这一切都在透露着客户的底线和心理价位，最重要的，还有对设计的认知程度。

甲方与你直接对接的人，是对方的一把手，还是只是经办人？如果只是经办人，他是什么样的职位？在甲方单位中占据多少重量？他经办该项目是身负重担势必圆满完成否则有身家性命的风险，还是只想敷衍了事应付他们boss？甚至，该经办人是否潜规则了一点回扣？

有时候你的客户并不是一手客户，他的背后还有人，因此你还要深入的观察和询问真正对设计有着决定和执行权的那层，或许他们的信息才是真正需要在设计中实践的部分— 所以我强调，对于设计合作的引导应该从最高层的领导开始，或者从对项目有着决定意义的单位开始。

这都是些什么？这与项目有关吗？这与设计师有关吗？答案是：有！而且这些问题应该是设计师在项目着手前应当去了解的事情。所谓设计师，是那个站在时代前沿，必须具备敏锐洞察力的职业，他们应该具备鹰一般的眼睛，随时注视着周围环境的瞬息万变。

某设计师曾经手过这样一个网站设计项目，经办人有着很多甲方那不可一世傲慢，丝毫不听取设计师的专业性建议，从项目一开始便对乙方有着敌对情绪，这样对项目的开展是很不利的。尔后设计师获取到这样的信息：对接人是甲方该项目的项目经理，曾说服其boss开展该项目，遂找到设计方进行项目开发。那这代表着什么？他属于什么类型？他希望得到什么，害怕发生什么？很显然，如果这项目搞砸了，他必当身败名裂，这就是他所害怕发生的。此时，本来设计师只用针对情况稍加引导便能水到渠成，可该客户极其主观，仍是一意孤行，他的很多决策甚至触犯了很多设计的大忌和原则。

此时，放在设计师面前的只有两条路，一是继续抗争，可这条路如果把握不当，轻者延误项目进度，加重双方的敌对情绪，重者遭到投诉甚至导致项目终止。二是逆来顺受，你爱怎么做，我就怎么做，只要项目顺利验收，无非就是多搞出了个垃圾项目而已。

对，垃圾项目，相信每一个设计师都不愿意这样的事情发生，那么，此时他该如何去抗争，如何去扭转现状？

那日，设计师借双方闲聊的机会，推心置腹的说道：“我一年要经手很多的项目，搞砸一个，对我来说并没有什么，更何况如果项目正常验收，理论上我也不算做砸，而你不一样，我也在和你类似的公司工作过，也负责过很多项目，我很理解你现在的心情，我知道你也很想把项目做好，等等这些，是我结合多年的设计经验给你的针对性建议，很多都是有实际数据证明的，希望你能够听取„„”

尔后，双方成了朋友，项目也顺利完成，后来甲方借助该平台，业务开展得如火如荼，当然这和甲方自身强大的实力与丰富的资源密不可分，这是后话。

从客户的角度出发，生活中也有不少的例子，比如你去餐馆吃饭，无良的餐馆的服务生总是会推荐餐牌上的招牌菜多半是价格昂贵的，而有一点同理心的餐馆会从客户角度出发建议你点什么，点多少，甚至我还遇到过根据你的用餐目的来定制点菜和服务的。

同客户站在同一战线，是赢取客户信任的第一步，也是引导的第一个开端。

2.不要扮演商务人员的角色

有部分刚被一脚踢进社会的设计师，不小心误入了山寨的路线，认为“引导客户”就是和客户“搞关系”，有部分很不幸，真的搞出了关系。。。陪吃陪喝，风花雪月其实不是我们设计师的擅长，也不必要。

设计师必然是需要一些格调的，你和客户打成一片其实也未必就能让他对你的设计俯首称臣，设计需要交际，但是也需要挑客，你不能是个菜就捡进篮子里— 我这么说确实现实了点，但现实远比这还卑鄙。

如果你坚持要做设计行业的口碑，就绝对不要和山寨客户坐到一桌推杯换盏 — 但是我还是想赚他们的钱怎么办？请雇佣专业的商务人士出面解决你的尴尬。

3.强行引导会有反效果

什么叫强行引导呢？我相信客户方最有发言权，就是一个不怎么样的设计师和公司来推荐，或者不太成熟的内部团队做演示，设计出来的玩意外行看了都认为有点问题，他们自己还在说得眉飞色舞，什么“国际化风格”，“大气磅礴”，“精美绝伦”能用上的花言巧语全用上了，最后让人感觉像个小丑。

引导的过程中，从见面的第一刻起就回避客户的眼光，或者看得要把客户吃掉一样，客户一有意见就说“根据我们的成功经验，你的这个看法是。。。”,基本上这种作风的引导方式只会带来恶劣的反效果。自信应该表现在做人做事的细节和缜密，而不是行为和语言的攻击性上。

4.客户关注的也许是设计以外的事

也许你不相信，大多数传统行业客户在听你的设计提案的时候，根本搞不清你在干嘛，他们关注的是你的语言流畅程度，关注你用什么笔记本电脑，关注你的着装，关注你的自我介绍„„直到，对，直到你提及他们的产品名称，价格，市场占有率，利润率，品牌影响程度和深度的时候，他们的耳朵才会竖起来。

设计师放了太多精力在我们的设计过程中了，其实客户更关心的是“你这个设计究竟是怎么得来的？”“为什么要这么设计？”“用了这个设计产品就能好卖么？”“你的设计为什么这么贵？”— 好了，这同你去旅游一样，如果景色不磅礴，路途不遥远，人烟不稀少，文化不异域，你会认为旅行的意义没有那么的厚重。

5.你的设计可能没有那么好

当然，你的客户未必都是不懂设计的，所谓没吃过猪肉也见过猪跑，如果你的客户花费了3个月，看尽了各种花俏的提案，参加了上百场的设计推荐会后，相信他的审美和设计理解也可以有一点改观和提升。那么，你在小处着眼的那些花花肠子不见得能起作用了，作为设计师，你至少应该保证自己的见识和作品是客户“意料以外”的，有时候引导客户的关键就在于作品创意和客户认知之间的落差。

如果可以的话，你想法了解一下共同争取客户的竞争对手的作品，找一找自己的差距，在任何方法都失效的情况下，也许问题就出在自己的身上，这是我们可以接受，并且要修正的。

网页设计师如何引导客户 篇2

1 HTML5 特性分析

HTML5大大简化了编程工作 , 使Web程序更容易地访问各类设备和应用程序, 并且提供了很多重要的新特性[3,4]。

(1) 新的标记语言标准

HTML5比之前的HTML版本更新了标记语言及其附属的标准, 包括访问和操作HTML文档结构 (DOM) 的标准; 全新的级联样式表 (CSS) 标准, 用于定义HTML文档的外观和呈现方式以及Java Script脚本语言。

(2) 实现基于标准的富Web

HTML 5实现了富应用的新API, 诸如图形、动画、 多媒体, 在此之前需要通过Flash等各类插件实现这些功能, 使用上述插件技术不仅带来安全隐患, 而且限制了受众 的范围。HTML 5提供的audio和ideo等标签为Web开发者们提供了嵌入媒体方面的极大便利, 尤其是采用中立的编码标准解放了浏览器厂商的开发自主性。

(3) 革新的结构

HTML5标准中引入了一整套新的元素 , 使建构网页更变得更容易。使用这些元素具有明显的优点: 当与标题元素联同使用时, 产生了一种使用标题级别标记嵌套章节 的方法 ,这将超过以前版本HTML的标题级别。

2 Web 富客户端网页设计方案

2.1 单页面开发模式

目前, Web程序的界面开发模式有单页面和多页面两种,基于HTML5的Web富客户端 实现Web单页面应 用 , 与2.版本的多页面应用相比, 单页面应用具有以下优点:

(1) 用户操作简单、友好度高。

在单页面应用上, 添加、修改等一些操作采用弹出层的方式实现, 而在多页面应用上, 甚至每一个具体的功能, 都需要跳转到一个新的页面完成, 当用户完成该操作时, 再返回到原始页面, 用户操作复杂, 友好度低。

(2) 易于开发、维护

本系统采用单页面的应用开发模式。主页面布局如图所示。

以下对各区域的功能进行解释。

1) 客户和登录用户信息区

此区域的上部份由文字或图片展示系统当前部署到的客户的信息, 下部份展示系统当前的登录用户的欢迎信息。此区域的信息不应该是静态的, 而应是根据系统的实际环境实时更新的。

2) 系统标题栏区

此区域显示系统的标题, 如本系统的标题舜阳电压质量分析管理系统, 因为系统的标题是不会轻易更改的, 因此本区域可设计成静态区域。

3) 报警信息显示区

此区域显示监测点的报警信息, 报警信息是由左自右滚动显示的, 并可自由配置文字颜色、滚动速度、显 示条数 ,此区域的设计需要一定的伸缩性。

4) 常用功能区

此区域是系统的常用功能集合, 包含4项功能: 系统设置、密码修改、用户注销、切换主题。

5) 组织机构树形菜单区

此区域是系统部署到的单位部门的树形菜单展示, 是可以收起和展开的, 其顶级部门是当前登录用户所属的部门, 即当前登录用户只能看到他所属部门以及下级部门的树形菜单展示, 无法看到上级部门和他的其他同级部门的树形菜单节点。

考虑到树形菜单可能会存在数千个节点, 此区域的设计应该要及其注意其性能, 并且应该提供一个供用户模糊搜索菜单节点的搜索框。

6) 主菜单和二级菜单区

本系统的主菜单采用Tab菜单模式, 系统的每一个模块设置一个Tab菜单项, 每个Tab项包含一个二级菜单, 二级菜单可以是一个工具栏, 上面集成了该模块的一系列子模块,每个子模块是一个单独的页面, 点击某个二级菜单项时, 在应用区打开该项所代表的子模块页面。

7) 应用区

应用区即是系统具体子模块的功能展示操作区域, 此区域以一个浮动框架的形式将一个单独的HTML页面包含进来,每单打开一个新的子模块时, 应该移除代表上一个子模块的浮动框架, 以避免主页面挂靠过多子页面, 造成浏览器假死。

根据以上功能以及区域位置的划分, 可以将主页面按功能区域划分为3个模块:

1) 顶部面板

此模块是若干个小模块的集合, 其主要部分是常用功能区和报警信息显示区。

2) 左部部门树面板

此模块的主要作用是实现部门节点的选择反选, 上下级部门节点的联动, 部门节点的模糊搜索, 向后台传递部门节点选择模型。

3) Tab菜单面板

Tab菜单面板包含主菜单栏、副菜单栏以及客户区。 其主要作用就是实现子页面的载入及移除, 实现系统权限控制的前台部分。

2.2 页面视图

此模块的作用主要是完成对以上各个模块的整合, 将一系列的功能模块组合成系统的主页面并负责显示。

页面的设计图, 如图2所示。

2.3 后台架构

基于HTML5的Web富客户端系统采用SSH2架构, 针对网页处理数据量异常巨大, 导致对系统的资源要求非常苛刻,在非分布式的系统处理中, 采用SSH2架构容易出现性能瓶颈, 从而影响系统处理其他业务逻辑, 对系统的整体性能造成影响。因此, 本系统采用两套架构方案, 基本架构和辅助架构。

系统的主要部分采用SSH2架构, 即struts2+spring+hibernate, 系统在纵 向上按业 务流程划 分为3个层 , Action层、Service层和Dao层 , 由struts2在Action层处理客户端请求并实现MVC, hibernate作为Dao层的ORM框架处理数据持久化方面的逻辑, spring作为一个中间层的容器, 统一管理系统的业务逻辑。

系统遵循接口编程的原则, 所有的Action、Service和Dao都应该定义接口。在纵向上划分为Action、Service和Dao 3个层, 横向按功能模块划分, 每一个具体的子模块应该拥有其对应的Action、Service和Dao层。据此思想, 在子模块的子一级功能中, 应当对其进行封装, 以使各个不同的子功能之间不相耦合。系统在Service层上应该使用spring的AOP机制实现系统的事务管理、日志记录功能, 可以编写一个通用的Dao, 所有其他Dao都继承自 此Dao, 以减少Dao层的开发量。 系统后台的基本架构如图3所示。

系统的辅助系统处理数据查询量大问题, 在非分布式的系统中, 使用上述架构容易导致资源枯竭造成系统崩溃, 故而数据查询模块不采用上述架构, 而采用传统的servlet+javabean+jdbc的架构模式。

采用传统的架构模式并不意味着就是最简单、最基本的模式, 为了减少jdbc层的开发, 首先, 该辅助架构应该将jdbc操作封装成jdbc模板 , 提供Result Set到Java集合的映射 ,以提供一个统一的数据集接口。该数据集除了由jdbc操作从数据库中获取数据外, 还应提供一个外部接口, 用以构造该数据集。

由此可知对于该辅助架构, 它的底层是一个数据集的提供者, 该数据集提供者有两种方法获取数据集, 一是通过jdbc接口从数据库中获取数据并将其转化为Java集合 , 二是通过外部接口设置其数据集。数据集总是和模型一 并存在的 ,有数据集就意味着有构成该数据集的模型, 辅助架构的数据集提供者必须是统一的、通用的, 而数据模型肯定不是唯一的, 对于每一个不同的业务, 可能都会有一种不同 的模型 ,因此, 对于该数据集提供者, 可以采用Java泛型设计模式。

比如Data Query类有3个属性, list属性表示该类所封装的数据集, 它可以是由jdbc操作从数据库中获取的, 也可以是由外部设置进来的; sql属性表示当该Data Query是由jdb方式构造时, 用以从数据库提取数据的sql语句; total Count属性表示数据集的大小。Data Query类有5个方法, 其中两个构造方法, Data Query (in sql: String) 构造方法表示该构造方法接收一条sql语句, 由JDBC方式构造该数据集, 当由此方式构造数据 集时 , 对数据的 提取以及 到Java集合的映 射操作被封装在了excute() 方法中, 这是一个私有方法。get Data和get All Data方法顾名思义 , 前者是返回原始数据集中指定位置指定长度的新的数据集, 后者是返回整个原始数据集。

3 分层开发模式

基于HTML5的Web富客户端网页设计采用软件体系架构设计中常用的分层的设计方法, 分层的设计方法是软件体系结构设计中最为常见也最重要的一种方法, 从上到下分别是:表示层 (UI)、业务逻辑层 (BLL)、数据访问层 (DAL) 和数据层 (DL)。4层之间相互作用的关系图如图4所示。

采用分层的软件结构使开发人员可以只关注其中的某一层进行设计与开发, 可以降低层与层之间的依赖关系, 在需求变化时可以方便地用新的实现替换原有的层次实现, 更有利于软件结构的标准化和各层逻辑的复用, 也在很大程度上降低了后期软件维护的成本。

4 基于 HTML5 技术的表示层开发

表示层位于整个软件体系的最上层, 也是和用户关系最紧密的一层, 主要用于接收用户的输入数据、页面操作等请求, 并把后台程序返回的数据和结果以适当的形式反馈给用户, 其主要作用是为用户提供一个友好的交互式操作界面。

由于Web监控软件采用B/S的设计模式, 所以系统中的表现层的 主要形式 是Web页面 , 而在程序 中的表现 形式是ASPX文件。在Web监控系统中需要通过大量的图表和曲线对生产运行数据进行显示, 因此采用最新的超文本语言版本HTML5和SVG可缩放矢量图形 (Scalable Vector Graphics) 实现了更加良好的曲线与图表的显示效果, 同时为进一步地增加交互界面的可操作性, 可以选用第三方控件Highcharts和jq Grid来实现软件平台中实时动态曲线和各种图表的显示。

5 结语

网页图标视觉引导设计研究 篇3

网页国标作为网站设计中一个不可或缺的组成部分，起着对网页信息的强调和提示性作用，引导人们的行为操作和信息获取的重要功能。本文从网页国标的基本功能出发，结合认知心理学，阐述了要构建有效的网页图标视觉引导主要有四种设计方法：隐喻引导、分类引导、方向性引导、动态元素引导。此外，本文还就不同表现形式的网页图标的特点和视觉引导优势做了阐述。

关键词：

网页图标 视觉引导 设计方法 表现形式

中国分类号：J045

文献标识码：A

文章编号：1003-0069（2015）04-0148-03

网页是一种采用图像性的方式来呈现的互联网用户操作界面，其中图标的设计对于建立网页的界面逻辑结构和视觉表现力起着非常重要的作用。正如Patrick McNeil所说“图标是非常小的可视控件，它们的唯一用途就是以最简单的方式传递大量的信息。”。浏览者从图标获取信息比从文字要快，语言不再是障碍，人们可以更自由地解读。把信息解构重组后再用图形图像表达出来的方式，越来越受到浏览者的欢迎

一 网页图标的基本功能

在网页的浏览过程中，浏览者很容易不知所措，不知道自己处在一个什么样的位置，或者已经浏览过哪些内容，又或如何进行下一步的操作。这时除了网站的主导航外，网页中各种图标的存在是最直观、最便捷的引导和传达信息给浏览者的方法之一。国标相对于语言和文字，存在比较明显的差异性和优势。浏览者在浏览网页时发现网页上的图标，他们会根据其形状和色彩进行相关的信息联想，于是图标便以图形、文字、色彩、语言多种形式存储起来。网页图标借助人们对视觉形象的识别、联想等思维能力来传达具有特定内涵的信息，并引导人们正确便捷地操作网页。网页图标的这种优势使不同年龄段以及不同文化水平的浏览者都易接受，也更便于浏览者记忆。所以网页图标的基本功能应是以图形化的方式构建视觉引导，起着对网页信息的强调和提示性作用，引导人们的行为操作和信息获取。

此外，网页图标图形化的设计不仅能以结构化的形式更好地让浏览者理解信息，而且还会给浏览者带来更加有趣的浏览体验。这种情感化的体验是更深度的内容加工和功能设定，能为网站的品牌认知起着积极有效的作用。

二 网页图标视觉引导设计方法

目前网页的展示平台已不仅仅局限于PC端，还可以在移动端，尤其是智能手机上进行操作，其视觉呈现和人机交互也变得更为复杂。但无论是PC端，还是移动端的网页浏览，实验均表明，用户不会花很多精力来浏览网页，而只是会扫描—下界面，来寻找能吸引其注意力的内容。要在这么短的时间内引导浏览者获取信息，网页图标必须建立有效的视觉引导设计方法。

弗洛伊德的精神分析法说，真正影响用户的显性人格并非是理性，而是在各个生理时期形成的潜意识因子。由此可见，网页图标如果可以与人们现实生活经历中的潜意识因子相呼应，那么当浏览者看到网页界面时，就可以在很短时间内被吸引，接受引导，捕获信息。在这个过程中最为重要的，就是如何使设计的网页图标与其所传达的信息在浏览者的认知中匹配度更高。

（一）隐喻引导

“图标的视觉符号需要与它指代的功能相关，这样可以令使用者产生联想，从而激发使用者的形象思维，提高图标的使用效率。”。但是设计师在为网页界面设计图标时会遇到很多人机操作的抽象概念，比如上传、下载、分享、收藏、评论、提交等，这些概念很难从现实生活中找到直接对应的物体形式，这就需要设计师运用隐喻。“从词源上看，‘隐喻’在希腊文中的意思是‘意义的转换’，即赋予一个词它本来不具有的含义；或者用一个词来暗示它本来表达不了的意义。”。隐喻是语言学修辞的一种手法，是在某类事物暗示下的一种对另一类事物的联想、认知和体验的心理行为、语言行为和文化行为。“隐喻设计是界面设计中的重要组成部分，它解决了通过图形界面传达抽象信息的难题，使界面设计化繁为简，把复杂的问题变得简单了。”。设计师借用人们所熟知的，生活化的，对于事物的知识（视觉、功能等）进行提炼，概括简化为网页图标的形状，让浏览者在网页场景中能够通过条件反射简单快速地对所获网页图标产生联想，对信息进行自然匹配，从而在网页场景中自然地做出反应。网页国标的隐喻引导选择的设计要素多是从功能出发，寻找与之可以在功能与操作信息上有关联性的事物进行隐喻设计，让各种设计要素以浏览者能理解并能帮助想象的方式沟通，让人们找到一种似曾相识的感觉。隐喻引导可以帮助浏览者更快地理解图标的含义，提高操作效率，避免误操作。此外网页图标的隐喻引导，应具有跨文化的认同。如一个向下箭头的网页图标就是基于人们对方向性的普遍认同，引导浏览者在网页情境操作中对下载功能的联想和认知。信息匹配度高的隐喻引导设计不仅可以提高网页图标的识别度，还可以由于其易学性和易操作性能给浏览者带来使用过程的愉悦感。

（二）分类引导

视觉流程是网页界面设计的重要内容，“网页界面的条理性、时效性、在很大程度上取决于其合理的视觉流程。视觉流程是视线随着页面各构成元素在空间沿着一定的轨迹运动的过程。当浏览者注视页面的时候，很自然地会按照各个诉求内容一步一步地阅读，这条无形的视觉空间流动线就称为视觉流程。”。在网页视觉流程的建立中，网页图标是重要的组成元素，它以图形化的视觉元素吸引用户选择和点击，从而起着对网页信息的强调和提示性作用。网页图标可充分利用其形状、色彩、大小及视觉元素的相似性或统一性进行分类引导，牵引浏览者的视觉和操作路径。如图1，当网页需要在有限的屏幕空间中引导浏览者点击查看更多信息时，通过用一个“+”所做的网页图标在形状、色彩上的统一性可快速地引起浏览者的关注，并通过联想在情景中获取相应的信息认知，引发选择和点击行为。

（三）方向性引导

在网页的浏览过程中很多时候会存在操作复杂和步骤较多的交互任务，浏览者如果没有清晰的视觉引导，会造成诸多操作失误。这种未知和不可控的情况总会令人不安，甚至导致心理挫败。相反，清晰的方向性可以提升浏览者操作的效率。因此为了增强浏览者的可控感，网页界面需要预先提供一些提示，让浏览者建立预期。网页图标可以通过带有方向性或数字类的图形进行视觉引导，建立明确的方向性，在陌生的网页浏览环境下为浏览者指引路线，如图2。同时还能告诉浏览者，要完成交互任务一共需要多少步骤，你所在的步骤是哪个，还有多少步骤可以完成。通过网页图标的方向性引导，可以让浏览者对网页的交互任务操作有个预期，并得到及时的交互反馈。

nlc202309041400

（四）动态元素引导

美国认知心理学家唐纳德·诺曼在其所著《情感化设计》这本书中就提出“产品具有好的功能是重要的；产品让人易学会用也是重要的；但更重要的是，这个产品要能让人感到愉悦。”。情感的愉悦在设计中有着重要的意义，所以“界面图标设计不只是只有功能的描述，还可以反映出设计者和用户之间的情感共鸣。”[6。在符合功能调性的情况下，适当地使用一些特征化娱乐化的动态视觉引导往往能给浏览者留下深刻的印象。动态元素的网页图标所带来的视觉关注和引导效果也会变得更加强烈。网页图标的动态设计多为形变，即对图标进行大小、形状、透明度、明暗、颜色的改变。在确定了动态设计的大体形态后，节奏速度以及执行的时间就是需要细抠的部分。网页图标的动态元素可采用具象形态进行一定程度的抽象、隐喻，用简单直观的形式提升浏览者的情感体验。但动态元素引导只是辅助表达的一种方式，更重要的还是引导浏览者聚焦网页信息，所以最好是能与某一交互操作的提示相结合。如图3，在为网店设计的电子领券图标上加入了一只在招手的卡通爪子，动态元素的引导生动而信息明确，点到为止又抓人眼球。

三 基于视觉引导的网页图标表现形式

网页图标具有美观性而又不失实用性的功能，但每一个网站因为其行业和信息类别的不同，网页图标的表现形式各不相同。而不同表现形式的网页图标在视觉引导设计上的优势也各有不同。

（一）拟物化网页图标

虽然隐喻性引导对于网页图标设计来说是一种非常有效的信息传递方式和情感表达方式，不过有时根据网页整体的设计风格定位，拟物化的网页图标也是很好的选择。拟物是一种在设计中融入真实环境的模拟设计，是最直接的借鉴现实世界的表现形式，能让用户第一眼就认出这个是代表什么东西，用途是什么。拟物化网页图标通过将现实生活中的对象引入到网页设计中，让用户能够根据已有的生活经验来操作网页，有效地实现图标与信息的自然匹配。拟物化网页图标主要从对象的形状、材质、颜色、环境光照等方面入手，在视觉设计方面表现得精巧而考究。拟物化网页图标不仅有较强的视觉震撼力及亲和力，还能减低浏览者的学习成本，有效引导浏览者正确操作。如图4中，逼真地放大镜让浏览者一眼就能判断在网页的这个位置可以进行信息检索。拟物化网页图标基本忠实于客观物象的自然形态，但是拟物化并不意味着要100%还原物理世界的真实质感，而是需要通过强调提炼、概括和简化，突出与夸张本体的本质特征。如果过于追求细节处理，就会给浏览者造成视觉和认知上的负累。基于拟物化网页图标所要展现的细节较多，设计元素较为复杂，它更适合在PC端显示的网页中使用。

（二）扁平化网页国标

扁平化网页图标指的是借助于抽象的点、线、面、体来构成象征性或者模拟性的图形，这样的抽象图形可以直观地表现图标所要象征的意义和所要表达的特殊含义。扁平化网页图标在很大程度上是出于强化对网页信息的传递，弱化网页界面中无效元素的干扰，让浏览者的目光快速聚焦到所需信息上。如图5，右侧的几个单线条抽象图标的设计，可以在最小的屏幕空间中引导浏览者关注相关信息，如购物车、个人资产、关注品牌、收藏产品等。此外，在简化图标造型之后，扁平化网页图标的颜色也成了一大表现要素。通过色彩的相似、对比引导浏览者识别网页信息，并带给浏览者活泼、愉悦、生动的感觉。扁平化网页图标最大的优势就是给网页的内容展示提供了更大的空间，同时由于其占用的屏幕空间少，也为浏览者的交互使用提供了更为简单的操作步骤，浏览者可以在所在的任何页面通过相关图标进行一些网站的快捷操作。扁平化网页图标可以在一定程度上减弱尺寸变化对像素精度的影响，它能够快速地适应各种设备的屏幕，非常适合在跨平台的响应式网页设计中使用。

（三）文字类网页国标

文字类网页图标是采用有特殊含义的文字或者字母和图形组合成一个整体来引导浏览者关注信息。文字具有强烈的视觉记忆性。文字类网页图标通常采用简洁的图文表现形式，配以色彩的差异化使用以达到视觉引导的功能。如图6，天猫网站中的文字类网页图标，采用在电子商务网站中具有特定意义的汉字将其做成类似中国印章的图形表现，令浏览者一目了然，记忆深刻，在全站中任何位置再见到这样的图标，即使没有旁边的文字说明，也会对其功能非常明确。

（四）数字类网页图标

数字类网页图标可分为阿拉伯数字和汉字数字网页图标。相对于汉字和拉丁字母，数字所表达的功能更加纯粹和单一，多运用在计数和排序时给浏览者视觉流程的引导。但在一些情况下，数字类网页图标会根据网站中的一些特定功能来呈现特定的信息。如图7，天猫网站中的数字类网页图标，简单的数字在网站中成为一种约定性记号，配以醒目的色彩使其中的信息更加清晰、醒目。四结语

网页图标具有文字所不能代替的优势，它用图形化的表现形式将复杂的网页功能描述成易懂的信息内容，这种方式越来越受到浏览者的欢迎。网页图标的设计绝不仅仅是对艺术美感的体现，更重要的是承担起视觉引导的作用。在网页国标设计中合理地利用视觉引导将会减轻浏览者的认知难度，让浏览者在轻松愉悦的状态下完成网页浏览和交互的过程。

学习网页设计,该如何入手 篇4

第一种傻瓜论，经常有人会对你说，做网站开发很简单，我们单位，某某人都会做网页；也可能有人说，做网站很便宜，几百元就OK了。对于这样的言论，多数是电脑小白或者是对网络技术一知半解的所谓内行。首先要说的，网

站开发需要的技术，决不是一个简单的Dreamweaver或FrontPage就OK了，还差得远呢！这就是网站开发简单的误区，不是学会一个网页代码工具就OK 了；其次，一个网站开发的成本，最少也要3000元以上，多的甚至几十万，而网页版的ERP系统（有关ERP方面的技术，我们会在后面讲解）有的甚至需要上千万一套，这就是说，可以确定，那些告诉你做网站很便宜的人是不折不扣的网络白痴。那么，为什么会有人提出这些论调。而且还振振有辞呢。先说一下，网站开很简单这种说法

吧！首先，网站开发所需的技术分前台部局、后台程序两部部分。

一，前台部局，所需技术又包括“结构语言”、“表现语言”和“行为语言”三部分。结构语言主要有“HTML”、“XHTML”、“XML”等几种，早期用的是“HTML”，而后发展至“XHTML”，而这个“XHTML”，是一种介于“HTML”和“XML ”之间的一种结构语言，这也是现在最常用的一种符合Web2.0＆3.0标准的结构语言。同样，也是笔者推荐的结构语言。“XHTML”是部分遵守“XML”规则的“HTML”语言；“XHTML”可以像“XML”一样，定义其“名称空间”，而且有自己的“DTD”（有关“名称空间”、“DTD”及“XHML”方面的内容，可以参考以下视频教程,大家百度搜一下“xin3721视频教程网 李天生CSS2.0&3.0视频教程”），但不像“XML”那样，可以自定义自己的标签。可以说，XHTML是HTML向XML的一个过渡性语言，也是现在最流行的结构语言；再说一下表现语言，现在最常用的就是CSS，而刚才介绍的那部视频教程里，就讲得很详尽；最后说一下行为语言，所谓行为语言，可以理解为，可以自动或通过事件触发，而进行某些操作的语言。常用的有“ECMAScript”、“Jscript”和“＆#106avascript”，这里首推“＆#106avascript”，同时现在有很多人喜欢用JQuery类库。而所谓的JQuery类库，就是把很多＆#106avascript代码进行封装，可以随时调用的类。这里有一部不错的“JavaSdript+JQuery”的视频教程大家可以百度搜一下“xin3721视频教程网 李天生JavaScipt+JQuery视频教程”。

二，后台程序，需要后台技术与数据库进行配合，不同的后面技术，配合的数据库也不同，不是一定要用该数据库，但这些组合是优

秀。

这些组合包括

1、“ASP+Access”，适合小型网站及小型ERP系统。

2、“ASP+SQL Server”适合大型网站及大型ERP系统。

3、“ASP.net+SQL Server” 适合大型网站及大型ERP系统。

4、“PHP+MySQL”适合中、小型网站及中、小型ERP系统。

5、“JSP+Oracle”适合大型网站及大型ERP系统

以上技术组合，其中“ASP+Access”和，简便易学且功能全面，是现在使用量最大的网站后台技术，这里给大家介绍一套不错的视频教程,大家可以百度搜一下“xin3721视频教程网

李天生 Dreamweaver CS4+ASP”；至于

“ASP+SQL Serve”和“ASP+Access”同根同源，也就是说学会了“ASP+Access”，再学一下“SQL Server”就OK了，同样，在该网站上也有最新版的SQL Server 2008视频教程,可以百度搜一下“xin3721视频教程网 SQL

Server 2008高级数据库管理”。

其次说一下“ASP.net+SQL Server”，这是现在最流行的网站开发技术，其功能强大，学习起来，和ASP一样，相对于JSP要简单得多，且功能比JSP有过之而不及。是现在使用量仅次于“ASP+Access”的后台技术，至于“JSP+Oracle”，由于其使用的编程语言是Java，必须学会Java才能用，而Oracel也不

是一项容易掌握的数据库技术。因此，使用量

相对较低。

ERP是什么？

现在可以来说一下ERP是什么了，ERP全称“Enterprise Resource Planning”，翻译

成中文是，企业资源规划。ERP是由美国

网页设计师如何引导客户 篇5

教师机配置apache网站，把站点文档文件夹htdocs，共享读写

通过查看“属性”，查看共享文件夹的访问网络路径：CDRIJIF60ZCWGGRhtdocs

设置学生机上的本地站点，配置其服务器文件夹为：CDRIJIF60ZCWGGRhtdocsxs1（假设某学生的个人网站在主网站的文件夹xs1中），这样在dreamweaver中就可以把本地站点上传到教师机上了。

论设计师电话如何回答客户问题 篇6

(1)接听电话必须态度和蔼、语言亲切。一般先主动问候“您好，xx装饰”，而后开始交谈;

(2)通常，客户在电话中问及设计报价、材料、施工等方面问题，我们应扬长避短，在回答中将(公司)的优势朴实巧妙的溶入，把你作为设计师的个人魅力尽快的展现出来，给他一种遇到专家的感觉。

(3)在与客户交谈中设法取得想要的资讯：

第一要件：客户的姓名、地址、联系电话;

第二要件：新居所在小区、面积以及是否已拿到钥匙等情况;其中，与客户联系方式的确定最为重要。

(4)最好的办法是直接与客户约定上门测绘或请客户来公司总部。

(5)马上将所得资讯记录在客户来电统计表上。

2、注意事项：

(1)如来电特别多，时间更显珍贵，因此，接听电话应以2-3分钟为限，不宜过长。并且应事先了解装修内容，仔细研究和认真应对客户可能涉及的问题;

(2)电话接听时，尽量由被动回答转为主动介绍、主动询问;

(3)约请客户应明确具体时间和地点，并且告诉客户你将专程等候;

(4)应将来电信息及时整理归纳，与主管设计人充分沟通交流。

设计师在业务洽谈中应注意事项，大体归纳了以下几点：

1、初次见面时大概了解客户的个人、家庭状况及对装修的总体要求，不需过多谈论细节，约定客户测量房子;

2、测量时，详细询问并记录客户的各项要求，针对自己较有把握处提出几点建议，切勿过多表达自己的想法，因为你的想法此时尚未成熟。切勿强烈而直接地反驳客户意见，反对意见可留至第二次细谈方案时，以引导方式谈出，因为此时你已对方案考虑较为成熟，提出的建议客户会认为有根有据，很有分量;

3、一定牢记客户最关心的设计项目，给客户留下你对他极为重视的印象;

4、不需盲目估计总造价，先要了解客户心里的底价，可以告诉客户：我们的报价根据材料、施工工艺、工人工费等差价较大，我们必须了解您的心底价位，以便最节约时间和精力地设计出更接近于您的想法和承受能力的方案;

5、我们的免费设计要做到免费测量、免费绘制平面及效果草图，可辅助以具体各种材料(如面板、玻璃样板等)以及书面资料来达到自己解释方案的需要;

6、设计方案时，要据客户的身份、爱好进行大概定位再设计，设计方案要依据客户的总造价进行控制，如总造价仅三万元的基础装修，就没有必要将过多精力投放在设计方面;

7、每次谈方案必须确定一些项目，如面板、地面、家具等，切勿一次一次不确定地浪费时间，有时甚至需要略带强制性的要求客户确定下一些方案，因为很多客户对方案会一直犹豫不决，可以告诉客户如以后再有变动，可放于变更中;

8、方案初谈过后，客户要求细致方案，这就进入委托设计阶段，此阶段应收取部分订金，尤其是要求做效果图的要收取500-1000元订金(视做图量及复杂程度而定)，报价也要在此时做出。

9、细做方案，要协调好与效果图绘制者的交流，以避免效果图未能表达出设计效果，反而适得其反。

10、细谈方案，一般要反复三到四次的修改，要坚持自己的意见尽量说服客户，但客户坚持不变的不要反驳客户，因为房子是客户自己来住。

11、签定合同时，详细做工艺质量说明，因为工艺质量说明不只是给客户看的，也是给自己一份详细的资料。施工工艺不明之处要请教工程部，切勿模糊带过。

一名家装实际是最不容易了。做设计的同时还要做的事情太多了，要考虑的问题和关系也太多了。辛苦不必说，很多时候有的只无奈。

做家装设计的那两年我学会了好多好多现在这个环境下学不到的东西。感谢我的那两年，我爱我们的职业。

以下是我们做设计好象是不应该做的但为了签单和公司不得不做的客户跟踪：

1、无论成交与否，每接待完一个客户，立刻填写客户资料表;

填写要点：(1)客户的联系方式和个人资讯;

(2)客户新居的基本情况和要求;

(3)成交或未成交的真正原因;

2、根据客户成交的可能性，将其分类为四个等级，以便日后追访。

A、很有希望B、有希望C、一般D、希望渺茫

3、将登记材料自存一份，交主管备案一份，便于开会时研讨、追踪。

4、追踪客户注意时间和间隔，一般以二、三天为宜，每次追踪记录在案;

5、注意追踪方式的变化：打电话、寄资料、上门拜访、邀请参加方案研讨会等;

6、二人或二人以上与同一客户有联系时，应该相互协调，统一立场，协调行动。

网页设计师如何引导客户 篇7

1。首先，你必须明确此次电话访谈的目的，要知道你想通过此次电话访谈得到什么。

2。在拨打电话之前，应该对达到预期目标的过程进行设计，可以准备一张问题列表，并对可能得到的答案有所准备。

3。可以给一个公司或组织的多个部门打电话，这不仅可以帮你找到正确的访谈对象，还可以帮助你了解该公司的组织运行模式。如果你需要给许多类似企业打相同的电话，这些信息就会大有帮助。人力资源部、总裁办、采购部、投资部等都是可以进行首次接触的部门。

4。选择一家公司的较高行政部门开始进行电话访谈是一个较好的选择。因为公司总裁或总裁秘书通常会清楚的知道公司中哪个部门或谁负责这些工作。考虑到他们的.工作很忙，开门见山地提出问题是一个好的选择，例如：“请问贵公司由谁负责……工作？”

5。如果你从一个较高职位（例如从总裁办）获得一个较低职位的联系信息，在开始访谈时，你应该说出较高职位人的姓名或职位，以提高访谈的可信度和重要性。例如：“贵公司王总让我打电话给您，了解一下……”。

6。在进行完你个人和公司的简短介绍后，应首先征询受访者的许可，然后再进入电话访谈的正式内容。

7。如果受访者此时很忙，尽可能与受访者约定下次访谈的时间。约定时应采用选择性的问题，如使用“您看我们的下次访谈定在明天上午还是下午呢？”，“是下午二点还是下午三点呢？”。

8。电话访谈进行中要注意倾听电话中的背景音，例如：有电话铃声、门铃、有人讲话等，此时应询问受访者是否需要离开处理，这表明你对受访者的尊重。

9。提高你提问和听话的能力。通过提问去引导你们的电话访谈，在听取受访人回答时正确理解客户的意图，包括话外音。

10。最后一点，也是最重要的。一定要有信心和恒心，坚持下去，你一定能够找到那个向你提供信息或者购买产品的人。

★ 电话销售业务员个人工作计划

★ 电话销售开场白技巧

★ 电话销售技巧之建立认同感

★ 商铺电话销售技巧和话术

★ 销售时说服客户的技巧

★ 营销管理高效电话销售小技巧

★ 销售中的谈判技巧

★ 销售中怎么了解客户 通过口头语了解客户性情

★ 如何让客户无法拒绝你？七种销售心理学技巧