什么是响应式图标设计?
2014-06-30 11:07
447 查看
响应式设计主要讲的是布局,那么什么是响应式图标?响应式图标设计是一种根据屏幕尺寸来改变图标类型、从而达到更好可读性的设计。
图标为什么要响应式设计?
怎样阅读内容?时至今日,我们用来阅读内容的平台越来越多。设备、屏幕分辨率、浏览器、平台——我可以拿着5S+Safari+iOS7.0浏览网页,也可以拿着1020+Chorome+WP8浏览网页。
各种选择,各种搭配实在是太多了,这些都或多或少的影响了内容的可读性。而图标作为一种视觉语言,可读性非常重要。
图标设计,首先要满足易于理解。其次,图标的可读性必须高。在小尺寸的情况下,图标设计为了追求更高的辨识度/可读性,可以选择牺牲一点美感。
那么能不能美感、可读性兼得呢?图标设计的艺术便在于二者的平衡,取与舍。怎样设计,让不同尺寸的图标均能展现美感,同时又具备可读性?
我认为,需要根据尺寸范围进行图标响应式设计的优化
这个理念不是新的。对于栅格化图标来说,这种设计方法很常见。
在网页设计中,很多设计师错误的认为,只要简单的缩放图标即可达到完美的可读性。但实际上并非如此。
每款图标需要三种不同的尺寸,通过使用代码,来自动进行可读性优化。
图标为什么要响应式设计?
怎样阅读内容?时至今日,我们用来阅读内容的平台越来越多。设备、屏幕分辨率、浏览器、平台——我可以拿着5S+Safari+iOS7.0浏览网页,也可以拿着1020+Chorome+WP8浏览网页。
各种选择,各种搭配实在是太多了,这些都或多或少的影响了内容的可读性。而图标作为一种视觉语言,可读性非常重要。
图标设计,首先要满足易于理解。其次,图标的可读性必须高。在小尺寸的情况下,图标设计为了追求更高的辨识度/可读性,可以选择牺牲一点美感。
那么能不能美感、可读性兼得呢?图标设计的艺术便在于二者的平衡,取与舍。怎样设计,让不同尺寸的图标均能展现美感,同时又具备可读性?
我认为,需要根据尺寸范围进行图标响应式设计的优化
这个理念不是新的。对于栅格化图标来说,这种设计方法很常见。
在网页设计中,很多设计师错误的认为,只要简单的缩放图标即可达到完美的可读性。但实际上并非如此。
每款图标需要三种不同的尺寸,通过使用代码,来自动进行可读性优化。
相关文章推荐
- 什么是响应式图标设计?
- 未来网页设计的趋势——响应式设计图标
- 未来网页设计的趋势——响应式设计图标
- 什么是响应式网页设计?
- 什么是响应式网页设计?
- 什么是响应式设计?为什么要做响应式设计?响应式设计的基本原理是什么?
- 响应式与自适应设计:设计师的最佳选择是什么?
- 什么是响应式网页设计?
- 【资源分享】300个响应式设计线性图标
- 什么是响应式设计
- 一个简单demo让你明白真正的‘响应式设计、em、文字图标svg’
- H5响应式设计可以为你网站带来什么?
- 什么是响应式设计
- CSS3+SVG 响应式图标设计
- 谈 ——什么是响应式设计?
- 什么是响应式网页设计?响应式布局的实现原理
- 设计到底需要考虑什么
- 软件的架构与设计模式之什么是架构
- 设计模式不能做什么
- 有关什么积木式设计网站的网址