图标设计五条黄金法则
图标如今它们无处不在,并且在用户界面(UI设计)的中扮演着重要角色。无论您是一位有出色的用户界面设计师,还是想要提高视觉设计技能的UX设计师,图标设计过程都是至关重要的一步。今天胡老师带大家学习图标设计五条黄金法则。
在接到新项目时从头开始设计一组新图标时,必须为该过程分配足够的时间。还需要牢记一些准则,这将有助于确保图标可识别且易于使用。
事不宜迟,下面给大家介绍图标设计中的五条黄金法则,学会之后你离高级UI设计师又进了一步。
1.注意网格
图标设计中的许多内容都由网格控制。在设计图标时,您需要密切注意像素网格以及图标如何适应像素网格。
确保图标紧贴像素网格的最简单方法是坚持整数。避免小数点-这些家伙会使图标的边缘产生模糊。让我们看一下实际情况。
在下面,我绘制了一个简单的房屋图标,并打开了像素网格。在左侧,您可以看到一个图标,该图标由完全适合像素网格的笔触组成。在右侧,笔触略有下降。您可以通过查看组成像素网格的线来分辨它们,它们一直贯穿到笔画。
现在,让我们看一下构成屋顶的对角线。这些并不完全位于网格上。我们将无法使它们合适,因为网格由垂直和水平线组成,没有对角线。在这些情况下,我们确保构成对角线的起点和终点位于网格上。
2.清晰度
我们有时会在很小的地方放图标,例如iPhone上的标签栏。随着标签栏的大小图标也会适当的变小。这个适合图标可能就会变模糊看不清。
在做小图标的设计时,图标的线条要比正常图标的细一些。尽量做一些直角的图标,避免圆角会模糊不清。要点就是确保即使小尺寸的图标也能使用户清晰的阅读,给用户良好的视觉体验。
3.保持一致
当我们设计一组图标时,它们应该像一个家庭。它们看起来并不完全相同,但是具有相似的视觉属性,使它们彼此相关。
在设计时,图标设计五条黄金法则https://www.aaa-cg.com.cn/ui/2879.html?seo1请做出一致的样式选择。例如,如果您使用了圆角并以一个图标结束,请确保其余所有都使用。样式,大小和详细程度都应保持一致。这有助于形成连贯的视觉语言,这是品牌塑造的关键部分!
4.测试
确保图标与用户清晰,快速地通信的最佳方法是对其进行测试。设计完图标后,最好进行快速测试。
向朋友或团队中的其他人显示图标。让他们告诉您,当他们看到他们时想到的第一件事。如果它与您要交流的内容保持一致,那么您的设计就成功了一半!
5.设计简单的形状
一切都可以分解为基本形状如上面的房屋图标案例?我们设计了两个矩形和一个三角形。
定义完图标后,请尝试将其分解为简单的形状。这是开始构建和简化图标的最佳方法。
摘自:https://www.aaa-cg.com.cn/ui/2879.html?seo1
图标设计五条黄金法则相关推荐
- 游戏输入控制的五条黄金法则
游戏输入控制的五条黄金法则 已征得原作者Zachary Burke同意.原文地址:Gamasutra: Zach Burke's Blog 背景 想像一下一个场景--你兴冲冲的开车去购物,就当你到了地 ...
- 《完美幻灯片设计的黄金法则》
<完美幻灯片设计的黄金法则> 基本信息 作者: 宋翔 出版社:电子工业出版社 ISBN:9787121220241 上架时间:2014-1-7 出版日期:2014 年1月 开本:16开 页 ...
- UI培训教程分享:APP图标设计的6种风格都有哪些?
在从事UI设计师这个岗位的时候,相信大家会经常遇到关于产品设计的工作,尤其是APP图标这块,在日常工作中,常见的图标风格主要有渐变风格.剪影风格.长投影风格.卡通风格.轻质感风格和拟物风格6种.今天小 ...
- UI设计培训分享:app图标设计要遵循哪些原则
APP图片设计是UI设计工作中经常会遇到的,一个好的APP产品,图标的设计是非常重要的,本期小编为大家分享的UI设计培训教程就是app图标设计要遵循哪些原则?来看看下面的详细介绍. UI设计培训分享: ...
- 如何把不同尺寸ico格式图标_还在为图标设计犯难?这篇告诉你图标设计so easy!...
UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位. 什么是图标? 图标正确打开方式是这样的! ico图标其实是icon file的缩写形式,它 ...
- 设计前沿:16款扁平风格 iOS 7 图标设计
最新发布的 iOS 7 抛弃了曾经倍受追捧的拟物化设计,采用扁平化,极简设计的界面.对于 iOS 平台来说,采用没有阴影的平面设计其实是有道理的.以前的屏幕分辨率有限,必要的阴影可以填补小尺寸,分辨率 ...
- 各个图标的意思_冬奥体育图标设计团队负责人林存真:每一个图标要画100稿以上...
林存真中央美术学院设计学院副院长.北京冬奥组委文化活动部形象景观艺术总监.北京冬奥会体育图标设计团队负责人. 12月31日晚,北京2022年冬奥会和冬残奥会体育图标正式发布.在体育图标发布前夕,新京报 ...
- 制作一个状态栏中跑马灯效果_图标设计指南(3)——制作一个图标集所需全部信息(中)...
本文翻译自图标设计专家Justas Galaburda写的图标设计指南.本文主要介绍制作一个图标集所需全部信息(中).翻看同系列文章,直接到文章最底部. 制作一个图标集所需全部信息 上次我们介绍了我将 ...
- easyui 图标_logo设计和图标设计有哪些不同?
原标题:logo设计和图标设计有哪些不同? 本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 logo设计和图标设计有哪些不同?对于LOGO和图标概念上的异同的争论, ...
最新文章
- Scala入门之函数编程
- Spring mvc PostgreSQL 插入timestamp和int8
- MPLS BGP标签分发过程——Vecloud
- 自定义控件——轮播广告条
- Android应用程序绑定服务(bindService)的过程源代码分析
- 连接远程电脑中的虚拟机---端口映射
- python的flag是什么意思_网上老说的flag是什么意思
- 编程是使用计算机的什么部位,第一章 编程语言及计算机介绍
- transition transform
- 排序算法--基数排序
- Java Object[] 向下强转的时候可能会发生异常
- 计算机组成原理知识体系
- 基于功率分析的侧信道攻击简介
- 【Unity】Unity Pivot 与 Center Globle 与Lical
- qq邮箱里面html的图片无法显示,QQ邮箱如何不显示图片? QQ邮箱如何不显示图片?...
- 黑盒测试之导入CVS文件之什么是CVS文件
- trim函数去除空格(所有空格,前后,前,后)以及字母大小写切换
- linux 出现running guests on default URT情况解决
- 【亲测可用】2022最新酒桌小游戏喝酒小程序源码_带流量主
- office2016实用论文排版技巧