认识达内从这里开始

UI设计师在设计网页的时候，除了需要关注时常更新的banner图以外，banner图底部的金刚区也是需要重点关注的一个设计核心，下面我们就通过案例分析来简单了解一下，金刚区UI设计都有哪些常见样式。

1、面性图标

设计样式：面性图标是由外部轮廓和内部的icon图形组成，外轮廓的图形一般选用圆形或者超椭圆作为背景图形，色彩上多会选用同类色处理成微渐变的形式。

优点：外轮廓选用了圆形或大圆角的图形，具有亲和力，容易吸引用户的注意力;色彩饱满具有质感，视觉冲击力强;内部图形(icon)与外轮廓组合方式多样化，能更好的适应业务变化。

缺点：对于相似的业务，图形相似，视觉辨识度低;对于复杂的业务，图形无法表达明确，需要使用文字代替图形，容易造成金刚区设计风格不统一。

2、图形图标

设计样式：图形设计，不需要外轮廓的衬托。

优点：设计细节丰富，处理样式较多，例如渐变、图案纹理等等;富有创意，能营造小的场景插画;设计样式多样化，扁平化、2.5D等设计样式。

缺点：对文字信息的依赖性强;图形色彩等细节容易设计过度，例如复杂的图形和过度弥散效果。

3、线性图标

设计样式：主要利用图形的结构线进行设计，色彩上基本上以纯色为主，或者添加品牌色作为辅助色。

优点：设计上简洁干练，不易干扰用户进行其他操作。

缺点：在内容复杂的页面中视觉冲击力较弱;相比于面性图标色彩较为单调。

4、线面结合

设计样式：在图形化的基础上添加轮廓结构线，色彩上简练干净，一般不会超过三种颜色。

优点：轮廓清晰，视觉冲击力较强;设计细节丰富，富有创意。

缺点：视觉层级繁琐，视觉效果不易把握;视觉效果复杂，不够简洁;图形不统一，增加识别难度，较为依赖文字注释。

5、实物展示

设计样式：多以当前主营业务具有代表性的商品为例，单独展示或者配合遮罩图形进行展示。

优点：主题明确，简单粗暴;直接使用商品展示，具有感染力。

缺点：纯商品图片展示，缺乏设计感且视觉重量不易把控和统一;商品图展示，容易误导用户，让用户感觉只是单一商品的售卖;商品展示立意单一，极其依赖文字注释;如果频繁更换商品图，增加用户对于金刚区模块认知的学习成本。

6、混合搭配

设计样式：主要以图形icon和图片展示进行混合排布，图片一般都会进行图形遮罩处理，使其与其它图标在视觉上相对统一。

优点：能够有效帮助产品推动当前的运营活动点击率。

缺点：图形和图片混搭容易造成视觉不统一;如果频繁更换运营活动，增加了用户的学习成本。

7、运营文字

设计样式：以运营文案为主，会结合当前的活动主题进行主题性的视觉创意设计。

优点：突出当前的运营活动主题，满足用户情感化的设计;运营活动的针对性强，能够直接突出主题，例如之前的猫狗文案大战;设计风格新颖，通常结合当前活动主题进行创意设计;设计细节丰富，视觉冲击力强。

缺点：品类功能的辨识度极低，对底部的文案;时效性强，只限用于当前活动期间使用。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。