首页

导航设计趋势!关于图标式导航的改进

蓝蓝设计的小编

不知不觉的,很多网页设计中采用了图标式导航(Navigation)——一般使用三道杠作为图标,用以导航。
这种导航的好处是节省空间,让界面更简洁。

图标式导航的案例

这是YouTube 图标式导航(移动版):

为导航瘦身!关于图标式导航的改进

这是Squarespace的图标式导航:


为导航瘦身!关于图标式导航的改进

AWARD的图标式导航不拘一格:

导航设计趋势!关于图标式导航的改进

蓝蓝设计的小编

不知不觉的,很多网页设计中采用了图标式导航(Navigation)——一般使用三道杠作为图标,用以导航。
这种导航的好处是节省空间,让界面更简洁。

图标式导航的案例

这是YouTube的图标式导航(移动版):

为导航瘦身!关于图标式导航的改进

这是Squarespace的图标式导航:

为导航瘦身!关于图标式导航的改进

AWARD的图标式导航不拘一格:

为导航瘦身!关于图标式导航的改进

问题所在

问题在于,点击图标式导航之后,图标本身没有任何变化。也就是说:操作缺乏反馈

 

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

蓝蓝设计的小编

什么是响应式图标设计?

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

图标为什么要响应式?

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

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

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

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

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

sizes

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

界面图标创意设计教程

蓝蓝设计的小编

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

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

第一部分:图标创意阶段

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

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

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

蓝蓝设计的小编

剖析社交媒体图标

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

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

Lucius

Social media sharing icons influence web designs

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

蓝蓝设计的小编

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

20套华丽的应用程序图标,带给你不一样的视觉体验

蓝蓝设计的小编

在这篇文章中,我已经收集了20个华丽的图标集,适用于几乎任何类型的设计。这些图标有一个干净的和描述性的外观,同时遵循良好的设计原则,相信你会喜欢。

Delicious Berries

17. icons

33 Free Social Media Icons

4. icons

网页素材大宝库:50套非常精美的图标素材

蓝蓝设计的小编

图标对网页设计师来说是宝贵的财富,高质量的图标素材既能为设计师节省时间,又能有很不错的效果。网上的免费图标素材非常多,可以说是琳琅满目,那些充满分享精神的设计师们把素材共享出来,让更多的人可以使用他们的优秀设计。今天这篇文章为大家收集了50套新鲜出炉的图标素材资源与大家分享,可以免费下载。记得分享和推荐一下 :)

 

Book Icons

图标与几何构成

蓝蓝设计的小编

图标与几何构成

这次给大家分享的主题是我们读书会“打书钉”第二期广荣同学为我们分享的《图标与几何构成》,介绍图标形体的设计与几何构成的关系!若有不足之处,望大师指点。

 

一、产品的灵魂 -Logo

Logo是每一个产品的重要标识,它是表明产品特征的记号、商标。它以单纯、显著、易识别的物象、图形或文字符号为直观语言,除表示什么,代替什么之外,还具有表达意义、情感和指令行动等作用。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档