51站台网 » 广州51站台网 » 广州翻译/教育培训/咨询 » 广州职业培训 » 天河职业培训 » 车陂职业培训 免费发布广州职业培训信息»

广州佰新网络科技有限公司UI界面图标设计终极指南

更新时间:2019/6/5 15:37:58    纠错/删除/投诉
信息来源: 商家
地点:广州 » 天河 » 车陂
联系用户: zyq32418
联系电话:

详细内容:
1使用光栅来更好的设计图标
UI界面的图标通常可以近似的看做以下的基本格式之一:横向矩形,纵向矩形,对角矩形,圆形,三角形,正方形。 如果把它们做成高斯模糊效果,你就会发现它们具有相同的视觉重量,因为它们变成或多或少相同的斑点效果。
2注意像素网格的重要性
在非视网膜屏幕上设计图形的时候,要特别遵循使用像素网格,并优先选用2像素的边框作为图标的线条。因为它可以让图标在这些显示屏上更加清晰。
3保持一定的图标细节
从一套图标中最复杂的那个开始来设计通常是最有效的,因为它会帮助我们定义相同的视觉重量,让所有的图标视觉重量保持一致。
4控制最小的间隙尺寸
图标的相邻元素之间空间在整个图标集中不应太小或不一致。在任何情况下,都要定义最小间隙,以避免轮廓“粘滞”。比如下方的图标,太小的间隙,所产生的粘滞感要特别注意:
5去除重复部分
在一套图标集中,你很可能会重复一些细节,比如下图这样。但是尽量不要这么做,让观众的注意力集中在不同的东西上。这就像数学中的分数简化一样。您看到的图形噪声越少,用户的理解就越清晰。
6保持图标风格统一
下面的两幅图可以很好的展示正确的和错误的例子,比如一套家具的图标,如果一个图标的绘制角度是斜45°,那么其他的图标也尽量保持这样的角度。而不能一个是正视,一个是斜视。看看下面两幅图,哪幅图是正确的呢?
7基于二倍数的度量系统来设计
与基于十进制的大小调整相比,8像素网格和12列布局用于许多接口更灵活。 12可以分为2,3,4和6。因此,24或48像素图标区域已成为标准。 如果需要更大的尺寸,可以缩放这些图标。是时候补习下数学啦!
8保持轮廓的干净和准确
对于完美主义,设计师不能钻牛角尖,因为没有完美的事物。但是在你的最终设计稿里边,正确的,不扭曲的图标设计还是非常重要的。特别要注意,确保相邻的节点和相邻的元素是完全对齐或者没有间隙的。(联系我时,请说明是在51站台网看到的,谢谢!)

广州职业培训相关类别:

其他类别:

相关热门:
相关厂家:
推荐店铺: