1.按钮功能类型
按钮功能类型主要包括行为有
行为召唤按钮:行为召唤(CTA)按钮其目的是通过设计诱导或激励用户点击按钮。从而达到产品的目的,主要包括诱导购买,订阅关注,利益诱导,文字诱等。
表格按钮,标签按钮,命令按钮,悬浮按钮,开关按钮
2.设计的目的
帮助设计团队提高设计质量,工作效率.
减低各方沟通成本,统一设计标准及工作方法.
支持模块化设计,减低开发成本,加快产品开发迭代的生产速度.
逐步提高交互体验,更好的服务于用户体验工作.
3.设计标准原则
高效设计,优质阅读体验,保持专注,简约流程.
快速认知,快速记忆,降低认知成本.
标准的基础设计规范.
进阶标准,情感化设计体验,产品品牌印象传播.
4.认识UI插画
插画在网站和移动APP上以一种火箭般的速度增长来帮助提高可用性,情感和视觉吸引力.
UI插画是UI设计中,最具有表现力的元素,需要同文字,色彩,版式进行结合设计.
一张插画所传递的信息比文字更多更丰富,在UI和网页中使用插画来辅助传达信息.
增加视觉冲击感/增添趣味性,使页面不显得单调乏味/承载更多的信息量,更加的直观/满足用户的情感需求
5.UI常见的风格
扁平风格(特点)形象概括,画面清爽整洁,最常见UI插画风格
肌理插画(特点)给插画加上一些肌理质感,比如杂色和光感,是扁平风插画的延伸.
MBE风格插画(特点)圆润扁平,描边,错位,在APP中的引导页,启动页和缺省页运用也比较广泛.
渐变插画(特点)通过色彩强调光感,颜色一般采用邻近色,色相跨越不大.
5D等距插画(特点)在二维的空间里变现三维的事物,通常无透视效果
描边插画(特点)描边插画出了运用形状,还在他的外轮廓都运用了描边,可以很清晰的表达抽象事物.
轻拟物插画(特点)视觉效果丰富,既有扁平风格简约,又有拟物化风的光影,空间感.
6.UI插画元素种类
写实元素:形态或质感的写实,和正常人物,景物,动物,景物等比例或质感相同.
夸张元素:形态或质感在真实事物的基础上进一步概括和夸张,具有更强的吸引力和强调性.
图形化元素:形态或质感在真实事物的基础上以图形概括的方式呈现,例如基本的几何图形,具有简约现代的特征.