图标设计文章及欣赏 - 设计每日一贴-专注优秀UI设计与软件开发-北京兰亭妙微

252017-8

小身材，大影响。你应该知道的图标基础知识

如今的用户界面中，图标绝对是不可或缺的元素。虽然绝大多数的图标都很小，甚至不被人注意到，但是它们帮助设计和用户解决了许多问题。图标是可用性和导航的关键，用户能够感知到图标的功用，但是只有设计师才会明白，想要让图标简约、可用还富有表现力，要耗费多少时间和精力。

乔布斯曾经说过：“细节至关重要，花费时间仔细打磨是值得的。”图标是现如今UI界面中可用性和导航体系的核心组件，所以，今天的文章，我们来仔细归纳一下常见的图标类型和它们在UI中的使用。

评论(0) 浏览(4402)

242017-8

汉堡图标不好使？这5个替代方案帮你搞定移动端导航

资深UI设计者

对于设计师而言，移动端设备屏幕上的每一寸空间都是宝贵的资源。为了在小屏幕上做更多的事情，设计师在设计导航系统的时候，通常需要花费更多的时间来打磨。汉堡图标在过去几年当中，是最常见的一种设计策略，导航和选项被隐藏在这个小小的图标之后，但是实际上，虽然大众已经习惯了它的存在，但是它并不是最佳的导航设计方案。

在今天的文章当中，我们会探讨为什么汉堡菜单这样的隐藏式导航影响用户体验，以及可用性更强的替代方案。

为何汉堡图标会破坏用户体验

在移动端设备上，我们看到的可见式导航其实比汉堡图标这样的隐藏式导航更多，前者大概是后者的2.5倍。

评论(0) 浏览(3312)

022017-8

品牌基因法做图标（升级篇）

用心设计

图标设计如何具有品牌性？这可能是设计师工作中经常会遇到的问题。

但很多新人也许并不了解什么是品牌性，更不知道如何将品牌性融入到图标当中，不过没关系，看了这篇文章你就不会那么困惑了！

品牌基因法做图标（升级篇）

评论(0) 浏览(3359)

012017-8

品牌基因法做图标——实战篇

用心设计

我们今天来聊的是一个真实的工作任务，做任务的整个过程分为以下几个阶段：

1.收到任务

2.找参考

3.根据参考执行

4.感觉没有品牌性

5.根据品牌基因法提取基因

6.再次执行

7.棒棒哒

品牌基因法做图标——实战篇

评论(0) 浏览(4081)

282017-7

用品牌基因法做图标设计，高级UI设计师才会的手法！（实战篇）

资深UI设计者

1. 收到任务

我们每天都可能收到不同的设计任务，作为设计师，顺利的完成这些任务是我们最基本的能力，那我们今天要讲的任务是什么呢？

嘿嘿！一套天气图标。

认真的构思中…..

2. 找参考

算了，还是先看看别人都是怎么做的吧！

我找了一堆参考，随机选几个展示下，如下图（图片采集于花瓣网）：

评论(0) 浏览(3886)

202017-7

前端Boostrap系列之一：稀世珍宝：270款圆滑的 Twitter Boostrap 矢量图标

蓝蓝设计的小编

如果你不那么在意许可证，那么还有很多类似的字体图标库可以使用，最引人注目的是 Font Awesome。下载此字体时，你还会收到所有 SVG 格式的矢量图标，这样你就可以修改这些字体，使其更加完善，并贡献到 Github 上面。

评论(0) 浏览(2895)

252017-1

一站式图标设计指南

用心设计

这是一篇由国外万粉dribbble大神Justas
Galaburda免费提供的图标设计指南，在国外的UI设计圈子里算是引起了不小的关注。与一些小伙伴所期待的可能不一样的一点是，这是一篇侧重于方法论方面的指南，涵盖了从设计第一枚图标开始到完成一整套图标所需要的一切，而不是一篇侧重于软件技术方面的指南。

一站式图标设计指南