激发你的灵感:50个优秀的Favicons

原文:http://www.smashingmagazine.com/page/2/
翻译:Blank(怿飞)

Inspire Yourself: 50 Remarkable Favicons
激发你的灵感:50个优秀的Favicons

引用:
Actually it's a pity that many designers don't really make use of them. Favicons, mini graphics for a particular web-site, can be displayed in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface. To be recognized immediately, favicons have to be visually appealing and fit to the design or logo of a given page. In fact, if you use Favicons for your sites, users can easily find your URL in their bookmarks - in this way you create some kind of a visual connection between your web-site and your sites' visitors.

很遗憾,事实上许多设计师都不能很好的运用他们(Favicons)。Favicons,袖珍图形,适用于比较细致的网站,可以在浏览器的地址栏里显示,紧邻着书签列表里网站的名字,还紧邻着文件对话框界面的网页标题。直接得到认知,favicons应该悦目,并且要适合页面的设计或标识。事实上,如果你在网站上使用favicons,用户可以轻易在他们的书签里找到你的URL——通过这种方式,你在你的网站和网站的访问者之间创造了一些视觉连接。

引用:
However, the design of Favicons can be tricky - it isn't that easy to create a beautiful 16×16px mini-icon. Still, some designers manage to achieve tremendous effects. Logotypes with clear geometric structures are easier to work with than typefaces or abstract images. The color selection corresponds to current Web 2.0 trends. Let's take a look at 50 beautiful favicons you can inspire yourself from. You can click on favicons - they lead to a page, which uses the image as a page icon.

然而,Favicons的设计可能是有难度的——不是那么容易就能创造一个漂亮的16×16px的迷你图标。尽管如此,部分设计师的运用已经取得了巨大的成效。用清晰的几何结构组成的标识比用抽象的字体或图像来得容易,颜色的选取应当符合当前Web 2.0的趋势。让我们来看看能激发你灵感的50个漂亮favicons. 你可以点击favicons——它们指向使用这些图像做为页面图标的网站。

Petal(花瓣)

 http://www.aurea.es/
 http://www.fxis.net/
 http://www.divshare.com/
 http://www.tanyamerone.com/
 http://www.akken.com/
 http://www.kepu.net.cn/english/

Rounded Elements(圆形元素)

 http://www.fat-man-collective.com/
 http://www.lisensa.com/
 http://www.lorop-it.de/
 http://www.akamai.com
 http://www.cogmap.com/
 http://www.colorwarepc.com/
 http://www.evozon.com/
 http://www.diabetesgate.de/
 http://www.adelaidemetro.com.au/

Letters and Typography(字母和印刷样式)

 http://www.cubexagency.com/
 http://www.lisensa.com/
 http://www.somox.com/
 http://www.piqniq.jp/
 http://www.eight6.com/
 http://reachgroupconsulting.com/
 http://www.flexy.info/
 http://www.kiva.org/

Ornaments(修饰)

 http://www.imthere.com/
 http://www.elevenmedia.com/
 http://www.roisure.com/
 http://www.pixellogo.com/
 http://www.thinkpinkstudio.com/
 http://www.mattwebb.com.au/

Squares(正方形)

 http://www.sumagency.com/
 http://www.indesign.einsteiger-portal.de/
 http://www.kirkpatrickbank.com/
 http://deforum.ru/
 http://www.imasters.com.br/
 http://www.ouvaton.coop/
 http://detlog.org/
 http://www.ministrycamp.com/
 http://www.getpaint.net/
 http://microformats.org/
 http://www.kath-thun.ch/
 http://www.campus-and-more.de/
 http://pro-buero.com/
 http://www.quada-office.de
 http://www.modulio.net/

Further Favicons(更多的Favicons)

 http://www.joomlart.com/
 http://letterpop.com/
 http://www.illustrationclass.com/
 http://www.trendwatching.com/
 http://www.edag.hu/
 http://www.elektro.de/

Favicon Tools(Favicon工具)

Favicon Generator
Favicon Generator 2Even More Favicon GeneratorsFavourite FaviconsMysteries Of The Favicon.ico — How To Create A Favicon In Photoshop

(0)

相关推荐

  • 简单谈谈favicon

    favicon.ico介绍 favicon.ico是个什么东西呢,也许见得太多都习以为常了(我就是这样,直到写这篇文章之前才知道),看看维基百科的解释: 复制代码 代码如下: Favicon是favorites icon的缩写,亦被称为website icon(网页图标).page icon(页面图标)或urlicon(URL图标),下面是链接 http://zh.wikipedia.org/wiki/Favicon 其实说白了就是这个东西,大部分网站都会在打开的浏览器tab最左侧显示这个小图标

  • node.js中的favicon.ico请求问题处理

    复制代码 代码如下: var http=require("http");  var server=http.createServer();  server.on("request",function(req,res){5         console.log(req.url);      res.end();  });  server.listen(1337,"127.0.0.1"); 这样的代码在请求时会出现两条请求: 第一条时URL地址为用

  • 给自己的网站制作一个favicon.ico图标的实现方法

    ico图标是网站的头像,在打开网站的时候出现在IE的地址栏里,目前大多数浏览器都支持,最常用的IE6.0则显示加入本地收藏夹网站的ICO图像: 绝大多数网站可以没有ICO头像,但如果做为一个一流的网站,没有ICO头像是很难令人信服的.就好象一个人穿了一身正装但却没有打领结一样冒失. 以下是一些名站的头像: Google0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height

  • nginx关闭favicon.ico、robots.txt日志记录配置

    nginx日志最近发生大量访问favicon.ico无法找到的404错误日志,小编感觉很影响服务器性能,对于一个高并发的服务器每一个错误都会影响性能,所以需要关闭访问favicon.ico的日志记录功能. 复制代码 代码如下: # 把以下配置放到 server {} 块. #关闭favicon.ico不存在时记录日志location = /favicon.ico {log_not_found off;access_log off;} location = /robots.txt {allow a

  • 激发你的灵感:50个优秀的Favicons

    原文:http://www.smashingmagazine.com/page/2/翻译:Blank(怿飞) Inspire Yourself: 50 Remarkable Favicons激发你的灵感:50个优秀的Favicons 引用:Actually it's a pity that many designers don't really make use of them. Favicons, mini graphics for a particular web-site, can be

  • 50个优秀经典PHP算法大集合 附源码

    简介: 实际PHP开发工作当中,只需要使用官方提供的函数即可满足,不需要研究算法,不过算法研究是一个很有意义的事情, 每个算法都是一种思想的结晶 , 学习优秀的思想 , 可以开拓思维. 立即下载源码 总结 到此这篇关于50个优秀经典PHP算法大集合 附源码的文章就介绍到这了,更多相关PHP算法大集合内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

  • 50 个 jQuery 插件可将你的网站带到另外一个高度

    Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好的终端用户体验,它们比原来更轻量级,还有更强的处理能力. 关键是这些新发展起来的脚本和插件是能构建响应式Web的,而且还不会丧失它们原有的功能特性--除了更优秀和更轻巧(就文件大小而言)之外,它们还不会增加页面加载的时间. 通过浏览文档,掌握JQuery的语法是很容易的.它可以支持选择DOM元素,创

  • 2014年50个程序员最适用的免费JQuery插件

    有用的jQuery库是设计师和开发者之间一个非常熟悉的短语.这是现在互联网中最流行的JavaScript函数库之一.每个设计师和开发人员都应该知道它的重要性,而且熟悉它的功能和特点. jQuery几乎可以解决一个网站所有的问题它可以从做一个有吸引力和创意的网站解决所有那些阻碍你的问题如果你想解决任何跨浏览器的问题,那就必须收藏使用JavaScript函数库 jQuery库是Web开发人员的重要来源.你会发现很多互联网的jQuery插件都是免费使用的,但发现这些优秀的jQuery插件,需要你花费许

  • Mysql Sql 语句练习题(50道)

    表名和字段 –1.学生表 Student(s_id,s_name,s_birth,s_sex) –学生编号,学生姓名, 出生年月,学生性别 –2.课程表 Course(c_id,c_name,t_id) – –课程编号, 课程名称, 教师编号 –3.教师表 Teacher(t_id,t_name) –教师编号,教师姓名 –4.成绩表 Score(s_id,c_id,s_score) –学生编号,课程编号,分数 测试数据 --建表 --学生表 CREATE TABLE `Student`( `s_

  • 最全50个Mysql数据库查询练习题

    此数据库查询语句是网络上50个数据库查询练习题目,网上有些版本是oracle语句写的,大多数公司还是用免费的mysql数据库,以下都是mysql版本,全部都有验证过. 表名和字段 –1.学生表 Student(s#, sname, sage,ssex) –学生编号,学生姓名, 出生年月,学生性别 –2.课程表 Course(c#,cname,t#) – –课程编号, 课程名称, 教师编号 –3.教师表 Teacher(t#,tname) –教师编号,教师姓名 –4.成绩表 Sc(s#,c#,sc

  • 我放弃Python转Go语言的9大理由(附优秀书籍推荐)

    前言 Go大概2009年面世以来,已经8年了,也算是8年抗战.在这8年中,已经有很多公司开始使用Go语言开发自己的服务,甚至完全转向Go开发,也诞生了很多基于Go的服务和应用,比如Dokcer.k8s等,很多的大公司也在用,比如google(作为开发Go语言的公司,当仁不让).Facebook.腾讯.百度.阿里.京东.小米以及360,当然除了以上提到的,还有很多公司也都开始尝试Golang,这其中是什么原因呢?让我们来一起分析分析. 原因 1:性能 Go 极其地快.其性能与 Java 或 C++

  • 50个PHP程序性能优化的方法

    1. 用单引号代替双引号来包含字符串,这样做会更快一些.因为 PHP 会在双引号包围的 字符串中搜寻变量,单引号则不会,注意:只有 echo 能这么做,它是一种可以把多个字符 串当作参数的"函数"(译注:PHP 手册中说 echo 是语言结构,不是真正的函数,故把函数 加上了双引号). 2.如果能将类的方法定义成 static,就尽量定义成 static,它的速度会提升将近 4 倍. 3.$row['id'] 的速度是$row[id]的 7 倍. 4.echo 比 print 快,并且

  • C语言程序设计50例(经典收藏)

    [程序1]题目:有1.2.3.4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少?1.程序分析:可填在百位.十位.个位的数字都是1.2.3.4.组成所有的排列后再去 掉不满足条件的排列. 2.程序源代码: 复制代码 代码如下: #include "stdio.h"#include "conio.h"main(){  int i,j,k;  printf("\n");  for(i=1;i<5;i++) /*以下为三重循环*/   

  • SQL Server优化50法汇总

    查询速度慢的原因很多,常见如下几种:1.没有索引或者没有用到索引(这是查询慢最常见的问题,是程序设计的缺陷)2.I/O吞吐量小,形成了瓶颈效应.3.没有创建计算列导致查询不优化.4.内存不足5.网络速度慢6.查询出的数据量过大(可以采用多次查询,其他的方法降低数据量)7.锁或者死锁(这也是查询慢最常见的问题,是程序设计的缺陷)8.sp_lock, sp_who, 活动的用户查看,原因是读写竞争资源.9.返回了不必要的行和列 10.查询语句不好,没有优化可以通过如下方法来优化查询 :1.把数据.日

随机推荐