什么样的设计标注稿更易于前端实现？-（图像篇）

​在上一篇文章中小白已经讲解了文字标注，详情见什么样的设计标注稿更易于前端实现？-（文字篇）。今天小白简单的讲下图像标注。为什么称为“图像”而不是“图片”呢？因为网页设计中除了采用大量图片外，还会使用一些音、视频文件。以下内容针对于web设计的标注基础知识，前端专业人士与设计高手可忽略此文。一、关于图片在网页设计中常见的有图标、不规则图形、图片、GIF动图。1.格式在网页设

产品 2017年03月27日

做有温度的设计：设计有故事感的标签图标

微交互设计，使产品更为生动，让用户体验更具趣味性。曾经有人在设计交流群里面问：学UI要不要学画图标？我告诉你：要！而且图标设计一直是UI设计里面最重要最基础的组成部分。一个小图标看起来简单，但事实上图标的设计不但要求绘制精美 ，图形象征意义与其所代表的内容高度贴合，还要求图标的形式风格与版面风格高度一致，图标虽小，却是浓缩的精华，要求功能与形式上的统一。在以前写的一篇介绍标

产品 2017年08月09日

颜色、字体、图表，这些视觉元素是如何影响用户体验的？

文章主要分析了不同的视觉设计元素是如何影响网站用户体验，希望通过文章的解读能够对你的产品设计带来些启发。也许是因为我在视觉设计上没有太多经验，我发现平常在与视觉设计师讨论设计方案时，我们常常讨论的是：“我觉得这样布局很奇怪”、“我觉得A不太好看”、“这个地方给我带来了某种XXX的感觉”、“这样显示会不会给用户带来某种误解”……不难发现， 大多数时候我们讨论的是一种捉摸不透的

交互体验 2017年07月21日

如何设计出完美的折叠面板？

折叠面板可能是响应式设计中的最重要主力。设计模型。近乎神秘的语句经常激发敬畏和怨恨。作为设计师，我们通常没有考虑过设计模型是通用的解决方法，它可以适用于各种环境中。网址导航？滑动导航？日常交易？Carousel！使用这些模型的一个很棒的原因是：每当遇到耗时且有风险的界面问题时，我们都需要一个新的解决方案，但由于我们不知道实施一个新的解决方案需要多少时间，以及是否在可用性测试

产品经理 2017年07月06日

酷站两连发！超过 500 个免费矢量图标素材可商用下载

编者按：本文推荐两个免费可商用的图标素材网站，两个都提供了一致性风格很高的线性图标集，超过500个全都可商用，赶紧来收~本文要推荐的「Feather Icons」是一款免费、开放原始码矢量图标集，收录八大类型、总共 233 个图示，这些图示设计在 24×24 网格上，无论在功能、一致性或简约设计都具有相同特性。图标本身设计是由简单线条构成，宛如「羽毛」般轻巧，因此很适合使用

产品 2017年06月14日

分享三个个人觉得不错的网站

话不多说，直接进入分享模式这个是国外的一个网站：Brusheezy（点击可以进去）其实他是一个PS资源集合站，看他的介绍，free Photoshop brushes and psds ，免费的哦，包含的东西就多了，笔刷啊、图案啊、样式啊、文字特效啊、动作以及PSD源文件，听起来还不错吧，现在我随便输入一个computer试试看这些素材我很满意，但对明天还是有希望的哈哈，我

产品经理 2017年06月05日

纯图标模式 PK “图文”模式：用户更倾向于哪种方式去搜索图标？

每个人对于相关与不相关都有自己的理解。更要命的是，即使同一个人，在某些因素影响下也会对一个图标的相关与不相关做出不同的判断，比如说文字标签。给图标加上文字标签，或许就能改变人们的认知。那么，我们该如何应对这种情况呢？假设你是一名兽医。因为你非常善于利用人们对弱小可爱动物的爱心，所以Instagram账号经营得风生水起。但这对你来说还不够，你决定开发一个移动应用来拓展你的宠物

产品经理 2017年04月10日

我花了 20 个小时研究 3 个按钮，让你明白 UI 和 UX 的区别

@可乐橙_ColaChan：UI 和UX 到底有什么区别？今天这位作者花了20个小时研究3个按钮，除了关于可用性的大量干货，也能帮你快速明白UI 和UX 的区别。首先讲一讲背景。这是在我们周会上发生的事情：“Andrew，我们做了几个很厉害的新功能，测试一下吧。”“好的，当然。”“嘿，你甚至会忍不住写篇文章来介绍的！”“呃……”只有一个问题……当我被要求测试一项功能，通常

产品经理 2017年04月05日

Icon 改版，呈现更好视觉体验

在旧版的点融网理财页面中，我们发现有几个问题，比如：页面形式复杂，导致页面的焦点太多，重要功能不够突出；一些功能过于隐藏，导致用户很难搜寻…所以在这次新的视觉改版迭代中，我们更新了过去较为单一的图标形式，重新定义了图标系统。在新版的点融网理财中，我们主要做了如下改变：采用 九宫格形式 ，实现更清晰简单的页面层次更具页面整体感的 图标风格 突出财富页里 团团赚与散标功能 ，让

交互体验 2017年04月01日

ANDROID O 的自适应图标和天价复古 IPHONE 7

一起来看看上周都有哪些新鲜有用的设计趣闻~1、Android O 新玩法：自适应图标需要设计Android 平台的UI图标的设计师，要注意了，Android O 推出了自适应图标的新玩法咯~简单来说，自适应图标就是为了应对图标规格千奇百怪的Android OEM 厂商而生的。一个标准的自适应图标能够良好的一次就兼容不同厂商、不同UI界面不同形状的图标轮廓要求。（以版本分裂和

产品 2017年03月28日