相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

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

天堂鸟发布于: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下一页
18

好评
12

差评

刚表态过的朋友 (30 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

天堂鸟
北京市 怀柔区 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计