电脑工作组名称
现在的电脑,虽然在家庭中使用的少了一些,但是在工作中,或者是一些专业的应用方面,电脑还是有很多的应用。相对于其它的一些小的电子设备,电脑在性能方面还是有很大的优势。我们通过一系列的文章,来介绍一下WI...
2024.11.19文/罗晓萌 工具栏图标的设计在整个应用程序中扮演了人机交互的重要角色。工具栏图标设计的成功与否,直接决定了用户对应用程序的满意度。
如果说启动图标是应用门面的话,那工具栏图标就是导航灯,它的设计应该是以提示、引导、警告为目的。APP只有一个启动图标,但是却有很多的工具栏图标。
①将图形几何化。我们生活中所看到的任何图形,几乎总是有几何形的存在,将图形简化为几何形是对图形进行一种高度概括。
几何化就是将图标设计的所选图形的轮廓进行规范化,不论轮廓多么繁琐,都要简化成几何图形,可以是三角形、矩形、圆形、梯形、五角形。简单来说,几何化是一种从具象到抽象的演变。
②用单线勾勒图形。线是造型艺术最基本的语言,线具有较强的表现性。这里所讲的用单线勾勒即是先确定所要设计工具栏图标的元素图形,然后用单线勾勒图形轮廓,整个线条轨迹连接闭合就形成了图形。
线条的颜色应与界面颜色区别开来,图形内部无需再着色。线条高度的概括性让整个图标显得简洁,轻快而不呆板。
③用剪影诠释图形。剪影风格经常会运用到工具栏图标的设计,剪影是一种高度概括的表现形式,这种高度概括放在算法中就是一种减法,是在保留表达目标的基础上合理删减,简单的说就是简化图形。
将所选图形平铺,不做任何的修饰和效果,诸如高光、渐变、反光、投影,只需保留最重要的细节,不必要的地方一概删除,直接表达所需要表现的对象。
工具栏图标的设计大都非常简约,APP界面上同时会有多个工具栏图标,如果想让整个界面看起来干净简洁,图标就要统一起来。统一的形式除了造型之外最重要的就是配色了。
一般工具栏图标的颜色都是单色的,我们不能把这里的单色单纯理解为黑色和白色,而是只采用一种颜色。当然可以是各种颜色,但是具体要和整个的界面颜色相和谐。也有的一些APP的工具栏图标每一个图标都用不同的颜色,这种配色不是不可以,运用的不好容易使得整个界面繁琐杂乱。
工具栏图标看似简单,但是它的设计需要更加严谨和高超的造型能力和技巧,设计方法也更加严格。工具栏图标的设计要充分考虑用户的惯用思维和一些各大平台用户公认的工具栏图标。
例如:说搜索的常用图标就是一个放大镜的图形,像这种惯用图标用于再设计时就要根据自己整个APP的风格和界面布局,做细节的改动,以求与整个APP设计相协调。
工具栏图标在遵循规范的同时还要弄清其所代表的含义,尤其在设计时不要想当然,工具栏图标最重要的作用就是传递信息,这是设计首要考虑的,应该充分考虑以用户为中心,快速、准确的向用户传达信息,使得用户轻松的理解图标所象征的意义。
(此处已添加圈子卡片,请到今日头条客户端查看)① 官方头条号:设计智造 顶级创意设计师必备
② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!
现在的电脑,虽然在家庭中使用的少了一些,但是在工作中,或者是一些专业的应用方面,电脑还是有很多的应用。相对于其它的一些小的电子设备,电脑在性能方面还是有很大的优势。我们通过一系列的文章,来介绍一下WI...
2024.11.19在电脑桌面上点击鼠标右键,选择“个性化”。然后在页面中选择“显示”;接下来选择“125%”,然后就可以调整屏幕上的文字大小了。调整网页页面字体大小:在浏览器打开一个页面,同时按住键盘Ctrl键+鼠标滚...
2024.11.22特派团董事会许多图标,但有许多软件不需要使用,但它必须在后台打开,这会影响计算机的美学,这么多用户将选择隐藏某些图标来制作计算机美学。但是当我需要一个隐藏的图标时,我不知道如何找到它,所以今天我们会看...
2024.11.22简介:网站的后台中有编辑器,在编辑器中可以输入文字、插入图片、视频、音频和附件,还能进行排版。编辑器中的工具栏有许多图标,这些图标表示不同的功能,认识这些图标的含义很有必要。工具:网站后台编辑器分割线...
2024.11.22很多时候,我们常常会误删一些文件,所以我们也经常去回收站里面还原文件。不过,最近却有Win7用户反映,误删文件后要去回收站里还原的时候,突然发现桌面上的回收站图标不见了,这让用户非常烦恼。那么,Win...
2024.11.19