icon设计的标准化规范是图标栅格化矢量设计,像素满格,轮廓精确对齐1px网格,而不是0.1~0.9px,减少线条发虚。
边长16px,圆角1px,内部均为直角,主线px(由于方形本身视觉上看起来比圆形大,因此在同一范围内方形要往中心点收缩一部分才会让两者在视觉上保持一致)。
以上只是拿一套图标中的几个做个范例,最终目的要做到利用这些核心形状做为向导,使整个相关产品的图标保持一致的视觉比例。
● 字体是矢量化图形,它天生具有「分辨率无关」的特性,在任何分辨率和PPI下面,都可以做到完美缩放,不会像传统位图, 如:png,jpeg,放大后有锯齿或模糊现象。
除了遵守以上规则外,我们需要新建一个画板(560px*560px),将制作的28px*28px的图标复制进去,按快捷键command+k首选项设置,勾选“缩放描边和效果”选项,如下图所示
然后将28px*28px的图标放大为560px*560px,上下左右居中对齐画板。然后导出为svg文件。
到此,字体图标的整个制作流程就完成了,这个流程基本上可以适用,除非某些大型公司有自己特别的规范和标准。以上只是我的一些经验,如果不妥之处请留言,如果正确我会及时修改,非常感谢~
使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
!DOCTYPE html 3_3HOMEWORK /*! Twitter Bootstrap //! ...
野丹丹(译)于叽叽(编辑) 经过我长期的软磨硬泡,终于跟视觉设计师野丹丹同学约到了一篇优质翻译稿。原文由全球著...
零点时分,明月不在当空,可期待明月的人已经做好了等待,但愿天气晴朗,皓月当空,愿明月如一个美丽的女子,出浴却遗...世界末日最新消息
网友评论 ()条 查看