中南大学杰出校友

中南大学杰出校友

Favicons have become a standard element in web design, and they can have a tremendous impact on brand recognition (see Matt Magain’s post, Google Changes Favicon, Challenges You To Do Better). If you’re not used to designing for a tiny area (just 16×16 pixels), it can be very difficult to create a distinguishable company-specific or site-branded favicon. And depending on the logo, colors, words, etc. that you’re working with, it can be a challenge to create one that actually looks good.

网站图标已成为Web设计中的标准元素，它们可能会对品牌知名度产生巨大影响(请参阅Matt Magain的帖子， Google更改网站图标，挑战您做得更好 )。 如果您不习惯于在很小的区域(只有16×16像素)进行设计，那么很难创建一个与众不同的公司特定图标或站点品牌的图标。 而且，根据您使用的徽标，颜色，文字等，创建一个看起来不错的徽标可能是一个挑战。

In my constant search for favicon inspiration, I compiled a list of more than 80 creative and well-designed favicons that successfully portray the look and feel of the website or brand. There are probably thousands more that are suitable for this list, so if you have a few of your own favorites, share them in the comments.

在不断寻找网站图标灵感的过程中，我整理了80多个具有创意和设计良好的网站图标的列表，这些图标成功地描绘了网站或品牌的外观。 可能还有数千种适用于此列表，因此，如果您有一些自己的收藏夹，请在评论中分享。

99designsDuct Tape Marketing MODxSitePoint AcquisitionEpicurious MozillaSkype Ad & BreakfastESPN MTVSmall Design Firm Amateur IllustratorFacebook NogginSmartWebby AmazonFast Company NY GiantsSmashing Magazine Ben and JerryFiner Design NymblerStumbleUpon Blooms TodayFlickr New York TimesTarget BMWFlock Open Directory ProjectTwhirl Boho MagazineFood & Wine Magazine OrganicTwitpic Brain CandyGeorgia Aquarium PanicTwitter Cars.comGraphic Design Studio Patrick MonkelTwo Peas in a Bucket CBSGreen Tea Design PBS Kidstwothirty Christian SparrowHawaii.gov PepsiUSPS CiplexHGTV PETAVisible Theory CloudlessHulu PetcoWebmonkey Constant ContactKnitty Peter HurleyWedding Bee DesignFloatLightMix Design Studio Pink Cake BoxThe White House deviantARTLinkedIn PurinaWhole Foods Market DevlistingLogoSauce RingCentralWine.com DiggMailChimp San Diego ZooYelp DigileonMartha Stewart ServiceMagicYouTube Ditley Web DesignThe Met SeventhmanZAP 99个设计 胶带销售 MODx SitePoint 取得 奇妙的 Mozilla Skype的 广告和早餐 ESPN 音乐电视 小型设计公司 业余插画家 脸书 诺金 SmartWebby 亚马孙 快速公司 纽约巨人队 粉碎杂志 本和杰里 更精细的设计 宁布勒 偶然发现 今天绽放 Flickr 纽约时报 目标 宝马 群 开放目录项目 旋转 波西米亚风杂志 美食美酒杂志 有机 Twitpic 脑糖 乔治亚水族馆 恐慌 推特 Cars.com 平面设计工作室 帕特里克·蒙克尔 一桶两个豌豆 哥伦比亚广播公司 绿茶设计 PBS儿童 二三十 克里斯蒂安·麻雀 夏威夷 百事可乐 美国邮政 复数 HGTV PETA 可见理论 万里无云 葫芦 佩特科 Webmonkey 持续接触 针织 彼得·赫利 婚礼蜜蜂 设计浮动 LightMix设计工作室 粉色蛋糕盒 白宫 deviantART 领英 普瑞纳 整个食品市场 开发者 徽标酱 环中心 Wine.com 掘客 MailChimp 圣地亚哥动物园 喊叫 数码宝贝 玛莎·斯图尔特 服务魔术 的YouTube 迪特利网页设计 大都会 第七人 ZAP

Now that you’re inspired, it’s time to create your own favicon that’s as smooth as the examples above. Here are a few resources you may find useful:

现在您已经受到启发，现在该创建自己的图标，就像上面的示例一样流畅。 以下是一些您可能会发现有用的资源：

20 Best Favicon Online Generators on CSSJuice

CSSJuice上的20种最佳Favicon在线生成器

Mysteries Of The Favicon.ico – How To Create A Favicon In Photoshop by Jennifer Apple

Favicon.ico的奥秘–如何在Photoshop中创建Favicon ，作者Jennifer Apple

Creating Favicons with Adobe Photoshop and GoLive on Amenco

在Amenco上使用Adobe Photoshop和GoLive创建Favicons

Favicon Tutorial on Heaven Graphics

关于天堂图形的Favicon教程

Creating a simple web 2.0 favicon – Tutorial on Sankaranand

创建一个简单的Web 2.0图标-Sankaranand教程

Making a Good Favicon on Snook.ca

在Snook.ca上制作一个好的Favicon

翻译自: https://www.sitepoint.com/88-outstanding-favicons-and-6-resources-to-help-you-create-your-own/

中南大学杰出校友

相关资源：中南大学绩点计算器