详解APP应用设计中的微妙细节

发布时间:2020-01-17 11:38 | 浏览人次:浏览次数

伴随移动优先的趋向,APP应用的设计也越来越受到企业重视,不断地提高APP的设计质量是每个设计师的追求,有哪些设计中的细节被你忽视了呢?让我们一起来瞧瞧这些细节你都把握住了吗。
详解APP应用设计中的微妙细节

视觉表现型问题

01、统一的图标设计风格

图标设计在整个APP设计中是占比较大的板块之一,图标设计风格有:线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。不论我们选择何种表现方式的图标都请维持一致性,一样的模块选用一种风格的表现方式,假如是线性图标就维持一致的描边数值。

图标在配色上面也要维持有规律的统一,选用一样颜色是比较常用的配色方法。假如你选用不一样色相的配色方法,要维持整体的配色协调,不要出现饱满度、明度反差过大的配色而影响整体的视觉协调。

02、图标大小的视觉平衡

同1个界面出现数个图标时,我们需求维持整体的视觉平衡。并不是是所有图标都选用一样的尺寸就能满足平衡,由于图标的规模不一样,一样尺寸下不一样规模的图标视觉平衡也不同,比如一样尺寸的正方形会比圆形显得大。因而,我们需求依据图标的规模对其大小做出相应的调整。

03、优化你的分割线

界面设计中往往细节的处理更容易被忽视,依据界面配色的不一样,我们在分割线色彩的选择上面也要做出相应的调整。由于分割线的作用是划分上下信息层次和界面装饰,配色的表现力要低于文字信息的力度,通常我们会选择浅色而否认深色,这样界面会更为简约通透。深色的分割线要慎用,除非在一些指定的产品场景下。

04、合理的利用投影的颜色与透明度

通过对按钮、卡片等进行投影利用能够加强立体感与层级感。我们在制作投影时,需求依据不一样背景变动投影的颜色、透明度。

浅色背景下投影的颜色会选择拾色器偏左上角的位置和透明度在10%~40%(个人经验)中间进行调整。深色背景下投影的颜色会选择拾色器偏右下角的位置和透明度在20%~40%(个人经验)中间进行调整。

投影的权主要符合页面设计的气氛,投影的利用是为了加强元素的立体感与层级感,而不是影响整个页面的视觉平衡。

05、不要过度装饰,让界面更简约

设计需求准确的把握“度”,过度的设计会干扰信息的传达。降低多余的设计元素,让信息脱引而出,整个界面将会更为简约清爽,也不会分散会员的留意力。

06、图片比率&视平线的一致性

在人物展示的设计中,假如并列举现数个人物形象,为了维持视觉平衡我们需求调整并列图片的大小比率,就像所有角色全是在一样焦距下拍摄的。在人物上下位置的调整上面我们要尽可能控制视平线的方向,让他们的眼睛处在一样的位置左右。

07、控制好界面中的配色数目

1个界面中出现3种左右的配色是相比照较容易掌控的,假如超过3种以上的配色,是非常考验设计师功底的,假如颜色的处理不到位就会出现五彩缤纷的“视觉盛宴”。

在选择配色组合时,采取类似色的配色方案能够使颜色更为协调和交融;假如期望更鲜明地突出某些元素,比照色是不错的选择。不论选择何种配色方案,都要控制好界面中的配色占比,使信息传达不受干扰。

08、合理的进行设计比照

通过比照能够让信息模块更为独立,界面层次关系更为丰富。案例中以不一样的背景颜色划分不一样的信息模块,提升了整个界面的节奏感。颜色的选择能够是同色系中不一样明度的梯度表现,也可以够选择不一样色相的交叉匹配。

09、提高配图的质量

图片的质量影响着整个界面的格调,目前越来越多的产品都会对图片进行美化后再呈现给会员,目标就是为了提升产品在会员心中的印象。我们在设计提案的同时对配图的选择也要精心挑选,通过后期剪裁、曲线调整、色彩调整等技法使一样模块的配图视觉成效更为协调。

信息传达型问题

10、确定表述图标的含义

去掉图标文案以后界面会显得更“逼格”,但是你明确会员能看懂图标表述的含义吗?我们在进行界面设计时,图标是为了辅助说明文案所传达的信息,假如去掉文案信息,那么需求图标自身带有极强的信息传达能力,确保会员能恰当的辨识。

11、恰当的表述按钮属性

按钮的设计必须要清楚准确的传达出当前状态,不能为了视觉成效而带给会员错误的判别,比如深灰色的按钮会员会领会为是禁用状态而放弃点击。

通过按钮的颜色、大小、风格等来指导会员进行操作,需求强化的就要做得突出,不要整个界面都处在主次不明的状态,分散会员的留意力,消减了界面需求传达的主旨。

12、恰当处理文字排版的层次关系

工作中我们拿到的需要总会出现大篇幅的文案,不能像概念设计那样任性的删减,在进行文字排版的同时,恰当的处理信息中间的层次关系将会提高会员对信息的辨识度。我们通常会通过字体大小、颜色、留白、层次分割等技能来处理,把一样属性的信息归类设计,通过留白的不一样满足层次的划分,让整个信息排列主次分明,层次清楚。

13、线条与色块分割的充分利用

线条通常用作分割同一类别或得到一样属性的元素;而色块更多的是用作分割不一样类别或许划分不一样属性的元素,以满足层级清楚,归类确定的目标。我们在选择分割方式的同时要依据信息中间的关系作出确定的表述,不可为了视觉成效而盲目标交叉利用。

14、要提早预估信息展现的更大值

在进行界面布局时,确定信息展现的更大值,而不是取更小值进行设计。太过理想的长度范畴可能界面样式更漂亮,但是落地以后就会给会员带来非常糟糕的体验。

15、利用提醒符提高会员的阅读效率

在大篇幅的文字信息布局中,合理的利用提醒符会提高会员对信息的领会和迅速找到需求的信息。提醒符能够是数字、字母、图形、色块等等,只要能高效的划分信息层次即可。

16、布局层级分明,关键突出

好的界面布局是为了更好的指导会员阅读和操作,界面布局要有层级和关键,而非简单的将信息进行罗列。通过卡片模块的划分和大小的变化能够非常好的进行视觉指导,大大提高会员对界面的领会,进而提高会员的操作效率。

17、信息布局符合阅读习惯

从左至右,从上至下的进行阅读是我们已有的习惯,假如你要突破这个习惯进行视觉表现,会承受挑战用户体验的强大压力。

概念表述型问题

18、一样界面下圆角&直角的一致性

在同1个界面设计中,圆角&直角的选择要更为统一的出目前界面中,不要出现混合利用导致视觉表述不相同。假如选择圆角作为视觉语言,统一一样模块下圆角的大小,不可出现大小不相同的情形,让整个界面设计的视觉语言更为规范统一。

19、设计元素的表述符合会员心理

设计是为了更好的协助会员领会界面的操作逻辑,假如你的设计变动了会员的心理与习惯,也许会增多会员的学习成本或许被会员舍弃。我们在进行界面设计的同时,假如要设计一些创新的操作规则,需求做更多的调研和测试,确保这个规则符合会员的心理。

20、设计表述的统一性

一样的信息模块选用统一的设计表述,不要为了变化而增强会员的领会。前后信息设计的丰富性可能在视觉上面更为丰富,但是会员会领会为这是2个不一样的模块,操作会不会也不一样,无形中就增多了会员的考虑时间和学习成本。

21、别把网页的习惯带到APP设计中

网页与APP的设计在实质上面有许多不一样的视觉表现规则,我们在设计APP界面的同时要摆脱网页的一些交互习惯,回归到移动会员的习惯中,让界面的操作逻辑更为通畅。

22、让表单设计更简约

表单设计在界面中无处不在,看见一望无垠的表单会员总是望而生畏。为了缓解会员的这种心理活动,我们设计的同时通常会通过合并总结一样属性的表单,选用逐步填写来让会员感觉内容很少,通过这样的视错觉让会员完结表单的填写。

23、空界面中插画的利用

为了提高APP的感情化设计,插画的利用也开始越来越一般。在空界面的一些设计中也由以前的纯文字转变为一些应景的插画表现,带给会员更多的喜悦感。

24、利用真实的信息填充你的设计

经常看见一些设计稿整个界面全是相同的配图,胡乱输入的文案,看上去显得非常的不专业。为了减少视觉落地的差值,我们在设计的同时尽可能利用真实高效的信息去填充我们的设计稿,在提案的同时才能给决策者1个还原真实场景的高效方案。

结束语

APP设计还有许多需求设计师留意的细节,这里就不一一列出。许多理论来源自书籍和项目经验,期望与你共勉。

设计是一条很漫长的路,没有任何结论是永恒固定的,作为互联网时代下的设计师,我们要不停的反思归纳,突破常规与约束,接纳更多新的元素,做出更为符合这个时代下的设计作品。

更后期望我的归纳能对你有所协助,不足之处期望留言指正。

上述内容就是小编今天为您带来的关于《详解APP应用设计中的微妙细节》的全部内容,希望能对您有所帮助,我们是一家成立于北京的IT外包公司,如果您有app软件或者微信小程序需要定制开发,不妨联系我们。
免责声明:本站部分文章转载自网络,不代表本站的观点和立场,不以盈利为目的。如有侵犯公司或个人权益,本站会第一时间删除文章。我们是一家北京app开发公司,欢迎咨询免费获取思维导图!

本文地址:https://appbj.cn/article/3187/

网友热评

暂无更多评论
思捷智联

思捷智联是一家2009年成立于北京的IT外包公司,我们致力于为企业提供app软件开发和微信小程序开发服务。公司成立10年来,我们为民政部、方正电子、神州数码、联想控股、壹基金、首钢集团、北京大学、北京师范大学、今麦郎、丰汇租赁、万通控股等上百家企业提供了IT外包服务。我们努力实现每一位客户的托付,为客户创造实在的效益,让您与梦想走得更近。

微信咨询

扫描微信二维码
同市场经理沟通需求

我们积累了丰富的移动互联网开发和运营经验,在开发中为客户提供更多帮助!
咨询热线:18612209195