app登录页面设计
『壹』 如何设计APP的登录页
登录页的设计开发需要先列出一个流程的操作,在根据设计流程开发出登录页。版
移动应用权分类:
无需登录
直接使用的功能应用,属于工具类型的。
非强制登录
主要是一些资讯、生活类应用,第一次启动的时候既可以选择立即注册,也可以选择不注册,直接进入主界面,用户无须登录可以使用部分功能。
强制登录
这类应用具有很强的个人隐私熟悉,为了用户的安全隐私保护,需要强制登录。
登录页面设计流程:
先选择登录的模式。
整个界面背景填充颜色。
多效果混合模式。
选择图片的填充。
视觉设计前先理清楚界面的逻辑,界面中每个元素的点击从哪里来到哪里去。App因为产品账号体系不同的,所以有各种登录注册方式。登录注册有四种方式。每种方式可以采用不同的形式的背景图设计。
『贰』 APP登录界面
可以后台接口返回2个字段,一个普通用户登录,一个管理员登录,根据权限的不同,界面可以细微的不一样,登录进去的页面也不一样。
『叁』 产品经理如何设计APP的登录页
一、APP的属性分类
我们先给App分个类,为什么需要登录注册?因为App需要你的个人信息啊。这样才是一个留存下来的用户,而不是来一下就走的过客。App按注册登录必要性分分如下三种:
(2)白色的文字,半透明的按钮显得画面非常有格调,所以图片要选择有明有暗的,这样的背景图,既不会太亮,前景无法清晰显示。也不会太暗,使这个画面气氛压抑。
(3)如果界面只是一张平面图,会显得很死板。这时候我们需要破除界面的边界。可以在界面设计中,选择透明底的图片,把界面中的树叶,花之类的元素,加上阴影。这样可以增加界面的立体效果。
(4)登录注册切换的界面可以选择一对近似又有不同的图片。这时候我选择两个在森林中有人物的图片做为背景。人在自然界很容易有产生神秘孤寂的情绪。所以配上两行诗意文字更好啦!当然文字不是乱写的,需要配合当前界面意境。
五、登录界面设计总结
视觉设计前先理清楚界面的逻辑,界面中每个元素的点击从哪里来到哪里去。App因为产品账号体系不同的,所以有各种登录注册方式。登录注册有四种方式。每种方式可以采用不同的形式的背景图设计。
找图片有意识的按不同类型分类去寻找图片。要善于运用一些透明底图片调节界面的维度。让界面细节设计更丰富。设计师也要学会运用文字的力量,点睛的文字可以让界面设计增加品质感。
『肆』 如何做APP界面设计
第一点:了解你的目标客户群的心态
1、做微任务的目标客户群(如随时随地看看新闻,听听歌,看看电影,聊聊八卦之类):
这类的解决方案是设计的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的时候就需要登录?
2.还是在需要填写收货信息或发表评论时才需要登录?
3.登录的时候最方便的是用QQ、微信、微博进行联合登录,但是联合登陆后一定一定不要让用户再输入手机号账号等注册性质信息
4.如果一定要用户重新注册,或者是为了验证有效身份的话,建议用手机号,此处体现的是信息推送的时效性;
5.密码输入时请让用户输入一次,然后使用明文;
6.密码等安全性的考虑,建议后置,即给用户最轻松设置过程,如,可以让用户设置6位数字的登录密码,如何保障用户账户的安全?通过登录次数、地点、操作去设置规则吧,不要在注册的时候难为用户,谢谢;
7.验证码什么的,一定是在用户使用同一设备注册多次,等“刷(一个设备登录多个账号)”行为时才需要用户输入,在正常情况下一定给用户最轻松的体验,什么密码安全性、验证码都是遇到不正常用户才使用的招数,那么不正常用户一定有特征,在制定特征下在放招,不然非常容易杀死大批普通用户;
8.注册完/登录完一定要直接切回需要登录的流程节点中,注册完/登录完一定要直接切回需要登录的界面。
『陆』 如何做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登录界面逻辑设计怎么做
熟悉必要的设计流程,分布开始实施