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图标使用规范的主要内容,如果未能解决你的问题,请参考以下文章