旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 行业资讯 > UI大牛教你设计的九大原则

UI大牛教你设计的九大原则

时间:2018-03-01来源:www.aaa-cg.com.cn点击量:作者:吴冬冬
时间:2018-03-01点击量:作者:吴冬冬

今天来跟大家分享下应用图标的九个设计原则。应用图标代表着一个产品的视觉形象,是一个产品内涵的最直接的传达。在用户打开手机屏幕时,用户就会选择来使用哪个应用。这个时候应用图标的设计是否抢眼并且容易被瞬间识别就在很大程度上决定了这个应用图标在用户手机上的使用频率。如果一个应用长期没有引起用户的兴趣那么最终的命运就是被用户清理出手机。如何才能设计一个高品质的应用图标呢,那么你必须了解这九个应用图标的设计原则。

 

1.独特的设计语言

现在应用市场上的应用图标数量十分惊人,要想在数以万计并且很多图标造型十分相近。要想在众多的应用图表中脱颖而出,设计师在设计图标时就必须强调应用图标的独特性,突出产品的核心特征和属性。独特的设计语言才会让应用图标在数以万计的应用图标中脱颖而出,让用户形成深刻的印象。

 

2.简洁的设计形式

应用图标在手机屏幕的显示尺寸仅为120*120px,这个尺寸是最重要的设计尺寸。并且很多地方的图标显示会比这个尺寸更加小。所以在设计图标的时候就要非常注重图形的简洁,避免在小尺寸展示时候不清晰不能被识别的情况。同时简洁的图形设计形式也会提升图标的设计品质。

 

3.准确的产品属性传达

应用图标代表的是一个产品的属性和功能作用。一个高品质的应用图标应该能够让用户在第一眼就能够感知到这个应用的属性和功能。例如拍照的产品就是比较典型的一类。这类产品基本都采用了拍照图标作为应用图标设计的主要元素。这样的设计方式能够准确快速的传达产品属性。另外图标设计应当高度提炼产品特色找到最能代表产品属性的图形元素,并对这个元素进行突出设计。

 

4.统一的设计规范

为了更好的统一应用图标的设计样式,苹果公司专门精心设计了ios图标栅格作为设计参考。它能让设计师设计的图标和ios系统的图标风格保持一致,保证用户手机屏幕上的应用图标风格的一致性。应用图标整体风格的统一,不会让用户感觉到桌面的凌乱,这样才能营出造良好的用户体验。

 

5.品牌形象的延续

移动互联网的兴盛是PC互联网的延续,在pc互联网时代已经崛起了诸多知名的互联网品牌。例如我们耳熟能详的百度、网易、搜狐等品牌,它们已经建立起非常强大品牌印象和品牌影响力,并具有超强的品牌识别度。所以在设计应用图标的时候应当充分的利用已有的品牌形象加以运用。让品牌的深厚积淀继续发挥作用并且让品牌形象延续从而赋予品牌更强的生命力。

 

6.避免使用照片

在应用图标设计中应该尽量避免直接使用照片作为图标使用。因为照片缩小后会丧失很多细节,导致图标内容不能被识别。另外由于图标缩小后图片质量会受到很大影响,极大的影响了应用图标的品质。所以设计是应当尽量避免直接使用照片作为应用图标。

 

7.艳丽的色彩

鲜亮明快的色彩搭配能够为应用图标带来更多的关注度。艳丽的色彩搭配正在成为一个潮流,越来越多的应用图标选择了非常艳丽的色彩搭配。其中对比色和互补色的渐变搭配是最有代表性的设计手法。无论是纯色的色彩运用或者是渐变色的色彩运用。

 

8.多场景测试

在设计应用图标的时候也要考虑到应用图标的展示场景,避免图标不能完美展示的情况。应用图标不仅仅是展示在各种尺寸的手机屏幕上,也会在应用市场、设置栏、手机状态栏等多处进行展示。在不同场景下应用图标需要根据需求做相对应的设计优化,例如应用图标在状态栏展示的时候就应当适当的为应用图标做一些简化处理去掉不必要的装饰元素,以保证在超小尺寸场景下图标也能清晰展示。反过来如果在大尺寸的场景下进行展示,也应该适当的添加一些设计细节,来保证应用图标的品质。避免给用户带来简单粗糙的视觉印象。

 

9.避免使用大量文字

在应用市场上也常常能看到一些为了传达产品信息而大量使用文字作为应用图标的产品。这种应用图标的设计手法粗暴简单,由于文字太多所以只能在有限的空间内将文字缩小展示,导致应用图标看起来拥挤用户也很难看清楚信息。大量使用文字的另一个致命的后果是会大大降低应用图标的设计美感,不仅不能使用户产生好的印象反而会招致用户的反感。

以上就是今天的分享内容没希望大家喜欢,喜欢记得点赞哦,喜欢记得点赞哦,喜欢记得点赞哦,重要的事情说三遍。
相关文章--《
从产品的角度进行搜索功能的UI设计



 

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

©2007-2022/ www.aaa-cg.com.cn 北京漫动者数字科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图