现在，如果你想获得专业同行的认可，单凭几个浏览器截图和一段介绍语是远远不够了。在过去几年，我们见证了很多非常优秀的案例研究，甚至可以说这些案例研究自身就可堪称艺术作品。下面列出了20个最火爆的Behance网页设计/UI设计，大家可以参考下哦!Behance:设计师的大爱，它已经像Facebook、Twitter和Insagram一样深深融入了我的日常网上生活。自Behance悄无声息地创立以来，个人作品(案例研究)获得了长足的发展。现在，如果你想获得专业同行的认可，单凭几个浏览器截图和一段介绍语是远远不够了。在过去几年，我们见证了很多非常优秀的案例研究，甚至可以说这些案例研究自身就可堪称艺术作品。下面我就为大家列出网页设计/UI设计，也就是我的专业领域内本人最喜欢的前20名，以供鉴赏。ArkadiuszPłatek的Lappsy采用丰富的色彩和多个层次呈现出了美妙的效果。Arkadiusz通过多个层次和角度打造出了一个具有绝对深度的案例研究。来自AlexeyMasalov的TheNewHeroes&Pioneers采用极简主义观感呈现，作品显眼出色，朴素而美妙。Alexey作品集中的所有作品都值得花时间欣赏一下。来自FilipSlováček的Elespacio绝妙到我无法用语言形容自己对它的喜爱——这幅作品从字体到图片处理的一切都恰到好处。一个有力度并且贯穿一致的品牌对于所有数码代理商网站来说都具有绝对重要的意义。 NguyenLe的InfluencersDesigners&theirheroes中既有精美的图形、华丽的照片还有完美的配色。这个可以说是我近期最喜欢的web设计案例研究之一。Nguyen的作品集中只有单幅的作品，希望以后有机会鉴赏其他类型!JacobMattesenHansen&OzairNazir的NomaAtmosphere中充满着情绪、美感和风格。这幅作品配得上它的称号。随着你鼠标的滚动，几乎能真切体验到徜徉于艺术画廊的感觉。来自JuliánPascual的LazinessPSD主题简单明了，但作品中的所有元素都充满美感——其字体尤其引人入胜，与图像相得益彰。DenysNevozhai带来的BMW汽车仪表盘设计以美妙的方式表现出了坐在新入手奢华汽车仪表盘后的悦人感觉。整个作品从始至终引人入胜。Mike的Rucea网站设计第一部分是来自这位天才设计师的绝妙作品。从这幅作品中可以看出为什么Mike的作品集有着如此众多的粉丝和追随者。ErikHerrström&RasmusWangelin的SochiGearUpForGold中包含了平滑而显眼的图形，并通过动画效果给本身就令人难忘的作品添加了又一层深度。JoãoPauloTeixeira的UFC新视觉概念采用了自信、强烈而突出的设计风格，完美地体现出了主题和图片。这是一幅具有绝佳结合力的作品。AgencyDominion的BYoga网站层次丰富、大胆、与众不同，相当出彩。这是整体呈现与原创设计紧密相绕从而吸引眼球的又一绝佳范例。作品的颜色搭配尤其出彩。KarolKos创作的BetitMobileAppFootball颜色深沉，充满情绪和平滑感。其产品概念和UI对细节的表现如此明确而尖锐，让人忍不住想下载这款应用一度阵容。SergeMistyukevych的DiscoveryChannelIpad聪明地使用浏览器和设备截图层叠在不显眼的黑色背景上，呈现出了一种圆润而华丽的感觉。VadimSherbakov带来的RosbriDecorationStudio采用了柔和的配色和字体，给整个作品打造出了优美的感觉氛围。Vadim作品集中的所有作品都有着美妙的外观和感觉。JakubAntalík的Badooconcept大胆而简约，其呈现时采用了动画效果，用“优秀”来形容简直有些词不达意。Degordian、MarioŠestak、MarkoCvijetić&HrvojeGrubisic的SocialpuzzleToolandWebsitePresentation以简约而美妙的方式呈现细节，几乎面面俱到——这幅作品真正提高了Behance的逼格。来自DimaShvedun的SpleatiPhoneApp干净、精准而高雅。这是我所见过的使用多角度设备截图的最佳范例。Dima的所有作品都非常大胆、干净、简约。AymanShaltoni的Instagram新设计理念让Instragram的粉丝眼前一亮。我个人非常喜爱Ayman对界面的处理。整个界面以图片为主，呈现效果非常完美。 RuslanAliev的CinemaOnline是在设计中应用黄金比例网格的一个突出示例。以动画效果呈现的图示突出了整体框架的各个组成部分，让这幅作品达到了“优秀”的高度。GarthSykes&MattWeston带来的猩球崛起：黎明之战网站是这篇文章的压轴大戏。整体作品中蕴含了数不清的细节，完美的图形和恰到好处的动画效果使其引人入胜。这个案例研究因为嵌入动画比较多，所以加载时间可能略长，不过好饭不怕晚嘛。站三界导航：https://www.zhansanjie.com
购买域名的注意事项： 1.域名管理权限(比如多少个子域名，多少个转发，可否修改DNS服务器)。2.域名续费价格(买的时候可能挺便宜，二十、三十块一年，但是第二年呢?不是这个价格了吧。有人说，我不在这续费了就是，没那么简单，看下一条)。 3.域名是否自由转出，或者是域名转出价格，要求。(好不容易抓住的一个摇钱树，怎么能轻易就放你走呢?有的域名注册商甚至开出上千元的转出费用，让你无可奈何，只有继续续费) 4.域名注册商的资质(举个例子，如果你在一个普通的代理商那里注册，万一他不赚钱，不干了，你的域名找谁去续费?你的域名怎么管理?如果代理商的网站出问题了，程序有缺陷，进不去，慢的要死...这个问题应该很严重吧)购买空间的注意事项： 1.根据你的实际需要购买合适大小的空间(你可能有钱，但若是为了建一个单用户BLOG去购买了一台主机，肯定有精神分裂症)。 2.注意空间的配置，这一条有必要详细说下：脚本和数据库：如asp脚本，php脚本等等，如果支持asp，就一定要有access数据库，php要有mysql等等。假设你要建一个论坛，只有html是不可能的。对于数据库，有的是和主机空间共享大小，有的给你固定大小的数据库，要看清楚。还有就是脚本和数据库的版本，一般没有问题，当然是越高越好。IIS连接数和流量：一般论坛建议至少500，流量只要不是下载站，一般50G一个月就足够了。数据安全：这一条尤为重要，没有好的防护措施，你的网站做的再好也是不堪一击。至少要有硬防。空间带宽：空间，放在第一位的就是速度，没有速度什么要不用说。一般的空间服务商都是100M共享，这个不好区分，最好是试用一下。支持双线：你买的空间你自己访问可能挺快，但是如果不是双线的话，理论上你就缺少了一半的访客，地方站除外。域名绑定：建议不要可以帮定目录的空间，有利也有弊，利是你可以建多个网站在同一个空间，弊是别人也可以，等网站都建起来了，网站的速度也就一个一个都成蜗牛了。 3.和域名一样，空间服务商的资质，很重要，空间讲究的除了速度，就是稳定。 4.技术支持：万一出了点问题，没有客服的时候能让人抓狂。最好是有24小时的值班电话，一般正规的空间服务商都会有的。 最后，总结一下：便宜的并不一定真正的便宜。域名和空间服务商也要赚钱吃饭。
2006年，分类信息网站的数量就达到2000家，之后市场开始萎靡，甚至一度传出对分类信息网站不利的传言，再之后58同城在众多分类信息网站中率先脱颖而出，在美国纽交所上市，而赶集网也将上市提上了议程。 既然分类信息网站能够从众多的互联网当中杀出一条血路，找到自己的“兴奋点”，且有如此众多的用户参与进来，说明它的重要性。但移动互联网就像“死神”一样，四处收割着“落后者”的生命，跟不上前进的队伍，就只能被剔出来，很不幸，部分分类信息网站被“收割”了。 他们注定是要被淘汰的，但我们不能遗忘历史，也许从他们“落后”的影子里，可以找到一些自己的不足。即使2000家分类信息网站最终剩下200家，可在如今移动互联网的大好时代下，仅剩下三家，让人不得不深思，分类信息网站为何会在移动互联网时代落后呢？ 内容的“断层”对于分类信息网站来说，内容来自于商家/用户自己主动上传，商家/用户想要让自己的房产、招聘、生活服务、跳蚤市场等信息能够有更大的展示空间，就必须上传到分类信息网站上去，相对应的另外一部分信息需求者会通过这些内容来找到相关的需求，分类信息网站起的是一个网上的信息“中介所”作用。 在PC端用户上传内容是非常方便的，但是如今到了移动端，用户的设备是移动设备，和电脑完全不同，但是分类信息网站的内容仍旧是PC端的内容。不少网站管理者甚至任性到连分享到微信的按钮都不提供，更有甚者任性到手机站都不做一个，用户在手机上看到的站点，依然是充满“狗皮膏药”的PC端的内容，浏览起来就像是遇到诈骗。 很明显的是，在移动互联网出现的这个时间段内，分类信息网站并没有很好的将内容实时转移，即PC端内容与移动端内容不互通，这里主要体现在两个方面，一个是PC端的内容转移到移动端来，比如移动社交工具，另一个是移动端制造内容的能力，如果仍旧是“狗皮膏药”式的PC站，用户会有兴趣通过手机来分享内容吗？此时大多数用户的上网工具是移动终端，而不是PC，分类信息网站在移动端的内容制造能力，是有缺陷的。 作为一个以内容为中心的平台，如果连内容都不复存在了，那么平台还有什么存在的价值呢？很明显分类信息网站自身并没有认识到这一点，或者说他们更多的还是在走广告的路子，在想着法子盈利着，根本没有想过内容对于平台的核心价值，而这个是致命的。就那么随意的用着旧的百度分享代码，连微信都无法分享，你们是有多落后还是有多懒呢？用户的“消失”就像遇到了流沙一样，用户莫名其妙的就消失了，但真的是莫名其妙吗？内容“断层”的严重后果是，另外一部分需要接受信息发布者的信息却没有了，本来他们是存在这个需求的，现在却找不到房子、招聘、二手物品。 当用户找不到他们需要的信息，用户就会离开这个平台，去下下一个能提供给用户相关信息的地方。用户流失后，商家看到自己发布的信息没有人来浏览，没有实际效果，商家也会从平台上流失，这是一个“骨牌效应”，是连带着的行为。一面是用户“消失”，一面是“商家”消失，两者都给分类信息网站带来致命伤。分类信息网站的盈利模式有三种，一种是广告模式，各种贴片广告，一种是特权模式，即商家花钱购买特权，一种是用户模式，去广告模式，这几点都无法离开用户而存在的，用户都不存在了，他们的“奶酪”哪里还有呢？资本“迷局”要想在诸多的移动APP中分一杯羹是不容易的，还是一个非热频应用，困难就更大。无论是开发手机网站还是开发Android、IOS客户端，都是一笔不小的费用，传统的分类信息网站组织架构中，更多的还是网站建设高手，Android、IOS开发团队并不多，而且Android、IOS开发者的工资是很不菲的，这对于处于夕阳期的分类信息网站来说，无异于痴人说梦，团队是无法拿出如此巨大的资金来投入到开发移动端上来的。要知道彼时的网站运营、网站营销、网站建设等人员还是有价值的，通过分类信息网站自己的方式，还是能获取到不少流量的。一边是团队的唯唯诺诺，一边是资本市场的加入。 2014年6月27日晚间，腾讯宣布投资7.36亿美元收购58同城完全稀释后约19.9%的股权，这是58同城获得的第四轮融资。2014年8月12日赶集网宣布获得老虎基金和凯雷投资新一轮2亿美元融资。与58同城和赶集网不同的是，其他的分类信息网站并不明白资本这个局该怎么玩，他们该如何入这个局，如此众多的分类信息网站，也仅看到屈指可数的几家获得投资而已，更多的，还是在默默地耕耘着。移动互联网时代，早就不是“单兵作战”时代，没有持续的资金注入，哪来更大的施展空间呢？而且Android、IOS的开发个建设都是一笔不菲的费用。资本市场的力量无疑是巨大的，它们为移动互联网注入了新鲜的“血液”，让更多Ider得以实现。58同城和赶集网和资本玩家们结合的非常好，58同城甚至还顺利上市。对于大部分分类信息网站来说，他们根本就没想过要和资本市场接触，毕竟还能守着“一亩三分地”换点流量零花钱呢，资本市场的进入，会瓜分他们仅有的“奶酪”。此时，反观58同城、赶集网在做什么呢？前不久，58同城2000万美元投资e代驾，赶集网表示未来会投资1亿美金进入二手车O2O市场，他们对内容在不断的加深加厚加稳固。当然，也许你会说这是他们“成功”之后的故事，那么在成功之前呢？此时，不少分类信息网站还在交换友情链接（SEO的手段之一）呢。分类信息网站有一个硬伤是时效性，比如租房、跳蚤市场、招聘等，对时效性的要求都特别严格，甚至一个星期后的内容都会变成无效的，这就要求分类信息网站必须有源源不断的新内容添加进来，以满足用户的信息需求。分类信息网站并不只有一个网站，它是分布到全国各地的，也就是说需要全国各地同时每个类目内每段时间都需要有内容添加进来。可是，连网站都如此滞后的分类信息网站能满足用户的需求吗？ 和团购网站类似的是，当顶级的平台出现后，周边的小的平台很难有生存的机会，58同城、赶集网和易登网、列表网、今题网、酷易搜、快点8、去114等是直接的竞争关系，58同城、赶集网越强大，它们的机会越小，越没有生存空间，内容、用户全都跑到大平台上去了，小平台肯定无人问津。对于信息流来说，移动端是一个非常分散的地方，手机网站、APP等都有可能成为用户接入信息的入口，分类信息网站要想满足如此之多的入口，肯定会有人力有不逮，一旦出现这种状况，就很有可能被直接淘汰。 互联网的历史记录中，留下了众多无名的“尸骨”，当搜索引擎的价值降低以后，那些留名的，也会被“淹没”吧，分类信息网站就是例子，恩，前人的前途很明亮，比如58同城和赶集网。
编者按：师傅领进门，修行在个人，不过想将门外的用户领进来，可不是件轻松的活儿。今天分享几个细腻的技巧，帮你润物无声般提高用户的登录体验，大多是从顶尖企业的设计里提炼出来的，实用性很强，来学习咯。 提升用户体验的最好的方法，或者更确切的说让产品更棒，都可以归结为让用户使用产品的整个体验更为简单。而对于如何提升登录过程的体验你有许多可以做的。 这里我们将探讨提升登录过程体验的五种方法，首先会提到两种不同的登录类型，紧接着我们将会讨论标签的重要性和资源占用的问题。 登陆类型：用户通常有两种不同的方式来登录一个网站。最新的一个方式是通过某社交网站的账号采用第三方授权登录的方式，这种方式在很多app上都可以看到。对于一个新的app或者产品而言，如果不想打搅用户去填写创建一个账户，这是尤为正确的一个做法。譬如通过Facebook或者Twitter去登录是轻而易举的事情，因为你只要点击一个按钮，然后等上几秒钟去连接上社交网站就可以了。 另外一种方法是通过提供用户名或者邮件地址以及密码来登录。这是一种比较常用的且可以提升其用户体验的登录方式。这里所说的技巧也是和这种登录类型相关的。所有登录类型都各有利弊，而现在我们主要讨论一下如何提升这种比较典型且传统的登录方式的体验。 1.允许邮箱登录我们常常能看到一个网站在注册的时候不需要填写用户名。使用邮箱去登陆也是很正常的，对吗?要么使用用户名，要么使用邮箱，我觉得这都没什么问题。请两种方式都允许，我的问题就是当邮件登陆也应该被允许的时候为什么只认用户名呢。我有遇到过那种用邮箱或者用户名都可以登陆的，但标签信息只显示“用户名”，设计上这是一个缺陷。总的来说是这样的，通常用户使用的都是相同的邮箱地址登陆，但并不一定使用的是相同的用户名。比如说，我Twitter账号的用户名和我Instagram的用户名就不一样，因为有用户在Instagram上已经注册使用的用户名跟我在Twitter上使用的一样，就是这么巧。而且除此之外，我OKCupid账户的用户名跟其它账户也不一样，而这一回是我故意的，因为在OKCupid里我不想让别人知道我的全名。然而，所有的这些账户都可以使用相同的邮箱登陆。不管什么方案，在登陆的时候用户名和邮箱都被允许使用的话对用户来说的确将会方便很多。 2.提供一个清晰的错误提示信息说到登录，你为用户提供的反馈信息是多了还是少了其实是比较讲究的。信息过多可能就会被黑客利用，而信息过少可能又会增加用户的困惑。我们得承认那种系统自动生成的错误提示比如“无效的输入”对用户来说并没有帮助。错误提示应该用比较通俗易懂的语言。如果你想在用户体验上更好，你可以使用Javascrip来帮助用户提前确认输入信息的正确性。 有一个最好的案例，就是在智能手机上用户错把.com输入成了.con或者说小点也忘了输入，系统都可以识别并且及时提醒。在用户点击提交或者在输完所有信息前就可以预先看到反馈信息，知道自己输入的信息正确与否。而用户的生活也因此变得更简单，因为它节省了用户的时间。(如果你有安全方面的担忧，错误消息提示信息不用特别的具体) 3.为用户提供找回密码的链接你可能会觉得这是显而易见的事情，但有些网站就会忽略掉它。你常常会想要一个链接来找回忘记的密码。(忘记用户名也是!)不要将这个链接藏起来或者要让用户经历多次失败的尝试、历经千辛万苦才找到它。要让它时刻准备着。它并不一定要在显而易见的地方;它也不是说有那么重要;但它就是应该出现在登录表单的周围。 4.别干扰用户一般来说有两种方式来设置登录，一种是在页面上方的窗口登录，还有一种是有单独的一个登陆页面。对于采取单独页面的登录方式的确是有一些优势的。然而，如果你采取了这样的方式，请记住在登录页的周围不要有太多的干扰信息，你首先想要的是用户登录进账户，然后才是产品推广诸如此类的信息。用户登录后，想要推销一些东西给用户就会变的容易许多。 此外，我要提到保留和转换的问题。对于用户来说干扰越少，用户就更轻易的可以登录，使你进一步推销产品。如果这种方法对于注册表单和结账系统都奏效的话，那么也应该同样适用到登录。而且页面上的无关的条目少了，加载的速度也会变快的。 5.重要的标签任何表单(控件)上的文案及位置都很重要。你无论做什么，不要把“提交”的按钮写成“提交”，而是用“登陆”代替。就是这么简单。这样可以让用户知道和预想到点击后的确切的事情。它提高了用户体验并且对你来说帮助很大。避免只有一个输入框让用户填写，至少也要放一个图标在里面，但最好还是使用一个输入标签来提示用户该填写什么。不要忘了明确，用邮件和用户名的方式都可以登录。总结好了，要说的就是这些。5种巧妙的提升登录过程用户体验的方法。我希望这几条能对你有所帮助并且按照你所期望的那样去使用。它们能让用户的登录过程很顺畅，一切都是为了让事情变得更加简化和方便!
本文作者是网站Froont.com的联合创始人SandijsRuluks。当我发现设计网页有多投机取巧的方法之时，就逐渐开始对手打网页代码失去兴趣。的确，许多网页设计的问题并不止一种解决方案，但是很少有方案能解决所有的浏览器兼容性问题。最令我纳闷的是，为什么会有做设计和写代码的分工?随着技术的发展，许多在过去难以解决的问题现在可以轻松搞定，但为什么与此同时一些简单的事情反而越来越难以实现?这些问题的答案并不是简单的是与否，对与错，也许我们需要从网页设计的整个发展历程来寻找答案，找到真正弥合设计与代码之间隔膜的原因所在。 温故历史之前，不妨看看2014年最优秀的网页设计：《爱不释手!2014年最佳的20个优秀网页设计》网页设计：黎明前的黑暗(1989)在互联网真正开始之时，黑色的显示屏仅能显示单色的像素。可以说，当互联网天地初开之时，WebDesign仅仅意味着字符和空格的排列组合。虽然图形化的界面早在80年代初就有了，但在此时普及率并不高。直到90年代，图形化界面才真正进入千家万户，而那时候，才是属于互联网的狂野西部。 表格(table)：网页的兴起(1995)能够显示图片的浏览器的诞生，是促使网页设计这个行业诞生的重要先决条件。实际上在当时，最接近于信息结构化的概念，是HTML中已有的元素：表格(Table)。所以，DavidSiegel在他的网页设计书《CreatingKillerSites》讲述了他设计优秀网站的秘诀：在表格中嵌套表格，将静态的表格和动态的表格以巧妙的方式结合到一起。尽管表格本身是用来承载数据的，用来承载内容和图片有点奇怪，但是在那个时代，这种方法依然显得颇为靠谱，并且大行其道。 网页设计所面临的另外一个问题，就是如何保持网页那脆弱的结构。也正是因为这种需求，切片设计(SlicingDesign)逐渐流行了起来。设计师创建出漂亮的网页布局，随后开发者将整个设计稿切片，找出呈现设计的最佳方法。另一方面，表格还有一些炫酷的功能，比如垂直对齐，以像素为单位或者以百分比来控制对齐。在那个时代，表格可是近乎栅格系统一般的灵活的设计神器，也正是因此，那个时代的开发者并不喜欢前端的代码。(表格嵌套表格有多乱?)来自JavaScript的救援(1995)JavaScript的出现补足了尚且原始的HTML。举个例子，如果你想写个弹出窗，或者想动态修改某些对象的顺序?HTML不行，但是JS可以!不过此时JS的主要问题在于，它处于整个网页布局的顶层并且需要单独加载。很多时候它仅仅被懒惰的开发者用作一个简单的补丁，但如果使用得当，JS可以非常强大。今天，同样的功能如果CSS能实现，我们会尽量避免使用JS。不可否认的是，JS本身确实很强大，前端常用的jQuery，后端的Node.js都是不可多得的好东西。Flash：自由的黄金时代(1996)作为一门新技术，Flash为网页开发者/设计师带来了前所未有的自由，它打破了之前网页设计所固有的限制。借助Flash，设计师可以随心所欲地在网页上展现任何形状、布局、动画和交互，可以使用任何喜欢的字体，他们借助Flash熔于一体。所有的这一切最终会被打包成为一个文件，然后被发送到浏览器端显示出来。这也就意味着，用户只需要拥有最新的Flash插件和些许等待时间，就可以享有一个魔术般的网页。这是启动页面(splashpages)、介绍动画以及各种交互特效的黄金时代。不幸的是，这种设计并不开放，也不利于搜索，还需要消耗计算机大量的运算能力。2007年，当苹果发布他们的第一台iPhone的时候，就决定彻底放弃Flash，也正是在这个时候，Flash开始走下坡路——至少在网页设计领域。CSS的诞生(1998)差不多是在Flash崛起的同时，一种更好的网页结构化设计工具CSS诞生了。CSS的基本概念是将网页内容的样式分离出来，所以网页的外观和格式等属性将会在CSS中被定义，但内容依然保留在HTML中。早期版本的CSS并没有现在那么灵活，和许多新事物一样，它最大的障碍在于许多浏览器还没来得及接纳这一新技术，对于开发者而言，这是一个头疼的事情。需要明确说明的是，CSS并非全新的编程语言，它仅仅只是一种声明性语言。那么网页设计师需要学习编程吗?可能需要。但是网页设计师需要懂得CSS么?当然需要。 栅格与框架：移动端的崛起(2007)此刻，在手机上浏览网页本就是一种全新的挑战。设计师除了要为不同设备设计不同的布局，还面临着内容控制的问题：小屏幕上展示的内容要和桌面端一样多，还是需要剥离开来?桌面端网页上闪亮精致的小广告要如何在手机上呈现?加载速度也是一个大问题，移动端设备的网络加载速度不够快，而且桌面端网页会消耗大量的流量。网页设计亟待改进。 第一个重大的改进是栅格系统的出现。经过摸索，960栅格系统最终胜出，经典的12栏栅格被设计师们广泛的接纳，甚至成为许多设计师最常用的设计工具。接下来，各种常见的设计元素诸如表格、导航、按钮被标准化，打包成为可复用的套件，这基本上就构成了视觉元素库，其中还纳入了常见的代码。其中最典型的代表就是Bootstrap和Foundation，它们也使得网站和APP之间的界限逐渐模糊。当然，它们也不是没有缺点，借助这些库设计出来的网页往往大同小异，而且网页设计师要想使用它们还得深入了解相关的代码知识。响应式网页设计(2010)惊才绝艳的设计师EthanMarcotte决定挑战传统的网页设计，它让网页在内容不变的前提下，布局随着窗口和屏幕的变化而变化，并且将这种设计命名为响应式网页设计。网页设计师依然只需要HTML和CSS就可以实现这种功能，不得不承认这种设计理念非常超前。不过大家对于响应式设计依然有些许误解。对于设计师而言，响应式设计意味着为设计许多不同的布局。对于用户而言，响应式设计就意味着这个网页可以在手机上完美浏览。对于开发者而言，响应式设计意味着如何控制好网站图片应付移动端和桌面端，在不同情形和语义下，拥有良好的下载速度和呈现效果，等等。简而言之，就是一个网站能在任何情况下良好展现。至少在这一点上，所有人能达成共识。 扁平化的时代(2010)设计网页布局总会花费大量的时间，好在这个时候我们开始抛弃复杂的光影效果，重新专注于根本的内容呈现。在此之前，网页设计讲求精美的图片和排版效果，漂亮的插画与周到的布局设计，而简化这些视觉元素之后，就是我们说所的“扁平化设计”。将复杂的效果淡化之后，视觉的扁平化，也促使内容和信息层级的扁平化。充满光影特效的按钮被扁平化的图标所替代，矢量图形和图标字体也开始被大范围使用，网页字体和版式设计的结合令网页视觉更加漂亮。有趣的是，这时候的网页设计开始有返璞归真的感觉。光明的未来(2014)技术的革新已经开始将网页设计推动到一个全新的境界。在许多设计平台上，设计师只需要在屏幕上移动不同的控件就可以生成整洁可用的代码出来，并且这些代码非常灵活，可控度极高!试想一下，开发者无需担心浏览器兼容性，可以专注于更加实际的问题!新诞生的概念正在推动网页设计。CSS中新诞生的属性，诸如vh和vw(viewportheight与width)，就使得网页元素的位置控制更加灵活自由，一次性解决了设计师纠结多年的顽疾。作为CSS一部分的Flexbox则是另一个新事物，它可以快速创建布局，轻松修改属性而无需编写过多代码。网页设计正在飞速发展，未来还会有越来越多的创新，就让我们拭目以待吧!
干货足的文章基本都好长，难得能看到一篇短文还有些料，马上插播进来分享给大家。许多初创公司的命运几乎完全取决于一个转换点：访问者何时转换成用户。很多时候，这个关键的任务落在了再普通不过的“注册”按钮的肩上，而这个可怜的按钮在产品开发中却往往得不到任何考虑和关注。如果你花一点时间来考虑注册按钮的措辞，也许就能大幅增加注册用户转化率。(当然在访客成为用户之后的事情至关重要，但一旦你有了用户的邮件地址，事情都会变得容易得多。)各初创公司的注册按钮为什么“注册”按钮起不了作用它们被忽略了当访客重复看到许多网站都共有的元素时，就会开始不自觉地忽略了那些元素(又名“习惯化”)。不论这些注册按钮是蓝色还是绿色，甚至是地狱火一般的橙色。 它们的要求很盲目别以为访客知道你为什么让他们注册，人们不会细细阅读网页，通常都是浏览。他们很可能轻易错过关于免费试用或是产品能提供的主要好处的部分。它们没有提供任何价值要求“注册”对更改访客的想法没有任何帮助，他们的想法不会从“我为什么要注册?”到“我要注册!”如何通过注册获得更多的用户让它和产品紧紧联系在一起如果你的产品是比特币交易的云服务软件：你可以说“开始比特币交易”，或者如果是给艺术家们提供的在线市场：可以用“开始出售作品”。这能防止用户忽略你的注册按钮。 给予，而不是索取“获得访问”和“注册”做的是同一件事情，但是一个会让人觉得他将获得一些好处，而另一个不会。鼓动人们采取行动可以在文案中使用行为动词，例如获得，开始和尝试等。 这里有一些做得不错的初创公司的案例：经过处理的注册按钮(在这些成功的案例中，我尤为喜欢gliffy的“StartDrawing(开始绘制)”，这个按钮暗示了上手的速度之快，而且直接关系到他们的产品：这是一个让用户方便地绘制图表的应用)案例分析：改变两个字就能换来3倍的点击。举一个我一起合作的公司为例。像许多初创公司一样，Scalyr——一个日志汇总和监控工具——在其网页上要求访客“注册”，我建议将按钮改成具有说服意味的“免费试用”，并对这个版本进行测试，让我们来看看发生了什么：“免费试用”获得了212%的点击增长。 你自己也试试吧！尝试对你的“注册”按钮做些变化，例如表达出给予、说服的语义，并将它和你的产品联系在一起，然后测试一下这些变化。这是最简单的测试之一，并有可能对你的转换率产生巨大影响。如果你听取我的意见，那么几乎可以肯定结果会比要求用户“注册”来得更好。站三界导航：https://www.zhansanjie.com
网站建设之前一个重要的工作就是开展评估工作，而评估工作的结果能够引导建站方案的构建，所以评估工作的开展是否全面对于建站方案会构成极大的影响，而建站方案又会对后续的运用产生关键性的影响，由此可见评估工作的重要性。但是从当前很多站长的建站流程来看，很少重视评估工作，甚至连建站方案也没有开展，就直接购买一些建站程序开始建设网站，导致网站的生命周期极短。那么如何开展网站评估工作呢?笔者以构建一个品牌性的且可以持续盈利的网站为例来分析评估内容。第一，市场评估。 如果你要建设一个网站，不对你网站所面临的市场进行充分的调研显然难以成功，比如你要建设一个类似京东的电商网站，却没有对建设这种网站的当前市场情况进行分析，就很难寻找合适你的细分市场，而且也没有办法应对这些已经在市场上根深蒂固的老牌网站的竞争。由此可见进行市场评估能够有效规避和老牌网站直接的竞争，并且选择合适自己的细分市场，并由此赢得先机。第二，评估市场前景。 当选择了一个细分市场之后，你要对这个细分市场进行全面的评估，比如你要做一个人才类型的垂直细分网站，而且是某一个县级人才网站，如果这个地区县属于贫困落后县，当地的人才招聘相对比较低端，此时你要建立一个立足高端的县级人才市场显然就没有很大的市场发展前景。由此可见通过分析市场的未来发展前景才能够据此选择网站建设的方向。 第三，定位评估。知己知彼百战百胜，在这里知己无疑是最为关键的，而知己就需要通过定位评估来实现，要认识到自己的优势和长处，然后结合你选择的细分市场进行路演，如果发现自己的能力难以驾驭这个市场，那么还是提前退出，重新进行市场定位和选择。当然如果发觉自己的能力如果再稍微进一步就能够驾驭，那么就可以选定这个市场进行开发。当然如果发现这个市场自己能够充分驾驭，此时还可以适当放宽这个细分市场，让自己能够获得更多的利润空间。 第四，评估竞争对手。这就是知彼的环节了。如果对于竞争对手不进行全面的评估，就难以在这个竞争的市场中获得先机，也难以开展自己的工作。对于竞争对手的评估要遵循优势和劣势分析，然后通过不断优化自己来战胜竞争对手。第五，盈利模式的评估。如果你构建一个网站不知道如何赚钱，那么运营再好的网站也难以长期的坚持下去。盈利模式不仅要从传统的盈利模式出发，同时还需要进行少许的创新，并且能够和同类网站体现出不同的特征来，然后在建设网站时根据这种思路进行创新就能够体现出自己网站的与众不同，当然这种盈利模式的创新是在充分论证的基础上实现的，而不是一时的心血来潮。 最后就是有关流量和网站建设的成本方面的评估，这些内容对于网站方案的设计同样起到重要的影响，对于流量来说要从评估流量来源渠道着手，而建设成本则要考虑到自己能否承受先期的投资，只有经过这些全面的评估之后，才能够保障建站方案的全面，从而确保网站的利润。谢谢阅读，希望能帮到大家，请继续关注站三界导航，我们会努力分享更多优秀的文章。
对建站用户来说，价格适中是一个重要的必须考虑的决定因素之一。就网站的价格而言，同一个网站，不同的网站建设公司虽然有着不同的价格，但价格的差异不应该太大，否则价格过高的网站建设公司就有乱收费的嫌疑了，而报价过低的网站建设公司则有着低价劣质的嫌疑。对用户而言，合理地评定一个网站在建设上的价格，对维护自身利益是有好处的。那么建站用户该如何评定一个网站建设的价格呢?这里，笔者就来分析一下网站建设价格高低是由哪些方面决定的。 一、从网站规模的角度来看：一般来说，网站的规模可以在某种程度上决定着网站建设的价格。大规模的网站显然价格是要高一些的，因为其网页数量、图片数量、建站周期都相对较长，而规模较小的网站价格一般都不太高，除非有一些特殊要求的网站。在笔者看来，一般50个网页以内的网站都属于小规模网站，价格通常在1000-2000元之间，而50个网页以上200个网页以下属于中等规模网站，价格通常在2000-4000元之间，200个网页以上500个网页以下的网站可算是规模稍大的网站，500个网页以上属于大规模网站，价格自然也就高起来了，这些都是定制类型的网站，而模板式的小规模网站通常价格都在1000元左右。如果没有特殊要求，规模越大，价格越高。有特殊要求的网站价格则另当别论了。 二、网站建设公司的运营成本也影响网站建设价格：网站建设公司的运营成本对建站价格也有影响。如果网站建设公司运营成本高，那么无疑建站价格也会整体上高起来，运营成本低的网站建设公司在价格上就会有更大的回旋空间。这正如我们卖衣服一样，到小摊上买一件衣服呀，一般价格会低一些，甚至还有很大的讨价还价的余地，而去大超市和专卖店买衣服，价格就会高很多，这与网站建设的价格高低是一样的道理。但是有一点，运营成本高的有时候做的网站相对较好，更上档次，而运营成本低的网站建设公司则可能因为技术力量薄弱等原因，网站做的也可能相对质量低一些，具体的情况还要由用户具体观察和分析才行。 三、从网站功能的角度来看：网站功能的多少和复杂程度，也决定着网站建设的价格。有的用户对网站功能要求不高，能够显示页面信息、页面上只需要图片和文字，甚至也不需要数据库支持，这样的网站做起来会很快，也很简单，当然价格也低一些。而有的用户则要求网站功能相对复杂，既要求有新闻发布系统，又要求具备招聘系统，甚至还要求有新品发布功能、营销互动功能等，这样的网站可想而知，价格肯定低不了，无论让哪一家网站建设公司来做，都不可能很低。功能多了，就会耗费更多的时间去制作图片和编写代码，这些无疑都会推高价格。 四、从网站设计的角度来看：网站设计的好坏，设计时花费的精力与时间等，也是决定网站建设价格的决定性因素之一。有的用户对网站界面的要求不高，一般般过得去就行，这样的网站对于网站建设公司来说，可以说很容易就建设好了，这样的网站价格一般不会很高。而有的用户则对网站界面设计的要求是很高的，特别是一些大公司的网站，对网站界面的要求非常高，这种网站对于美工和编码人员来说，都很耗费时间，自然建站成本就高起来了。不仅网站界面设计如此，其他的设计如网站结构、导航系统等，这些设计都需要耗费时间，如果要求高的话价格自然水涨船高。 五、网站是否要求后期维护和优化：一般来说，网站建设公司都能提供一条龙式的服务，从网站建设到网站优化，从网站维护到网站推广等，都可以为用户提供服务。如果用户只简单地建一个网站，那么网站建设公司不太可能会提供给用户较为优惠的价格，而如果用户在网站建设完毕后还要求用户负责维护和优化，甚至还包括推广等服务，那么网站建设公司一般都会在建站价格上给用户优惠一些，毕竟用户要求的服务比较多，多了价格自然就会低一些。有的用户还会租用网站建设够公司的网站空间，甚至让网站建设公司全盘负责网站的运营，这样一来，网站建设公司甚至为用户免费建设网站都有可能了。 一般来说，评定一个网站的价格的标准有很多种，无非是由服务质量、做网站的好坏、运营成本、功能要求等原因来决定的。了解了这些，想必用户已经在大体上知道建站的价格了，也知道如何向网站建设公司咨询建站价格了。但是，有一点是用户常犯的毛病，那就是有的用户总是一味地压低价格，而不管网站建设公司的成本，这实际上不利于网站建设公司与用户之间的合作，这样的用户一味地追求低价格，可能会找到一家不负责任的网站建设公司，结果影响了自己的网站建设，这是用户应该避免的。
编者按：最值得收藏的色彩设计方法!色彩搭配是一门花样繁多的学问，但任天下奇招再多，独孤九剑总有破法，今天阿里的同学这篇色彩设计方法，仅有简单3大类，但囊括了众多顶尖的配色技巧，不可多得的集大成篇，别错过咯。 为什么要整理设计色彩方法?在色彩设计应用中，我们对颜色不同程度的理解，影响到设计页面的表现，熟练地运用色彩搭配，设计时岂不事半功倍。一张优秀的设计作品，它的色彩搭配必定和谐得体，令人赏心悦目，反思我们在设计过程中，怎样的色彩搭配更容易达到设计目的，又是什么影响了我们的配色思维呢? 以下几点常会影响色彩搭配思维： 1.仅关注色彩表象 2.搭配方法不够系统 3.色彩与构成掌握不到位首先，我们简单理解一下色相和色调概念：接下来我们按三个大类的配色方法，结合一些案例，分析色彩在页面中的应用手法。一、色相差而形成的配色方式1.1有主导色彩配色这是由一种色相构成的统一性配色。即由某一种色相支配、统一画面的配色，如果不是同一种色相，色环上相邻的类似色也可以形成相近的配色效果。当然，也有一些色相差距较大的做法，比如撞色的对比，或者有无色彩的对比，但这里先讲述带主导色的配色案例。根据主色与辅色之间的色相差不同，可以分为以下各种类型：1.1-1同色系主导1.1-2邻近色主导1.1-3类似色主导1.1-4中差色主导1.1-5对比色主导1.1-6中性色主导1.1-7多色搭配下的主导…1.1-1同色系配色同色系配色是指主色和辅色都在统一色相上，这种配色方法往往会给人页面很一致化的感受。twitter的案例整体蓝色设计带来统一印象，颜色的深浅分别承载不同类型的内容信息，比如信息内容模块，白色底代表用户内容，浅蓝色底代表回复内容，更深一点的蓝色底代表可回复操作，颜色主导着信息层次，也保持了twitter的品牌形象。 观点：颜色差分割页面层次和模块，并代表不同功能任务属性。多有范儿的色带，想自己来一个吗?看教程!《配色弱有救了!教你利用图片创建独有的色彩方案!》1.1-2邻近色配色近邻色配色方法比较常见，搭配比同色系稍微丰富，色相柔和过渡看起来也很和谐。ALIDP的案例纯度高的色彩，基本用于组控件和文本标题颜色，各控件采用邻近色使页面不那么单调，再把色彩饱和度降低用于不同背景色和模块划分。观点：基于品牌色的邻近色运用，灵活运用到各类控件中。 1.1-3类似色配色类似色配色也是常用的配色方法，对比不强给人色感平静、调和的感觉。BENMAPT的案例红黄双色主导页面，色彩基本用于不同组控件表现，红色用于导航控件、按钮和图标，同时也作辅助元素的主色。利用偏橙的黄色代替品牌色，用于内容标签和背景搭配。 观点：基于品牌色的类似色运用，有主次地用到页面各类控件和主体内容中。 想用红色玩出花样?来看顶尖设计师的杰作!《洒一腔热血!35个热烈奔放的红色色调网站设计》1.1-4中差色配色中差色对比相对突出，色彩对比明快，容易呈现饱和度高的色彩。facebook的案例颜色深浅营造空间感，也辅助了内容模块层次之分，统一的深蓝色系运用，传播品牌形象。中间色绿色按钮起到丰富页面色彩的作用，同时也突出绿色按钮任务层级为最高。深蓝色吊顶导航打通整站路径，并有引导用户向下阅读之意。 观点：利用色彩对比突出按钮任务优先级，增加页面气氛。1.1-5对比色配色主导的对比配色需要精准地控制色彩搭配和面积，其中主导色会带动页面气氛，产生激烈的心理感受。YouTube的案例红色的热闹体现内容的丰富多彩，品牌红色赋予组控件色彩和可操作任务，贯穿整个站点的可操作提示，又能体现品牌形象。红色多代表导航指引和类目分类，蓝色代表登录按钮、默认用户头像和标题，展示用户所产生的内容信息。 观点：红蓝色反应不同交互和信息的可操作性，针对系统操作和用户操作的区分。 1.1-6中性色配色用一些中性的色彩作为基调搭配，常应用在信息量大的网站，突出内容，不会受不必要的色彩干扰。这种过配色比较通用，非常经典。Bechan的案例黑色突出网站导航和内容模块的区分，品牌蓝色主要用于可点击的操作控件，包括用户名称、内容标题。相较于大片使用品牌色的手法，更能突出内容和信息，适合以内容为王的通用化、平台类站点。观点：利用大面积中性色作为主导色，品牌色在这里起到画龙点睛的作用，用于一些需要重点突出的场景，强调交互的状态等。 1.1-7多色搭配下的主导主色和其他搭配色之间的关系会更丰富，可能有类似色、中差色、对比色等搭配方式，但其中某种色彩会占主导。 Google的案例对于具有丰富产品线的谷歌来说，通过4种品牌色按照一定的纯度比，再用无色彩黑白灰能搭配出千变万化的配色方案，让品牌极具统一感。在大部分页面，蓝色会充当主导色，其他3色作辅色并设定不同的任务属性，黑白灰多作为辅助色，对于平台类站点来说，多色主导有非常好的延展性。 观点：谷歌设置了四种品牌色，通过主次、合理的比例应用在界面中，并通过组控件不同的交互状态合理分配功能任务。 谷歌的经典色彩搭配，一直延续到各类产品中，比如这家：《能过稿的LOGO!谷歌设计师如何为Squared做品牌重设计》二、色调调和而形成的配色方式2.1有主导色调配色这是由同一色调构成的统一性配色。深色调和暗色调等类似色调搭配也可以形成同样的配色效果。即使出现多种色相，只要保持色调一致，画面也能呈现整体统一性。根据色彩的情感，不同的调子会给人不同的感受：2.1-1清澈的色调2.1-2阴暗的色调2.1-3明亮色调2.1-4深暗色调2.1-5雅白色调…2.1-1清澈色调SHOTFOLIO的案例清澈调子使页面非常和谐，即使是不同色相形同色调的配色能让页面保持较高的协调度。蓝色另页面产生安静冰冷的气氛，茶色让我们想起大地泥土的厚实，给页面增加了稳定踏实感觉，同时暖和蓝色的冰冷。观点：互补的色相搭配在一起，通过统一色调的手法，可以缓和色彩之间的对比效果。2.1-2阴暗色调概念应用的案例阴暗的色调渲染场景氛围，通过不同色相的色彩变化丰富信息分类，降低色彩饱和度使各色块协调并融入场景，白色和明亮的青绿色作为信息载体呈现。 Tips：多色彩经过统一色调处理，区域间非常协调，也不影响整体页面阴暗气氛表现。2.1-3明亮色调Kidsplus的案例明亮的颜色活泼清晰，热闹的气氛和醒目的卡通形像叙述着一场庆典，但铺满高纯度的色彩，过于刺激，不适宜长时间游览。观点：饱和度与纯度特性明显的搭配，在达到视觉冲击力的同时，可适当采用对比色或降低明度等方法调和视觉表现。2.1-4深暗色调LEESFERRY的案例页面以深暗偏灰色调为主，不同的色彩搭配，像在叙述着不同的故事，白色文字的排版，整个页面显得厚重精致，小区域微渐变增加版面质感。观点：以低暗色调构成整体画面氛围，小面积明亮部分不会影响整体感觉。 2.1-5雅白色调Very的案例柔和的调子使页面显得明快温暖，就算色彩很多也不会造成视觉负重。页面的同色调搭配，颜色作为不同模块的信息分类，不抢主体的重点，还能衬托不同类型载体的内容信息。观点：同色调不同色彩的模块，就算承载着不同的信息内容也能表现很和谐。 2.2同色调配色这是由同一或类似色调中的色相变化构成的配色类型，与主导色调配色中的属于同类技法。区别在于色调分布平均，没有过深或过浅的模块，色调范围更为严格。 Tumblr的案例在实际的设计运用中，常会用些更综合的手法，例如整体有主导色调，小范围布局会采用同色调搭配。拿tumblr的发布模块来说，虽然页面有自己的主色调，但小模块使用同色调不同色彩的功能按钮，结合色相变化和图形表达不同的功能点，众多的按钮放在一起，由于同色调原因模块非常稳定统一。观点：综合运用的情况，整体界面是有主导色调，在布局例如重点图标等是同色调配色灵活运用。2.3同色深浅搭配这是由同一色相的色调差构成的配色类型，属于单一色彩配色的一种。与主导色调配色中的同色系配色属于同类技法。从理论上来讲，在同一色相下的色调不存在色相差异，而是通过不同的色调阶层搭配形成，可以理解为色调配色的一种。 Genrecolours的案例拿紫色界面来说，利用同一色相通过色调深浅对比，营造页面空间层次。虽然色彩深浅搭配合理，但有些难以区分主次，由于是同一色相搭配，颜色的特性决定着心理感受。观点：同色深浅配色有着极高的统一性，但有点枯燥。三、对比配色而形成的配色方式由于对比色相互对比构成的配色，可以分为互补色或相反色搭配构成的色相对比效果，由白色、黑色等明度差异构成的明度对比效果，以及由纯度差异构成的纯度对比效果。 3.1色相对比3.1-1双色对比3.1-2三色对比3.1-3多色对比3.2纯度对比3.3明度对比….3.1-1双色对比色彩间对比视觉冲击强烈，容易吸引用户注意，使用时经常大范围搭配。VISA的案例VISA是一个信用卡品牌，深蓝色传达和平安全的品牌形象，黄色能让用户产生兴奋幸福感。另外蓝色降低明度后再和黄色搭配，对比鲜明之余还能缓和视觉疲劳。 观点：不管是整体对比还是局部对比，对比色给人强烈的视觉冲击，结合色彩心理学对品牌传达效果更佳。 3.1-2三色对比三色对比色相上更为丰富，通过加强色调重点突出某一种颜色，且在色彩面积更为讲究。NAVER的案例大面积绿色作为站点主导航，形象鲜明突出。使用品牌色对应的两种中差色作二级导航，并降低其中一方蓝色系明度，再用同色调的西瓜红作为当前位置状态，二级导航内部对比非常强烈却不影响主导航效果。 观点：三色对比中西瓜红作为强调色限定在小面积展现非常关键，面积大小直接影响画面平衡感。 3.1-3多色对比多色对比给人丰富饱满的感觉，色彩搭配协调会使页面会非常精致，模块感强烈。Metro的案例Metro风格采用大量色彩，分隔不同的信息模块。保持大模块区域面积相等，模块内部可以细分出不同内容层级，单色模块只承载一种信息内容，配上对应功能图标识别性高。观点：色彩色相对比、色彩面积对比，只要保持一定的比例关系，页面也能整整有序。 3.2纯度对比相对与色相对比，纯度差对比，对比色彩的选择非常多，设计应用范围广泛，可用于一些突出品牌、营销类的场景。PINTEREST的案例页面中心登录模块，通过降低纯度处理制造无色相背景，再利用红色按钮的对比，形成纯度差关系。与色相对比相较，纯色对比冲突感刺激感相对小一些，非常容易突出主体内容的真实性。观点：运用对比重要的是对比例的把握，面积、构图、节奏、颜色、位置等一切可以发生变化的元素，形成视觉的强烈冲突。 3.3明度对比明度对比接近生活实际反映，通过环境远近、日照角度等明暗关系，设计趋于真实。ARKTIS的案例明度对比够构成画面的空间纵深层次，呈现远近的对比关系，高明度突出近景主体内容，低明度表现远景的距离。而明度差使人注意力集中在高亮区域，呈现出药瓶的真实写照。观点：明度对比使页面显得更单纯、统一，而高低明度差可产生距离关系。 总结：色彩是最能引起心境共鸣和情绪认知的元素，三原色能调配出非常丰富的色彩，色彩搭配更是千变万化。设计配色时，我们可以摒弃一些传统的默认样式，了解设计背后的需求目的，思考色彩对页面场景表现、情感传达等作用，从而有依据、有条理、有方法地构建色彩搭配方案。站三界导航：https://www.zhansanjie.com
经常喜欢上网的人会发现，当你打开一个网站后，在浏览器地址栏最前面有一个小图标，这个是可以自己添加的。我们所看到的网站几乎大部分都有这个图标的，像大到BAT，小到个人站长。假如你上线了一个的新网站，想在浏览器打开网站后，能看到自己设计的图标，下面我就以我自己博客为例来说一下怎么添加这个小图标吧，希望对新手或者不懂的同学有所帮助! 首先，准备一个ICO格式的文件。这个文件需要自己制作一下，刚开始准备好你想显示的那个logo图片吧，图片尽量选用PNG格式的，选择16*16像素备用。然后在百度上搜索一下ICO图标在线制作，会有很多工具可以使用的。当然了，你可以用favicon.ico在线转化工具，把图片转化为favicon.ico的站点图标。推荐两款在线转化的工具： ico在线转化工具站点1：http://www.ico.la/; ico在线转化工具站点2：http://www.chami.com/html-kit/services/favicon/; 在这里我就以百度上面的那个应用为例截图看看： 打开图片，把存放在本地电脑上那个图片导入进来，看我导入我自己的是这个样子的，以“曹”字为例，选好尺寸为16*16，然后保存ICO，就可以把ICO文件保存好到本地，将转换好的ico文件改名为favicon.ico，这个文件也就算是完成了，看下图所示： 然后，将你存放于本地上的ICO文件用FTP工具上传到你网站的跟目录，我自己上传的截图出来看看吧。 其次就是在你网站源码，index页面中代码中，在head标签中添加代码：，接着就是保存啦。以我博客为例来个截图： 最后，在你在服务器上保存好了，就生效了，你可以打开浏览器重新输入你网址，看看是不是你刚才那个设计的小图标出来了呢，是不是挺简单的。
中国互联网举报中心