规范布局强化设计空间

文/祝艳妮 单从视觉效果上看,图标都有一个标准尺寸的外形,借助图标的规范模版,我们方便控制图形大小、空间安排、结构比例。移动终端体积小,一般是近距离观看。适应这一使用特性,APP图标设计应避免使用锋利的设计,轮廓转折一般做小圆角处理。

同时图形的圆角设计遵循同一设计原则,大小一致,观感统一。在圆角正方形辅助框的外形要求下,图标造型可以重叠外框的四条边,也可以放大图形置于图框内,当然有些图标稍微小一点,图形居中排列。正方形外框的规范版式使不管哪一种构图的图形看起来都一样大,视觉体积更一致。

在相同的圆角正方形外框中,内部空间的图形形状我们可以归纳为几何形、自然形、有机形、偶然形。几何形的视觉效果表现规整、秩序、理性;自然形视觉效果更为生动,容易吸引注意力;有机形相对柔和,体现情感联结;偶然形变化多端,更具活泼自由的视觉特征。

比较APP图标的图形造型,大部分是以"面”为主的图形设计,样式饱满,图形形象视觉吸引力强,更容易在同类型产品图标中凸显出来。另一部分是内聚式图标,尤其是多点形图形设计,集中造型使得力的作用加强,利于强化图标的视觉中心。也有一些以点为主或线型的设计,通常做加粗强化处理,给用户带来不同的视觉观感。

平稳视角认知品牌形象

多点造型的图标设计,需要借助对齐所有元素的方式。对齐的作用力非常强大,能够保证图形清晰明确。虽然不规则的形状更容易吸引注意力,然而对齐各元素之间的间隔,仍然是区别图标差异的形式法则之一,并且具有相当的适用性。

图形元素之间正确对齐,在各元素周围保持相同的大小间隔,间距精确,是图标设计整合的有效手段。避免在图形内部使用太多不同的间距大小,一般情况下使用2-3个不同的尺寸是合理的层级。如果变体太多势必破坏图形的简洁,不利于识别。

图形中表现视平线的方式分为平视、俯视、仰视三种基本角度,除游戏以外的大部分类型APP,在图形的视点表现上,多采用平视体构图。有些品牌明确在图标设计指南中要求图形视角保持平面的平视,禁止表现任何立体视角,借助图标的视觉角度暗喻其产品的正面、稳定和可靠性。

类型特征实现信息传播

移动APP图标从形式上需要表现运营的功能,作为品牌视觉传播的一种指代符号,直接与用户交流,可以简单划分为图形和文字两大类。从符号学的角度,我们又把APP图形图标划分为:

①类象符号型图标,表现的是对象的模拟,与对象相似度高,一般是图像的形式。图像是人脑熟悉的形象符号,具有很强的认知性,直观表达丰富而形象的信息,更便于理解和记忆。

②标志符号型图标,也可看做指示性图标,利用媒介与对象的接近性构成的标志性符号。标志符号与人的认知习惯密切相关,具有高度的客观概括性与指示意义,用户看到图标就会因为空间性、时间性及因果关系的接近,联想到现实生活中的事物,进而理解其代表的含义。

③象征符号型图标,是一种任意约定形符号。

④文字图标的表意更为准确,文字可以固定模糊不定的含义,在抽象意义表达上具有更大的优势,可以被优先解读。可以直接采用品牌文字标志。

app图标圆角角度_?APP图标造型分析相关推荐

  1. app图标圆角角度_教你如何绘制风格统一的APP界面图标

    此教程针对新手阶段刚开始做APP界面的同学,如果你是资深老司机看到这篇小教程可以自动忽略,当然也可以来互撩 初次做APP的同学,绘制图标是占界面问题比重较大的一块内容,虽然网络资源很多, 但仍旧做不好 ...

  2. app图标圆角角度_[转载]iOS app 图标的圆角半径是多少?

    iOS app 图标的圆角半径是多少? 括弧里面是对应的半径大小 App store(Retina屏) ─────────────1024px(160px) iTunes Artwork icon ─ ...

  3. app图标圆角角度_怎样使用sketch绘制标准APP图标圆角矩形背景?

    主要是做UI设计时ICON背景板的一些操作方式,例如以下图标的背板.可以看出不单单是圆角矩形,而是有点胖胖的圆角矩形,那这种矩形要怎么简便省时的操作. 用sketch绘制的效果我简单会分为3种常见背板 ...

  4. 图标圆角角度_UI设计中图标的规范及原则【附全套视频】

    icon是一种图标格式,用于系统图标.软件图标等,这种图标扩展名为*.icon.*.ico.常见的软件或windows桌面上的那些图标一般都是ICON格式的.icon元素包括两个可选的子元素:smal ...

  5. 桌面图标摆放图案_用图标制作醒目的图案

    桌面图标摆放图案 Level up your video calls with a custom backdrop created using Noun Project icons. 使用使用Noun ...

  6. safari快捷图标不见了_软件图标五花八门太难看?用它一键定制套装桌面

    做最有趣有料的科技自媒体 作为一个手机app控,在收集了很多app之后,看着五花八门的应用图标,处女座的强迫症又来了!这些「各具特色」的图标汇合在一个屏幕里,简直丑到爆! 找个主题把它们都套起来,眼不 ...

  7. keil5图标变成白色_电脑桌面图标全部变成白色的解决办法

    系统桌面图标全部变成一个样子的白色图标,这是怎么回事?电脑桌面的图标全部变成白色该如何解决?下面为大家解答. 解决办法: 1.首先尝试最简单的方法操作看看,登录到系统桌面,右键桌面空白处点击打开&qu ...

  8. safari快捷图标不见了_桌面图标不见了(不是营销!)

    主题词: 游戏等部分图标不见了 第一次写文章,但我依旧力求简洁明了-条理清晰. 背景:近几天没打游戏,仅仅在B站看视频实况,想上厕所,空格按了下暂停,然后...然后就卡住了,没多久就蓝屏了.这样两天反 ...

  9. C++求复数的角度_【研读.教材分析】“勾股定理”教学——基于单元整体的角度再思考...

    (西安市第八十六中学   刘丽丽) 学科教学要注重知识的"生长点"和"延伸点",把课时知识置于学科整体逻辑体系中,关注结构和通法,处理好局部与整体之间的关系.所 ...

最新文章

  1. 动态引入js只能生效一次_干货丨动态插入的script脚本执行时间
  2. 我的电脑不联网,很安全,黑客:你还有风扇呢
  3. bzoj4568(合并线性基+倍增)
  4. 逆向链表c语言 abcdef,6-6 求单链表元素序号 (5 分)
  5. OpenCV之highgui 模块. 高层GUI和媒体I/O: 为程序界面添加滑动条 OpenCV的视频输入和相似度测量 用OpenCV创建视频
  6. vivadohlsdsp_Vivado HLS学习笔记
  7. vue选中点击的元素_vue中v-for循环选中点击的元素并对该元素添加样式操作
  8. 何恺明组《Designing Network Design Spaces》的整体解读(一篇更比六篇强)
  9. sql 查询一个月的数据按天显示_数据分析-sql复杂查询
  10. jquery 如何控制滚动条每次向下滚动300px
  11. 机器学习基础:交叉熵损失(Machine Learning Fundamentals: Cross Entropy Loss)
  12. Ruby学习笔记1 -- 基本语法和数据类型, Class
  13. node-ffi 调用Golang动态库
  14. ADI公司完成对凌力尔特公司的收购
  15. 搜索计算机硬盘的索引恢复,如何修复Windows 10搜索索引 | MOS86
  16. (FortiGate)飞塔防火墙查看CPU内存使用情况
  17. 佐治亚理工计算机科学录取,佐治亚理工大学计算机科学硕士申请条件及案例分享...
  18. SAP PP初阶新建的工单保存后自动RELEASE
  19. Openstack安装与部署三:本地源配置
  20. Broadcasting

热门文章

  1. TVM代码生成codegen
  2. 图像合成与风格转换实战
  3. AMD Ryzen 5000‘Cezanne’APU
  4. 2021年大数据Spark(三十三):SparkSQL分布式SQL引擎
  5. 【注意事项】Markdown遇到的小问题
  6. 微信小程序提示 出现脚本错误或者未正确调用 Page()
  7. 微型计算机中常用的进位计数制有,计算机试题与答案
  8. Numpy 整体复制、按块复制、向量化操作、寻找缺失值、填充缺失值
  9. 机器学习三要素之数据、模型、算法
  10. MySQL 学习笔记(6)— 存储过程创建、调用、删除以及带参数的存储过程