飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网赞助商广告

扁平化风格图标设计终极指南

天堂鸟发布于:2018-3-23 13:55 |原作者: 小辈无名
简介: 版权申明:本文原创作者“小辈无名”,感谢“小辈无名”的原创经验分享!图片居然不能等比例缩小 有点变形了。。。。大家将就着看吧。。。 1. 使用栅格 界面图标通常可以近似为基本格式之一:横向矩形,纵向矩形,对角矩形,圆形,三角形,正方形。 模糊显示它们具有相同的视觉重 ...
飞特网赞助商广告

版权申明:本文原创作者“小辈无名”,感谢“小辈无名”的原创经验分享!

图片居然不能等比例缩小 有点变形了。。。。大家将就着看吧。。。

1. 使用栅格

界面图标通常可以近似为基本格式之一:横向矩形,纵向矩形,对角矩形,圆形,三角形,正方形。 模糊显示它们具有相同的视觉重量,因为它们变成或多或少相同的斑点。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

根据图标形状,将其放到到栅格的相应框架中。例如,方形图标比三角形或细长图标更紧凑。扁平化风格图标设计终极指南 飞特网 设计理论

图标越紧凑,所需的空间就越小。图标具有更锐利的边缘或小的细节,它应该占据更多的画板空间。扁平化风格图标设计终极指南 飞特网 设计理论当心成为网格的奴隶。这是为了辅助,并不是限制。如果一个图标在视觉上更好一些突出的元素,让他们伸出。


2. 注意像素网格

要在非视网膜屏幕上使图标变得锐利,请坚持使用像素网格,并优先选择线图标的2像素边框。扁平化风格图标设计终极指南 飞特网 设计理论居中的2像素边框提供了足够的厚度和清晰的轮廓。如果选择1像素边框,它们应该是外部或内部,而不是中心。否则,该图标将以100%的比例模糊。扁平化风格图标设计终极指南 飞特网 设计理论

根据像素网格设置对角线的起点和终点。角度为45°,30°和60°的对角线看起来比像13.7°或81°等不均匀角度的对角线更锐利。扁平化风格图标设计终极指南 飞特网 设计理论

3. 保持一定的细节

最好从最复杂的图标开始设置图标。它将定义详细程度并帮助制作相同视觉重量的图标。扁平化风格图标设计终极指南 飞特网 设计理论

123下一页
2

好评

差评

刚表态过的朋友 (2 人)

天堂鸟
北京市 怀柔区 
+ 关注 私信
  • 设计中那些暗藏玄机的小心思
  • 版式设计教程——文字排版中的小技巧
  • 排版教程——版式设计的四大原则

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

设计,从飞特开始
关于飞特|广告服务|付款方式|友情链接|网站地图|联系我们|加入我们|举报|飞特网旧版| 飞特网