app图标圆角角度_?APP图标造型分析
规范布局强化设计空间
文/祝艳妮 单从视觉效果上看,图标都有一个标准尺寸的外形,借助图标的规范模版,我们方便控制图形大小、空间安排、结构比例。移动终端体积小,一般是近距离观看。适应这一使用特性,APP图标设计应避免使用锋利的设计,轮廓转折一般做小圆角处理。
同时图形的圆角设计遵循同一设计原则,大小一致,观感统一。在圆角正方形辅助框的外形要求下,图标造型可以重叠外框的四条边,也可以放大图形置于图框内,当然有些图标稍微小一点,图形居中排列。正方形外框的规范版式使不管哪一种构图的图形看起来都一样大,视觉体积更一致。
在相同的圆角正方形外框中,内部空间的图形形状我们可以归纳为几何形、自然形、有机形、偶然形。几何形的视觉效果表现规整、秩序、理性;自然形视觉效果更为生动,容易吸引注意力;有机形相对柔和,体现情感联结;偶然形变化多端,更具活泼自由的视觉特征。
比较APP图标的图形造型,大部分是以"面”为主的图形设计,样式饱满,图形形象视觉吸引力强,更容易在同类型产品图标中凸显出来。另一部分是内聚式图标,尤其是多点形图形设计,集中造型使得力的作用加强,利于强化图标的视觉中心。也有一些以点为主或线型的设计,通常做加粗强化处理,给用户带来不同的视觉观感。
平稳视角认知品牌形象
多点造型的图标设计,需要借助对齐所有元素的方式。对齐的作用力非常强大,能够保证图形清晰明确。虽然不规则的形状更容易吸引注意力,然而对齐各元素之间的间隔,仍然是区别图标差异的形式法则之一,并且具有相当的适用性。
图形元素之间正确对齐,在各元素周围保持相同的大小间隔,间距精确,是图标设计整合的有效手段。避免在图形内部使用太多不同的间距大小,一般情况下使用2-3个不同的尺寸是合理的层级。如果变体太多势必破坏图形的简洁,不利于识别。
图形中表现视平线的方式分为平视、俯视、仰视三种基本角度,除游戏以外的大部分类型APP,在图形的视点表现上,多采用平视体构图。有些品牌明确在图标设计指南中要求图形视角保持平面的平视,禁止表现任何立体视角,借助图标的视觉角度暗喻其产品的正面、稳定和可靠性。
类型特征实现信息传播
移动APP图标从形式上需要表现运营的功能,作为品牌视觉传播的一种指代符号,直接与用户交流,可以简单划分为图形和文字两大类。从符号学的角度,我们又把APP图形图标划分为:
①类象符号型图标,表现的是对象的模拟,与对象相似度高,一般是图像的形式。图像是人脑熟悉的形象符号,具有很强的认知性,直观表达丰富而形象的信息,更便于理解和记忆。
②标志符号型图标,也可看做指示性图标,利用媒介与对象的接近性构成的标志性符号。标志符号与人的认知习惯密切相关,具有高度的客观概括性与指示意义,用户看到图标就会因为空间性、时间性及因果关系的接近,联想到现实生活中的事物,进而理解其代表的含义。
③象征符号型图标,是一种任意约定形符号。
④文字图标的表意更为准确,文字可以固定模糊不定的含义,在抽象意义表达上具有更大的优势,可以被优先解读。可以直接采用品牌文字标志。
app图标圆角角度_?APP图标造型分析相关推荐
- app图标圆角角度_教你如何绘制风格统一的APP界面图标
此教程针对新手阶段刚开始做APP界面的同学,如果你是资深老司机看到这篇小教程可以自动忽略,当然也可以来互撩 初次做APP的同学,绘制图标是占界面问题比重较大的一块内容,虽然网络资源很多, 但仍旧做不好 ...
- app图标圆角角度_[转载]iOS app 图标的圆角半径是多少?
iOS app 图标的圆角半径是多少? 括弧里面是对应的半径大小 App store(Retina屏) ─────────────1024px(160px) iTunes Artwork icon ─ ...
- app图标圆角角度_怎样使用sketch绘制标准APP图标圆角矩形背景?
主要是做UI设计时ICON背景板的一些操作方式,例如以下图标的背板.可以看出不单单是圆角矩形,而是有点胖胖的圆角矩形,那这种矩形要怎么简便省时的操作. 用sketch绘制的效果我简单会分为3种常见背板 ...
- 图标圆角角度_UI设计中图标的规范及原则【附全套视频】
icon是一种图标格式,用于系统图标.软件图标等,这种图标扩展名为*.icon.*.ico.常见的软件或windows桌面上的那些图标一般都是ICON格式的.icon元素包括两个可选的子元素:smal ...
- 桌面图标摆放图案_用图标制作醒目的图案
桌面图标摆放图案 Level up your video calls with a custom backdrop created using Noun Project icons. 使用使用Noun ...
- safari快捷图标不见了_软件图标五花八门太难看?用它一键定制套装桌面
做最有趣有料的科技自媒体 作为一个手机app控,在收集了很多app之后,看着五花八门的应用图标,处女座的强迫症又来了!这些「各具特色」的图标汇合在一个屏幕里,简直丑到爆! 找个主题把它们都套起来,眼不 ...
- keil5图标变成白色_电脑桌面图标全部变成白色的解决办法
系统桌面图标全部变成一个样子的白色图标,这是怎么回事?电脑桌面的图标全部变成白色该如何解决?下面为大家解答. 解决办法: 1.首先尝试最简单的方法操作看看,登录到系统桌面,右键桌面空白处点击打开&qu ...
- safari快捷图标不见了_桌面图标不见了(不是营销!)
主题词: 游戏等部分图标不见了 第一次写文章,但我依旧力求简洁明了-条理清晰. 背景:近几天没打游戏,仅仅在B站看视频实况,想上厕所,空格按了下暂停,然后...然后就卡住了,没多久就蓝屏了.这样两天反 ...
- C++求复数的角度_【研读.教材分析】“勾股定理”教学——基于单元整体的角度再思考...
(西安市第八十六中学 刘丽丽) 学科教学要注重知识的"生长点"和"延伸点",把课时知识置于学科整体逻辑体系中,关注结构和通法,处理好局部与整体之间的关系.所 ...
最新文章
- 动态引入js只能生效一次_干货丨动态插入的script脚本执行时间
- 我的电脑不联网,很安全,黑客:你还有风扇呢
- bzoj4568(合并线性基+倍增)
- 逆向链表c语言 abcdef,6-6 求单链表元素序号 (5 分)
- OpenCV之highgui 模块. 高层GUI和媒体I/O: 为程序界面添加滑动条 OpenCV的视频输入和相似度测量 用OpenCV创建视频
- vivadohlsdsp_Vivado HLS学习笔记
- vue选中点击的元素_vue中v-for循环选中点击的元素并对该元素添加样式操作
- 何恺明组《Designing Network Design Spaces》的整体解读(一篇更比六篇强)
- sql 查询一个月的数据按天显示_数据分析-sql复杂查询
- jquery 如何控制滚动条每次向下滚动300px
- 机器学习基础:交叉熵损失(Machine Learning Fundamentals: Cross Entropy Loss)
- Ruby学习笔记1 -- 基本语法和数据类型, Class
- node-ffi 调用Golang动态库
- ADI公司完成对凌力尔特公司的收购
- 搜索计算机硬盘的索引恢复,如何修复Windows 10搜索索引 | MOS86
- (FortiGate)飞塔防火墙查看CPU内存使用情况
- 佐治亚理工计算机科学录取,佐治亚理工大学计算机科学硕士申请条件及案例分享...
- SAP PP初阶新建的工单保存后自动RELEASE
- Openstack安装与部署三:本地源配置
- Broadcasting