当前位置：首页 > 工作总结 > 其他总结> 网站图标设计经验总结网站中如何使用图...

网站图标设计经验总结网站中如何使用图...

时间：2023-06-21 07:43:34 其他总结收藏本文下载本文

网站图标设计经验总结网站中如何使用图...（集锦13篇）由网友“placenetcn”投稿提供，下面小编给大家带来网站图标设计经验总结网站中如何使用图...，希望能帮助到大家!

篇1：网站图标设计经验总结网站中如何使用图...

网页制作Webjx文章简介：看高手如何设计ICON图标，以及在网站设计中使用图标.

篇2：一些网站设计原型图交互设计

看到了一些非常棒的网站产品的原型图设计，分享给大家看看，任何一个伟大的互联网产品设计都是从这些看似简单，粗糙的线框图开始的，

有时候用纸和笔来进行快速的创意描绘会得到更迅捷的成果，你可以在一个简单的模式中速写你的结构设计与交互细节，而后期还能够继续在此基础上迭代，直到形成最后的低保真原型，老外们叫这个过程为top-down process，

希望这些原型图可以帮助你迅速找到设计的灵感。

本文来自：lytous.ucdchina.com/?p=

篇3：网站分析中的漏斗图

漏斗图是个俗称，是用来表现访客在网站的业务流程中转化与流失情况的，通过漏斗图可以很直观的看出网站业务流程中的问题所在。并加以完善。漏斗图在Google Analytics的报告里代表“目标和渠道”，在Web Trends里叫做“场景分析”，在Omniture的SiteCatalyst里被称为“产品转换漏斗”。每个工具的对漏斗图的称呼虽然不一样，但都是用来衡量网站中业务流程表现的工具。

漏斗图通常可以提供7个主要的指标，分别是进入的访次，离开的访次，离开网站的访次，完成的访次，各步骤访次，总转化率，步骤转化率。Omniture的“产品转换漏斗”不显示进入和离开的访次，需要在“路径报表”和“流失报告”里通过配置查看。Web Trends除了以上7个指标外还会显示在业务流程中循环的访次。

为什么要使用漏斗图

漏斗图是直观的业务衡量工具

我们为什么要在分析业务流程的时候使用漏斗图？因为漏斗图是对业务流程最直观的一种表现形式，并且也最能说明问题的所在。通过漏斗图可以很快发现业务流程中存在问题的页面或环节。通过A/B测试或多变量测试后，漏斗图又可以很直观的告诉我们业务流程改进后的效果。

漏斗图是端到端的重要部分

端到端是在网站分析中的两个重要端点。前面的是流量导入端，后面的端是产生收益端。流量导入端是指有多少访客访问了网站。产生收益端是指在访问过网站的访客中有多少人给网站带来了收益。在网站运营中，所有的工作也都是围绕着这两端来进行的。我们所有的推广和营销工作（包括付费的和免费的）都是为了吸引更多的人访问网站。而一旦访客登录网站后，网站的任务就是让尽可能多的访客完成目标（网站的业务流程），产生收益。漏斗图的作用就是描绘网站中后一端的表现情况。

为什么非要用漏斗图来分析网站业务端的表现呢？我前面有一篇关于ROI的文章中曾经说过，提高网站收益的方法一般会有三种:

1提高访客的数量

提高网站的访客数量是前端的方法根据网站现有的访客购买率。按比例提高前端的访客数量。简单的说，当你网站的访客购买率是3%的时候，导入15000个访客比10000个访客会多获得150个有价值的访客，

如果你的流量是免费获得的，那么这个方法很有效。但在现实中流量都是需要花钱购买的。提高前端访客数据就等于提高了ROI的分母。对真正提高网站收益帮助是很小的。（漏斗图对业务流程的优化过程就是提高访客在业务流程中的购买率）

2提高业务的转化率

提高业务转化率是后端的方法。也是最有效的方法。（提高ROI的分子）可以在不增加现有营销投入的情况下，通过优化业务流程来提高访客购买率，进而提高访客的价值，并且这种提高的效果是非常明显的。如何找出现有业务流程中的问题，优化后效果如何？这些问题就需要漏斗图来直观的告诉我们了。

3提高访客的价值（提高流量的价值）

提高访客价值其实是另一种前端的方法。简单的说就是在现有访客数量不变的情况下，提高单个访客的价值。进而提高网站的总收益。

提高访客价值又分为两种情况：

1选择高质量的流量导入渠道来提高流量的价值。

访客价值低可能有多种原因，其中一种原因就是访客的属性与网站的属性不一致。比如销售汽车的网站导入的访客是学生。这就需要调整流量导入的渠道。而如何判断每个流量导入渠道的质量就需要后端漏斗图的配合。

2提高现有访客的价值。

这种方法是指提高现有访客对网站的价值。让本来只想买一件商品的访客购买三件商品。这在营销中有很多中方法。最常见的是在业务流程环境中（漏斗中）。比如，在卓越网站点击购买按钮，进入购买流程后会出现一个推荐页面，显示购买了此书的用户也购买了某某图书。这种被叫做推荐营销，或触点营销的方式就是对业务流程的一种优化。通过优化来提高现有访客的价值。

漏斗图除了转化率还有什么？

漏斗图不仅能告诉我们访客在业务中的转化和流失比率，还可以告诉我们业务在网站中的受欢迎程度（重要程度。）漏斗图中记录的数据是访问次数。通过进入业务页面的访次与整站访次的比率，可以对比出来哪个业务在网站中更受访客的欢迎。

同样，如果可以将漏斗图中的每个转化步骤与相应的页面停留时间和页面浏览量相结合，再对比每个步骤的转化与流失情况，就可以更详细的发现访客在业务流程中的具体问题了。

本文来自：bluewhale.cc/-04-17/web-conversion-funnel.html

——【所有文章及图片版权归蓝鲸（王彦平）所有。欢迎，但请注明转自“蓝鲸网站分析博客”。】——

篇4：关于门户网站焦点图设计的一些总结

最近一段时间直和焦点图打交道-重构旧代码、抽象成JS插件等等，

焦点图，集图片、文字、动态交互效果于一体的内容呈现方式，在吸引眼球(所谓焦点)、页面排版优化等等诸多方面具有十分重要的作用。这点在内容至上的门户型网站中尤为重要。

在这个过程中积累了些经验想和大家分享下，套子比较适用于像搜狐、新浪这些大门户网站，对于个人网站、商务网站不一定都是对的，另当别论～～

1，越傻瓜越好(结合第3点)

编辑们比较恨套html。特别地，对于时效性高而且频繁更新的页面，让编辑们直接在焦点图的html上套内容是最致命的。

2，即插即用，防止冲突

类名（css class）别怕长，前缀、后缀什么的没事加加看，另类点更好。

焦点图功能相对独立，很多时候都是页面发布N天了，然后突然要换一种焦点图，如果焦点图的类名过于通俗(比如什么title,head,main啊之类)，套到页面中时有发生莫名其妙的样式冲突就杯具了，

3，可视化设计器

设计一个焦点图的设计器，编辑们可以利用设计器填填数据，一键迅速生成焦点图代码。

4，样式一定要和结构、行为分离

编辑可以方便地改改字体色、背景色等等

5，尽量用html模板技术

使结构(html)和行为(js逻辑)也分离。可以考虑jquery官方的模板插件

6，对于超大门户型网站（如搜狐新浪）来说，SEO的优先级在很多时候比内容底。

为什么？因为这种类型的网站已经是人人皆知了不用搜的了。

这一点决定一个事实：可以利用JS动态产生焦点图Html代码。尽管这种类型的HTML代码是SEO不友好的！

最后一句话：对于大型门户型网站的焦点图，利用json数据结合html模板技术用js动态生成焦点图，将一大堆焦点图相关的HTML代码放到页面里面，编辑们会恨，影响网站内容的更新效率！

篇5：网站中视觉元素的设计交互设计

这篇文章所说的视觉元素是指：在一个网站中除去内容(文本、图片、视频、音频等）之外的一些元素，比如图标，背景色，以及背景图案。

视觉元素的设计是配合产品的架构意图并且引导用户交互

前文在聊到文字设计的时候，内容本身的应该是简洁、直接了当。其实视觉元素同样如此，好设计不会拖泥带水，在版式设计中，我说到很多时候可以利用留白来划分位置感，比如我的博客主题，区块直接的划分完全使用留白+对齐。但是，对于大多数的网站来说，页面空间寸土寸金，不可能有那么多“白”让设计师挥霍，这时，我们就会利用图标，背景图案、颜色来给予用户位置感，传递产品架构的逻辑关系。

图中是华南理工大学的学生网站，整个网站的视觉可谓一马平川，虽然在布局的划分中，也用到了一些视觉元素，比如区块中的小方块图标，右侧的绿色背景，但是效果非常不明显。假设将绿色背景放在标题文字下面，标题文字反白并且加粗显示，相信效果会好一些。多参看一下一些成熟的门户网站在这方面设计的方法和手段，

视觉元素的一致性

很多设计师有个习惯，在做视觉的时候，会参看大量的“漂亮”网站或者该领域成功的网站，并且借鉴其中的一些视觉元素，但是往往这样东拼西凑的设计往往会影响细节体验。

中华玻璃网在视觉设计中大量借鉴了淘宝的设计风格，向好的网站借鉴本身没有错，但要把细节借鉴到位了，并且融合自己网站的定位。来看玻璃网中的图标，各种颜色、形状非常地丰富。再看看淘宝是怎么做的：小圆角是整个网站的设计风格，不仅仅在页面的模块中用了圆角的设计，在图标的设计上，也都是圆形的设计，颜色也只用了主色调的橙色和灰色。借鉴本身不是坏事，但是要注意保持自己页面风格，品牌风格的一致性。

那些多余的视觉元素

很多网站单纯地为了“漂亮”而设计，比如在每个标题前面都要带个小图标，或者在按钮里面加小图标。给每个模块都加上一样的背景颜色等等。

再比如麦田老师的蚂蚁网，首页中的那个背景图案让我就很费解，更像是一个个人空间的模板而不是一个“平台性”的网站。在页面的布局上面，也让人感觉不够清晰，没有层次感。

来自：uitony.com/?p=38