移动互联网时代的到来,给我们带来便利的同时,也给众多移动网页设计师们提出了更大的挑战,因为相比于传统的电脑屏幕,移动设备的屏幕要小很多,设计师们想要在上面大做文章难度增加了不少,其实,我们可以反向思考,更小的屏幕意味着我们只需要考虑更少的内容设计,我们只需要关注是否能更快速地帮助用户解决需求就够了。而像素图刚好可以解决设计师们的困惑,它最大的特点就是体积小,能够方便在手机等小屏幕的移动设备上使用,一是节省流量,二是使页面打开的速度更快,三是像素图标比直接压缩的图更清晰、更美观。
很多人可能不清楚像素图的概念,但它的应用范围却十分广泛,如电脑图标,网页界面,游戏图片等,或许这样说起来还是比较抽象,举个很简单的例子,很多人平时使用的QQ表情就是像素图的应用之一。当然,要在一个有限的空间里让用户一眼就能辨认出图标,并且做到整个画面很简洁可不是件容易的事情,下面小编收集了20个设计精美的像素图标,在小小的空间内充满了设计师们精致的细节设计,希望对各位读者——不管是专业人士还是非专业人士——有所启发。
如果要深入去探讨像素图标设计,绝非这几幅简单的图片就能一言以蔽之,如果读者们在这方面有比较好的经验,欢迎分享!
ViaTNW
(Danice供雷锋网专稿,转载请注明!)
分享到:
相关推荐
Android_UI设计指南, 一、图标设计指南 创建一个统一的外观和整体的用户界面效果以增加产品的价值,精简的图形样式还能让 用户觉得UI 更专业。 本文提供的信息能帮助你为应用的用户界面的各个部分创建的图标与...
是一个工具包用来帮助设计和开发 Android 用户界面,包含三个单独的工具:Android Asset Studio用户界面原型模具,Android 设计预览,时常需要重复确认程序版面设计状况的 Android App 开发者,应该会爱上这个轻量级...
多张图片合成一张图片工具CSS Satyr(CSS 塞特斯)是一款 ...而我们草根基本上很少有人自己去设计一套图标或UI,一般都是通过网站上收集的。于是本工具就诞生了。 基于 .NET 2.0 开发的,电脑需要安装 .NET 2.0 框架
1000款商用图标集合包含了很多的图标,大部分是商用的,有需要的小伙伴尽请下载!
那再看看你若使用UIDesigner制作出来的效果:最终输出的是一个EXE可执行文件(见图二左上角),双击运行后就会出现一个与最终实现效果完全一致的窗体(见图二右)。另外,它还是一个具有响应动作的真实原型,例如...
DatingApp Android应用程式,例如Tinder。... 自定义元素(易于编辑)100%免费字体完美像素(高质量设计)非常干净和酷的UI免费更新这款超赞的多功能约会应用程序设计具有强烈的现代感和新UI,UX概念。
Sketch 的优点在于使用简单,学习曲线低,并且功能更加强大易用,支持自动切图,并且具有移动设计模板,能够大大节省设计师的时间和工作量,非常适合进行网站设计、移动应用设计、图标设计等。 Mac 矢量绘图软件 ...
WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。WeUI 是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、...
多系统兼容性、可移植性:由于只包括前台UI,因此二次开发者可很方便将本插件用在任何一种需要流程图的B/S系统应用上,流程图的详细实现逻辑完全交于后台程序开发者自己实现;对于后台,只要能返回/接收能被本插件...
而我们草根基本上很少有人自己去设计一套图标或UI,一般都是通过网站上收集的。于是本工具就诞生了。 使用说明 1.点击“文件” - “添加图片”,选择多幅图片文件; 2.工作区内图片,可以拖动图片来调整位置; 3....
最重要的是还全面介绍了如何利用原生的C,C++(NDK)和Python、Lua等脚本语言(AndroidScriptingEnvironment)来开发Android应用,《Android应用开发揭秘》实战性强,书中的每个知识点都有配精心设计的示例,尤为...
UI设计UI用sketch画的,通过蓝湖插件上传到了, 设计图链接有效期为14天,如果过期了可以联系我要新的链接。最终项目预览:对于sketch,在此推荐几个插件,前端工程师也能做大师级UI:蚂蚁金服联合 Iconfont推出的一站...
多系统兼容性、可移植性:由于只包括前台UI,因此二次开发者可很方便将本插件用在任何一种需要流程图的B/S系统应用上,流程图的详细实现逻辑完全交于后台程序开发者自己实现;对于后台,只要能返回/接收能被本插件解析...
4.2.14 带图标的按钮(ImageButton) 4.2.15 拖动效果(Gallery) 4.2.16 切换图片(hmgeSwilcher) 4.2.17 网格视图(GridView) 4.2.18 卷轴视图(ScrollView) 4.2.19 进度条(ProgressBar) 4.2.20 拖动条...
4.2.14 带图标的按钮(ImageButton) 4.2.15 拖动效果(Gallery) 4.2.16 切换图片(hmgeSwilcher) 4.2.17 网格视图(GridView) 4.2.18 卷轴视图(ScrollView) 4.2.19 进度条(ProgressBar) 4.2.20 拖动条...
功能图标任意摆放:可将屏幕下方的功能图标随意拖换位置或者存入更多功能内(M)。 自动化运行(F):点击即可启用,可实现开机自动运行软件录像并最小化,省去您每次开机先运行监控软件的烦恼,让您的采集卡像DVR...