必备：如何设计FAVICON站点图标

现代网页设计中最令人沮丧和感到混乱的莫过于网站图标了（favicon），是“favorite icon”的简称。这枚小小的图标一般出现在浏览器的选项卡里、地址栏处，根据我们操作系统和浏览器的不同，还有可能出现在其他地方。由于他们不同寻常的文件格式和超级小的图像尺寸使得设计师们在设计这些图标时显得很费劲。更加见鬼的是，人们有时候甚至纠结于这单词的发音(我曾听人说“fah-ve

交互体验 2014年02月12日

iOS 9 人机界面指南(五)：图标与图形设计

文章索引5.1 图标与图像尺寸(Icon and Image Sizes)5.2 应用图标(App Icon)5.2.1 文档图标(Document Icons)5.2.2 用于Spotlight和设置的图标(Spotlight and Settings Icons)5.3 启动画面(Launch Files)5.4 模板图标(Template Icons)5.5 网页图标

用户研究 2016年04月10日

2016年网页设计领域11个流行趋势预测

来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势，而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势会在2016年逐一涌现，但是总体上来说，它依然会沿着2015的大趋势来逐步演变。可以预见到的是，2016年会有更多的网站使用视频背景，更多基于Material Design 风格的界面设计，幻灯片式的界面切换也会继续火热

用户研究 2016年04月10日

国外的视觉设计好在哪里？

△ 国外一些to B 产品的首页设计以上是我随便找的几个产品的首页截图，大家感受下。总的来说，国外设计有以下几个特点：一、超高逼格（放大看）所谓“高端大气上档次”，可能也就是这样了吧。由于我不是专业做视觉设计的，所以也很难说出其中的原因，相信视觉设计师会从不同的角度讲出很多门道。二、充满个性（缩小看）我认为“个性”是中外设计最大的区别：中国的设计师比较注重是否满足客户需求，

用户研究 2016年04月10日

移动端设计模式的误用

如果你是一名经验丰富的设计师，你一定会认同一点，受他人启发并不是在抄袭UI设计。这是一种最佳的研究实践。它也要运用各种设计模式，也要遵循设计规范，也需要确保选择用户熟悉的模式来建立可用的界面。有些人可能会说，死守规范和模仿他人会扼杀创造力，终将有一天，所有应用都长一个样。但从用户体验的角度我注意到另一个问题。习惯于最佳实例可能会让你盲从Google/Facebook/Ins

用户研究 2016年04月10日

AureRP7使用FontAwesome字体

我们使用Axure制作原型时，经常会使用到各种小图标。有些朋友自己制作、有些到网上下载，然后使用截图导入到Axure中使用。这样做非常繁琐，有些朋友问Axure是否能够像图像处理工具那样便捷灵活滴使用图标字体呢？答案是：可以！在AxureRP7中使用FontAwesome字体，这是一个非常实用的小技巧，现发布成文与诸君共享。第一步：下载FontAwesome 字体 ： ht

Axure教程 2016年04月11日

作为设计师，你不应该错过这个图标管理工具

本着凡事多看一眼的原则，我还是去官网了解了一番。也辛亏多去看了一眼，否则我可能会错过这个不错的图标管理工具。首先，Nucleo 图标 icon 管理工具，可以配合 Sketch、PS、AI、XD 来提升整体的操作效率。当设计过程中需要使用 icon 时，只需要从 Nucleo 中拖拽到设计工具（比如 Sketch）中即可。基础功能方面 Nucleo 与 iconjar 并无

产品设计 2016年04月26日

超过10W个图标资源！超全面的PPT图标寻找+使用指南

图标在PPT中是一个很神奇的存在，用好图标可以让你的作品更加出彩。今天这篇超全面的好文，从工具/网站/使用三个方面帮你找到超过几乎网络上所有的图标资源，而且是专门为PPTer 量身打造的，良心干货收！举个我之前做过的例子，其中大量用到了图标： 而我们通常百度到的图标是这样的，又有水印还有去不掉的白色背景 图标字体其实在PPT中也有一些高质量的图标供你使用，方法很简单。首先我

产品 2016年05月10日

大神专访：我是如何为 Mac 应用 Flinto 设计 UI 图标的？

这篇文章是 Flinto 设计团队设计师 Peter Nowell 的专访整理而成，采访中 Peter 介绍了他是如何设计 Flinto 的图标，以及一些经验心得。Flinto 团队 最近采访了我关于Flinto用户界面图标背后的设计流程。你是怎么为Mac版本的Flinto贡献自己的设计？我参与了Flinto新的Mac版本的用户界面部分和用户体验部分的设计，就在他发布之前的

产品 2016年05月18日

【AureRP8.0教程】SVG矢量图标修改颜色攻略

昨天发的矢量图标元件库，颜色是黑的，像木耳一样！而且，在Axure里改不了颜色！有同学说，我要白色；有同学说，我要黄色；（种子请发我邮箱）有同学说，我要绿色；（看好自己的媳妇）还有同学说，我要肉色。（要脸吗？）但是，我是个负责任的男人。你们有需求，我都是尽量满足的。所以呢！写下了下面这一段攻略。1、从元件库拖入要使用的图标。[br]2、按F5键在浏览器中预览，在浏览器页面中

Axure教程 2016年05月31日