当前位置: 首页 >> APP设计教程_APPUI设计教程_UI设计教程_网页设计师加油站 >> 阅读正文

手机APP界面设计的三大准则和八项交互标准

编者按:移动APP里面的每一个UI界面都是这个App的门面,尤其是主界面,看上去干净整洁清爽宜人容易操作,那么你的App就成功了一半。这也反映出了你这个开发团队的基本审美素质和设计理念。

APP界面设计

我们都知道,设计一套完整的APP UI界面其实是比较复杂的,从需求分析到市场定位,从草稿到拟方案,从创意元素的组合到想法沉淀,从设计规范到突破传统,从纸上到电脑上,从个人到团队,或者从团队到个人,从素材收集到素材处理,从0思路到偶然等等,其实设计一个APP会碰到太多太多的问题,

所以要求我们移动APP设计者必须按照下面的三大准则和八项标准来设计。

25学堂之前跟大家分享的《移动APP客户端的UI设计原则及UI界面适配步骤》和《移动设计的基本原则和APP指导性设计规范》也是值得阅读的好教程。

 

 

 

【手机APPUI界面设计】三大准则:

(1)不乱用颜色。一个页面内不要超过3种颜色

(2)不乱用大图片当背景。你是想让用户看你的背景图片呢,还是看你的内容?

(3)不乱填充内容。页面元素如果太满,给读者压抑感,无所适从。

app设计模板

 

 

【手机APPUI界面设计】八项交互标准:

1.色彩舒适度

一个第一眼看上去就杂七杂八色彩,或者完全没有主次之分的简洁,或者看上去就没有视觉舒适度的饱和度或者明暗度不搭调的色彩,我想它已经没法继续长久看下去了。因为人第一眼看到的,就是一个事物的颜色,才是形状。

 

2.文字的主次

任何设计作品都要传达信息传达思想,如果一套设计中字体乱啪啪,文字大小和文字粗细,间距行距都没有一个“主次逻辑”,我很难挖掘到自己想要的信息,不论设计是酷炫复杂的还是简洁清爽的,光能展现信息时远远不够的,信息文字的每一个细节,都决定了一个设计要传达的思想主次,记住,你是要引导别人去看,而不是别人引导你去设计。这世上没有一个真正定死的文字标准,但是最基本的,至少让别人看清你的文字是写的什么吧,所以,文字之间的不同色彩,也是能让文字主次突出的方面

 

3.信息可读性

有了文字基础,处理好每个模块的布局,色块,插图,背景等方面,会让你的信息有较强的可读性。别跟着你的爱好走:我喜欢酷炫,我喜欢简洁,我喜欢优雅,我喜欢二货。把设计作品中你最想传达的信息传达出去,就算某些信息被别人忽略了,你依然是成功的。如果用户连看都不想看,连最基本的信息都没法传达,那作品的任何风格,都只是口头吹嘘。你要定好你的目标用户,你想吃遍全中国乃至全世界,全行业?除非,没有除非了。

 

4.UI识别性

这一点在图标上味道非常浓,不论你设计的是扁平化还是拟物化还是梵高风格,不一定要3秒看出图标的意思,也要让人欣赏这个图标美感的同时,大概“心里知道”,这个图标要传达个什么。一个网站banner的设计,一个页面的导航设计,都要考虑到识别性,你想传达这个图像的什么内涵?你这个图形的意图是什么?都是设计者需要考虑的。

app交互设计

 

5.交互性与易用性

上面的工作都做得差不多了,剩下的就是使用了。不论是手机主题还是网站设计还是APP还是游戏,要让别人快速上手,能玩,能用,甚至用的简单,玩的简单,就算你采用银河系都没有的酷炫交互,或者采用地球上已经濒临灭绝的土逼设计,达到方便使用的优良品质,你的作品再牛逼到没法看,也有牛逼的地方能看。

 

6.思想,生活的传达

作品是什么样,一般能从另一个层面看出一些设计师对生活对工作对感情的态度和状态,所以别小看一个作品的力量,它可能就是传达你自己真实内心的一个媒介,可能你并未发现,但是旁观者已经发现你了。

所以说,融入生活得设计是比较难的,同时,也是最容易的,你是否把你最粗心最让人厌倦的一面暴露到设计作品中?是否把你最细致入微最耐人寻味的一面传达到用户心里?一张图就可以看出(当然这不代表全部啊,某些设计师的作品看几天你也看不出他是什么人过着什么生活的)

 

7.微小的细节和微小的创意

别说这个东西就是你创造的,因为上帝比你创造的还早。UI设计中一根线,一像素,色彩饱和度的细微差别,一个小渐变,一个字体的选择,画布的大小,用笔的粗细,这些小细节,虽然不是人人都能说得出,但是能第一眼“看在心里,感觉到骨子里”,所以就算不说,细节也是能让任何人第一时间感觉到的,别忽视每一个小细节,它说不定就是你成功的堡垒,也是一有机会就让你失败的利箭。

细节中,你就能诞生一些微小的创意,小创意创造大创意,没有细节,何谈创意?那就只是纸上谈兵,口说无凭。

 

8.生活中表现手法的引用

一个简单的视差,一个简单的坠落,一个简单的玻璃破碎,一个简单的树叶飘落,一张纸简单的角度摆设,一盆植物简单的远近拍摄,这些东西,都能创造你无穷的表现手法,当然,这也是比较难的,能将生活融入设计,是需要积攒的,不是一两天能体会到的。

美丽美APP

今天25学堂跟大家分享的手机APP界面设计的三大准则和八项交互标准算是对大家一个APP设提醒,希望大家可以记住这些。

当然,大家可以下载国外一些优秀的APP设计模板来进行快速学习。

 

 

本文标题:手机APP界面设计的三大准则和八项交互标准

本文地址:http://www.25xt.com/allcode/8654.html

本文关键词: , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。