UI图标使用规范

Posted 肥宝Fable

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UI图标使用规范相关的知识,希望对你有一定的参考价值。

本文来自http://blog.csdn.net/u012175089/article/details/50983726,引用必须注明出处!

为了了解一下客户端的编程思想,最近一直在学android。最近开始学到一些菜单的东西,想弄一些漂亮一点的UI图标,因为现在的实在是太丑了。

找了一些UI资源,发现图标很多,而且很明显,大多数都是不能乱用的,UI明显也有自己的一套规范,于是查了一些资料,整理一下,以后还会不定期补充,有用的同学请收藏一下。因为网上内容比较散,但是有些是约定俗成的东西,当然使用的时候还是看自己喜欢了。

欢迎关注我的原创微博


UI规范包括字体、颜色、按钮、图标、布局、空间、提示、命名规范等。

=====================================

图标:



真心不知道这是哪个公司的规范,不过很多都很通用,看多了以后不会乱用了。


=====================================

字体规范:

中文字体规范

       微软雅黑:适用于页面主题所有内容

       方正兰亭:适用于格式化设计

英文字体规范

       Arial,Verdana,Tahoma:适用于页面补充

=====================================

命名:

头部:herder   登陆:login背景:background
导航栏:nav注册:register用户:user
菜单栏:tab编辑:edit图片:img
内容:content删除:delete广告:banner
左中右:left、center、right返回:back图标:icon
标题:title下载:download注释:note
底部:footer弹出:pop搜索:search
模块:mod提示信息:msg按钮:button

作为一个服务端开发者,这些内容真的很有用,很多时候不知道客户端用哪个单词,看其代码一头雾水。

=====================================

颜色规范:

其实我觉得看得舒服就行了,对于技术人员来说,按照网上的颜色搭配表来做是不错的选择

=====================================

按钮、布局、空间、提示,这些都没怎么了解,我觉得看需要吧。

在一个大团队,通常这些都有专门的美术进行设计。不过在创业团队,甚至是个人开发的时候,很多时候什么都是得自己来。希望这些对大家有用吧。


 最后,再提交一下自己找的一套Android UI,方便初学者使用,点击打开链接



以上是关于UI图标使用规范的主要内容,如果未能解决你的问题,请参考以下文章

Android UI 设计规范

Android UI 设计规范

新开普实习 UI设计初体验

Android开发怎么让自己的APP UI漂亮大方(规范篇一)

Android和IOS开发图标、启动页尺寸

ios11 and iphoneX UI设计规范