提到工具型网站，我们首先会有个疑问：年夜千收集网站众生，事实什么样的网站才算是工具型网站?它的特征是什么，与其他网站有什么分歧? 年夜网上搜索相关信息，体味到关于该名辞书具体诠释并没有明晰的说法。

　　为了便利后续的研究，在此先连系之前同窗们的研究成不美观，综合清算一下，供给工具型网站的界说版本，供参考：

　　——所谓工具型网站，顾名思义就是修建在互联网上的工具，是指为辅佐人们完成某一特定规模的方针需求而供给的、具有必然操作流程、以完成该方针使命为首要目的、基于收集应用的工具手段。

　　它的首要特征在于：

　　– 以完成一项或多项使命为目的

　　Fork——配图创蚵瞠品牌形象加分

　　– 注重操作流程指导

　　– 强调快速完成使命

　　– 非完成方针的独一手段，只是协助用户更高效完成该方针

　　同时，良多工具型网站还出格配备一个自力门户，该门户以信息揭示为主，用来专门介绍工具的价值、动态等，并供给登录或下载进口。因为这种门户与工具页指向的高度一体性，我们也将它归纳到工具型网站典型畴中来，称之为工具型网站门户(或工具性网站首页)。

　　为了辅佐我们对工具型网站形成更直不美观的概念，可以按照网军功能将网站区分为内答应网站和工具型网站。关于工具型网站与内答应网站的对比区别，已有同窗作了较具体的阐述(如想进一步体味可查看相关文章)，在此不赘述。

　　提到招行人们会想到向日葵，提到腾讯人们会想到企鹅，提到Mailchimp人们会想到邮递员monkey，此刻提到Fork，人们应该会想到这位可爱的坐在划子上拿叉的老渔夫了。也许它的logo不起眼，可是有了这个代言人的陪衬，这个工具，其实让人难忘了。如不美观你再细心翻看一下，会发此刻几个内页中，都有与这个年夜海主题相联系关系的插图设计。看到这些，即使你是一路人，会不会好奇到禁不住点download滥暌姑用?

　　典型的工具性网站有：Google系列(搜索、翻译、文档、阅读器…)、财付通、支出宝、数据魔方、salesforce、xero、TA、DNSpod等;

　　典型的内答应网站有：Sina、腾讯网、海角论坛等。

　　下面就年夜体验角度，介绍几个我斗劲喜欢的工具型网站典型案例。

　　Google——一致系王道

　　工具型网站，应用最普遍的应该是我们很是熟悉的google系列产物了，如google搜索、翻译、文档等等，年夜部门都是跟着google搜索后逐渐推出的新工具。这些工具给网平易近的互联网糊口供给了极年夜的便当。

　　猜想如斯多的产物线，会很轻易因为功能属性的差异而发生分歧的视觉气概。可是我们却看到google在多产物系统下的视觉气概，无论导航条、色彩系统、根基结构结构等方面都很是统一，如所有布景层都是口角灰色系、所有的新立功能都是精明红按钮、所有功能菜单都居左等。

　　这种一致性极年夜削减了用户对新产物的认知、进修成本，达到自来熟的境界~浮现了google体验团队在品牌形象和体验规范方面强年夜的拟定、执行能力~

　　Xero——小清爽却很适用

　　下面这个Xero，是一个典型的小清爽，我对它的喜爱，来自它的精练而不简单，斑斓却不鼓噪，很是合适该网站的功能定位。

　　Xero是一个功能斗劲周全的针对小型企业的记账工具，产出搜罗现金簿，总账，发票和陈述。作为一个记账类工具网站，用户最关心的诉求当然是平安、切确，所以Xero很是灵敏的在门户和产物页中统一使用了中亮度蓝+绿色来表达，同时配图、结构上横平竖直，四平八稳，将平安、可托赖的空气营造到极致。

　　在信息展示方面，Xero门户中具有web2.0的典型特征，好频年夜量留白、巨细字体的对比应用等;而在产物页中，则将各控件元素视觉尽量作减法，例如，表格不要纵线框、chart图色彩统一、按钮质感简化统一、所有的可点击文字搜罗普链表头页签等全数统一为蓝色、等等，做这些的目的，就是为了让年夜量的文字数据信息不被多余的细节干扰，让主题一目了然，辅佐用户在清洁、愉快的情形中快速完成使命。

　　该产物曾被Nielsen Norman Group列入10 Best Application Uis。

　　作为工具型网站，工具自己带给用户的价值当然能抉择网站的成败，但门户亦像是产物的橱窗，吸引访客快速体味产物的用途、价值，并进而使用。是以门户的成功与否，也对网站有着主要的影响。若何在色彩、结构、或配图方面阐扬创意，让门户尽量吸引眼球，获得访客的青睐，是视觉设计师们的一年夜课题。而下面的Ford，在配图创意方面算是一个典型，它显著的情景式设计的特点，让人面前一亮。

　　值得一提的是，该门户页面框架上使用了风行的响应式web设计模式，在浏览器缩放、手机访谒时均有版式微调，浮现了视觉传达的完整性。　　

　　关于工具型网站门户的体验设计，小伊万同窗对此有较深切的研究，参考此处。