app布局设计
① 如何设计app界面可以适合所有手机屏幕
通过设备dpi的声明,和设计上dp的标注,来判断某个元素应该渲染成多大(像素px)的面积,来适配不同屏幕大小和像素密度。
密度
本来就是一个物理面积和像素数的关系,所以这个密度值,可以为不同尺寸不同分辨率的设备提供一个界面布局的参考。
前提是设备声明的dpi是接近自身的硬件ppi的。
明显的例子就是魅族,比如MX3,屏幕物理ppi应该是接近400,所以他们声明dpi也是400(非安卓标准的480)
这样的结果就是MX3上同样的界面(比如Play store),和物理尺寸分辨率都非常接近的其他手机相比(声明dpi480的那些),看起来更小,可以展示更多的内容,充分利用了屏幕,并且在用户使用中会感觉更精致。
② 如何进行app按钮设计与排版
第一个案例:社交类APP当中的按钮设计。
③ 什么样的 App 界面的视觉设计才算是优秀的
秀的APP界面视觉设计首先是能够非常明确的传达这个APP的主旨的,说白了就是这个APP是用来干什么的。产品必须是一个优雅的整体,产品的设计必须是由内而外的统一、协调,像万万没想到里的孔女神一般只存在于电影或者游戏当中。所以,色彩、图案、形态、布局等的选择必须与APP的功能、情感相呼应,务必做到一脉相承,零时间传达APP的概念。
其次优秀的APP界面视觉设计是有特点的、吸引人的,特别是在第一眼的时候。当然这必须先满足上面那一点,而不是单纯的为了搏眼球、搏出位。整个设计过程会是一场微妙的博弈与平衡,以达到一种魅力的素雅的耐看的境界。
而优秀的视觉设计师是能够体谅用户的。每做一个决定的时候,都是从用户的角度出发,而不是总是陷入无限的自我的陶醉或者情怀当中。
其次优秀的视觉设计师是熟悉精通多种风格的。用户是多样的,需求是多种的,流行是会随着时间变化的,APP的视觉有什么理由不做出必要的改变呢
最后优秀的视觉设计师是有自己的理念的。这种理念不会是狭隘的扁平化或者拟物化,这些只是表象的手段。这种理念应当是基于它是如何有益于用户的,又或者给用户带来什么样的好处,获得了什么样的启发,或许是生理上的,或许是情感上的。
④ 如何开始设计app界面
1、 开发的App软件主旨要明确
优秀的App软件的界面设计必须得明确得传达这个App应用的主旨,让用户内看到这个App产品就容知道是用来干什么的。App界面设计必须是一个优雅的整体,从内到外都必须做到统一、协调,快速传达App应用的功能。
2、 开发的App软件要有特点
优秀的App界面设计必须具有自己的特点,而且这个特点还能够吸引到用户。因为,用户在没使用App应用时,第一眼看到的是你这个App软件的界面,所以界面设计的好坏直接决定了App软件的存亡。
3、 开发的App软件界面风格多样且不重复
优秀的App视觉设计还得是风格多样的,这样才能满足不同用户的需求。用户不同,需求也是不同,而且还会随着时间的变化而有所改变。
4、 开发的App软件应从用户角度出发
App软件的界面设计要多从用户的角度去考虑,多想想用户要的是什么,听听用户的声音。
⑤ 如何做app界面设计
这类的解决方案是设计的app最好是小而准,不要大而全。越全的功能应用,只能代表着这个应用在各方面的都很平庸
2、喜欢当工具来使用的目标客户群:比如找地图,看天气,查数据等。
这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。
3、无聊的客户群,用来打发消磨时间的:无需求,漫无目的的
这类的解决方案是尽可能展示用户感兴趣的东西,帮助客户来打发消磨时光。
第二点:APP原型图的制作和设计讨论
这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。
常用的APP原型图工具:移动APP原型设计神器 POP 、axure、Foreui等
第三点:APP视觉设计与设计要点
(1)大概设计板块有APP启动页面设计,APP界面设计的尺寸规范,app图标设计等
一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。
另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。
所以,设计师必须用减法设计,这个过程需要花时间思考、简化元素。
你必须记住:(1)隐藏设计或者减法设计 (2)分区或分类 (3)帮用户做决策 (4)提高交互创新设计 (5)让人有爽快感和新奇感 (6)在设计中浸入情感,把握用户的心理。(谈谈如何进行产品设计以及产品情感化设计)
一位大师这样说过“真正的简约设计是:作品必须不断的被简化,一改再改,直到设计最终成形。”
2014年 APP设计风格趋向扁平化和卡片化。卡片,扁平化都会是移动app设计的趋势!认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!
第四点:APP界面设计流程
(1). 设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。
(2). 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有
(3). 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。
(4). 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。
(5). 整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,
但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。
第五点:APP界面设计测试与预览修正
设计完成之后,我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具:快速在移动终端上预览APP界面设计效果图的方法最后:好的APP界面设计作品必然是要经过不断升级、重复迭代的。
⑥ 如何设计APP界面
1明确传达主旨
优秀的APP界面视觉设计首先是能够非常明确的传达这个APP的主旨的,说白了就是这个APP是用来干什么的。产品必须是一个优雅的整体,产品的设计必须是由内而外的统一、协调,像万万没想到里的孔女神一般只存在于电影或者游戏当中。所以,色彩、图案、形态、布局等的选择必须与APP的功能、情感相呼应,务必做到一脉相承,零时间传达APP的概念。
2有特点、吸引人
优秀的APP界面视觉设计是有特点的、吸引人的,特别是在第一眼的时候。当然这必须先满足上面那一点,而不是单纯的为了搏眼球、搏出位。整个设计过程会是一场微妙的博弈与平衡,以达到一种魅力的素雅的耐看的境界。
3体谅用户
优秀的视觉设计师是能够体谅用户的。每做一个决定的时候,都是从用户的角度出发,而不是总是陷入无限的自我的陶醉或者情怀当中。
4精通多种风格
优秀的视觉设计师是熟悉精通多种风格的。用户是多样的,需求是多种的,流行是会随着时间变化的,APP的视觉有什么理由不做出必要的改变呢?
5个人理念
优秀的视觉设计师是有自己的理念的。这种理念不会是狭隘的扁平化或者拟物化,这些只是表象的手段。这种理念应当是基于它是如何有益于用户的,又或者给用户带来什么样的好处,获得了什么样的启发,或许是生理上的,或许是情感上的。
⑦ 什么是APP界面设计布局样式
里面东西的模块
⑧ app设计中,常用的界面布局方式有哪些
竖排列表。视觉上整齐美观,常用于并列元素的展示,包括目录、分类、内容等。
横排方块。把并列元素横向显示的一种布局。常见的工具栏,TAB,Coverflow 等都采用这种布局。
九宫格。TAB、多面板、弹出框。
手风琴。用户点击分类可展开显示二级内容,在不用的时候,内容是隐藏的。可承载比较多的信息,同时保持界面简洁。
抽屉/侧边栏。抽屉也是将内容先藏起来,在需要时再展开。
标签。在搜索界面和分类界面时,会采用标签的方式来展现。标签方式比较动感的,增加了应用的趣味性,但使用场景有限。