图标设计文章及欣赏

042013-11

学点新技能！玩转响应式图标设计

蓝蓝

什么是响应式图标设计？

响应式设计主要讲的是布局，那么什么是响应式图标？响应式图标设计是一种根据屏幕尺寸来改变图标类型、从而达到更好可读性的设计。

图标为什么要响应式？

怎样阅读内容？时至今日，我们用来阅读内容的平台越来越多。设备、屏幕分辨率、浏览器、平台——我可以拿着5S+Safari+iOS7.0浏览网页，也可以拿着1020+Chorome+WP8浏览网页。

各种选择，各种搭配实在是太多了，这些都或多或少的影响了内容的可读性。而图标作为一种视觉语言，可读性非常重要。

图标设计，首先要满足易于理解。其次，图标的可读性必须高。在小尺寸的情况下，图标设计为了追求更高的辨识度/可读性，可以选择牺牲一点美感。

那么能不能美感、可读性兼得呢？图标设计的艺术便在于二者的平衡，取与舍。怎样设计，让不同尺寸的图标均能展现美感，同时又具备可读性？

我认为，需要根据尺寸范围进行图标响应式的优化

sizes

这个理念不是新的。对于栅格化图标来说，这种设计方法很常见。

评论(0) 浏览(3235)

142013-7

界面图标创意设计教程

蓝蓝

在网上看过很多设计师的图标制作过程,基本都是偏向技法的介绍.其实在图标设计过程中除了技法之外最重要的就是图标创意了,但这方面的系统介绍网上倒是很少.借这次实际的界面设计项目,来分享下我自己对界面图标制作创意阶段的方法的理解.并以丰富的图例来阐释自己的想法!以次作为图形界面设计师交流的引子!欢迎大家进来交流!

这个过程比较长,自己只能分阶段的准备好,发上来!快毕业了事情很多,多多谅解!
今天把部分草图放上来!创意说明后续准备.

第一部分：图标创意阶段

其实这个阶段之前还有个重要的步骤,就是创意准备.

根据项目需求,确定图标的风格,这在界面设计过程中,有风格评测的方法来确定项目是走什么风格路线.这也是项目前期用户研究的内容,有潜力的公司会制定"用户角色",

评论(0) 浏览(4010)

012013-4

社交媒体共享图标在网页设计中的作用

蓝蓝

剖析社交媒体图标

事实上，社交媒体图标可以理解为社交媒体、社交网络的标志以及说明的链接。

社交媒体图标可以表现出几个不同的功能。有时，它是社交网络中的公司资料页面/帐户的链接。通常情况下，你可以在它们的周围看到“跟随我们……”或“加入我们……”这样的字样。这些图标通常会被放在网页的顶部或底部，也可以放置在侧边栏。从经验来说，它们在整个网站都是可见的。

Lucius

Social media sharing icons influence web designs

评论(0) 浏览(4765)

182013-2

Polaris UI Kit：精美的 UI 组件包和矢量图标(AI, PNG, PSD, SVG)

蓝蓝

Smashing Magazine 发布了一个包含非常有用的 UI 组件和 48 个精美的矢量图标的素材包。界面组件包 Polaris UI Kit 里面包括编辑框，复选框，单选按钮，页面导航，菜单，按钮等等，可以免费用于任何项目。图标集合 Linecons 里面包含的 48 个可伸缩矢量图标都是 outline 风格，提供了 AI, PNG, PSD, SVG 等多种格式。