标准图标设计的6大原则.docx
- 文档编号:12711883
- 上传时间:2023-04-21
- 格式:DOCX
- 页数:4
- 大小:82.02KB
标准图标设计的6大原则.docx
《标准图标设计的6大原则.docx》由会员分享,可在线阅读,更多相关《标准图标设计的6大原则.docx(4页珍藏版)》请在冰豆网上搜索。
标准图标设计的6大原则
标准图标设计的6大原则
简述:
系统图标是在触摸设备上具有明确指代含义的图形符号。
它源自于生活中的各种图形标识,是触摸设备中元素图形化的重要组成部分。
系统图标
系统图标是在触摸设备上具有明确指代含义的图形符号。
它源自于生活中的各种图形标识,是触摸设备中元素图形化的重要组成部分。
它不同于手机屏幕上的应用图标,在这里我们要讲解的系统图标是指在移动设备界面中的小图标。
在UI设计中系统图标是非常重要的部分。
虽然系统图标的尺寸看起来非常小,但是系统图标设计的能力在很大程度上反映了一个UI设计师的设计水准。
UI设计
界面中的小图标称为系统图标
系统图标的作用
系统图标在界面设计中起着非常重要的信息传达和提升美感的重要作用。
首先图标可以代替文字快速传递信息,用户可以省去阅读文字的时间直接识别图形就可以快速做出反应。
其次,图标可以极大的提升界面的美观度和简洁度,例如表示点赞数和评论数的图标。
另外也有一部分图标因为含义较为生僻,图标不能完整的表达含义。
这种情况下就需要图标和文字搭配使用。
系统图标设计原则
1.避免模糊像素
在UI设计最基础也是最忌讳的问题就是像素模糊的问题,这是因为随着设备的不断更新手机屏幕的显示精致度越来高,任何一个微小的瑕疵都会在手机屏幕上被用户明显感知。
并且会因为这样的模糊问题直接降低整个UI界面的品质度。
UI设计
像素清晰和像素模糊的对比
UI设计
这张图是清晰图标和模糊效果的对比,是不是差距很大呢。
2.统一的栅格体系,保证视觉大小一致性
为了保证系统图标的视觉大小一致,谷歌官方给安卓系统制定了一套完善的栅格系统。
这套栅格系统分别定制了方形图标,圆形图标,横长形图标和竖长形图标。
因为不同图形的图标的视觉张力不同会给人不同的视觉大小,这套栅格就是为了能够保证不同形状下图标的视觉大小一致。
UI设计
安卓系统官方栅格系统
UI设计
如果方形和圆形按照实际尺寸做一样大小的情况下,正方形看起来会比圆形的视觉大小大很多。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 标准 图标 设计 原则