设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

如何设计APP的登录页

发表日期:2018-11-12 作者来源:派谷网络 浏览次数:0

  一、APP的属性分类

  我们先给App分个类,为什么需要登录注册?因为App需要你的个人信息啊。这样才是一个留存下来的用户,而不是来一下就走的过客。App按注册登录必要性分分如下三种:

  第一种:无需登录

  直接使用App的功能,主要是工具类的App,如日历、计算器,手电筒之类的App,不过现在这样纯粹的App几乎不存在,因为没有用户留存的App就没有价值啊。没有经济价值就活不下去啊。所以市场上没有这样的活雷锋了,都被系统应用取代了。而工具类的APP为了不被系统应用取代,就想办法提供一些个性功能吸引用户注册。

  第二种:非强制登录

  主要是一些资讯、生活类应用,如:网易新闻、网易云音乐等;次启动App的时候既可以选择立即注册,也可以选择不注册,直接进入App的主界面。用户无须登录可以使用部分功能,如果需要解锁某些功能,就必须登录啦。比如听音乐想根据你听歌习惯推荐歌曲这样的个性化功能。

  第三种:强制登录

  这类应用具有很强的个人隐私熟悉,比如支付宝,你的钱袋子不能让人知道你有多少钱吧,比如陌陌,你近约了谁也不能让人知道。还有淘宝,近买了一些不可描述的东西不能闲杂人看到。所以这些和钱和隐私有关的音乐都是强制登录。不登录你是不可以使用这个App的。

  二、注册登录的四种方式

  理清楚哪些App需要登录后,那么我们开看看注册有哪几种方式?

  种:手机号登录注册

  一个界面就完成了登录或者注册的过程。通过手机号验证码快速注册或登录,这应该是目前高效的登录注册方式了。如果是新用户直接通过手机验证码注册,老用户也可以通过验证码登录。登录和注册一气呵成。用户甚至不需要记得密码,只要手机在手,就可以无忧登录。

  第二种:用户名密码注册登录

  注册和登录是分开的,简单的说就是登录和注册界面是两个界面。优点就是多平台登录的时候有用户名密码方便些。缺点就是注册流程繁琐啊。界面表现形式如图例B用户名/邮箱登录,如果需要注册点击跳转新页面。国外用户是挺喜欢用邮箱注册的,总觉得老外的用户习惯很多时候和国人差异挺大的。当然如果不想注册弹出新页面,那么选择图CD方式的标签切换也可以让界面很简洁。

  三、视觉设计的思考过程

  下面我开始做视觉设计了。为了演示方便,我给自己出了一个题目,以绿色为虚拟的主题做设计登录页。

  先设计稿以iPhone7为基准设计,分辨率是1334×750,为什么选择这个分辨率,我的书说的很明白了。这里就不再赘述了。我们先做强制登录注册的。这里打开应用后,一般国外的应用挺喜欢出现选择登录注册界面。这里我给自己出一个题目,以绿色为主题进行设计。

  不选择纯的颜色

  1、填充品牌色

  整个界面背景填充App的主色,因为是绿色主题,暂定主为绿色。色相选择不要选择过于纯的颜色,不要选择下面排的颜色比如翠绿。而倾向于选择第二排,例如墨绿,祖母绿这样颜色。就好像我们画画用的颜料如果直接使用颜料的颜色,会显得画面颜色生硬。而经过多色调节出来的颜色会显得层次丰富。如果主色饱和度较高,请调低主色的饱和度。因为过于鲜亮的颜色会降低应用的品质感。

  多效果混合模式

  2、加矢量纹理

  纯色背景适合用反白的logo,那么,你需要设计一个有特点的线性或者剪影图标。很多时候APP并没有单独设计文字名称,这时候logo的标题字我一般选用非衬线粗体搭配。界面上的按钮只有两个,至于是突出注册还是突出登录。这个还是看产品人员的需求。因为不同应用对于登录注册的优先级理解不一样。如果你的BOSS觉得这种极简风格的背景太敷衍了。那么我们可以考虑加一些矢量的纹理。当然我们需要找绿叶元素的纹理。这样才贴合主题。为了让颜色更加贴合主色,我会把矢量的图片去色,图层模式并选用明度的模式。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

缂傚啯鍨归悵顖炲嫉瀹ュ懎顫ら柛锝冨妿濞堟垹绱掔€涙ê袘缂佺媴绱曢幃锟�...

缂傚啯鍨归悵顖炲嫉瀹ュ懎顫ら柛锝冨妿濞堟垹绱掔€涙ê袘缂佺媴绱曢幃濠囧及椤栨壕鈧ɑ绌卞┑鍫㈢Ч缂佹梹鐟ц彊閻庤鍝庨埀顑跨閻c劑宕楅妸锝傚亾娓氣偓閻濐噣寮崼锝囩閻炴稑鐬煎▓鎴﹀礂閹惰姤鏆涚€规悶鍎扮紞锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-3

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尭閻c劑宕楅妸褎鐣遍悽顖涚摃椤棙绻涢敓锟�...

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尭閻c劑宕楅妸鈺傛〃濞戞挸顕ḿ鍐╁緞濮橀硸娼氶悽顖涚摃椤棙绻涙担钘夊墾闁挎稑鐭佺换鏍ㄧ濞戞ǚ鏋嗛柤鍏呯瑜版煡鎳楅挊澶樺殼闁煎嘲鐡ㄩ弳鐔煎箲椤旂晫顢ラ梻鍥х湴閳ь剨鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-3

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尵濞堟垹鈧懓顦崣蹇曟媼閹规劦鍚€闂傚偊鎷�...

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尭閻°劑宕掗妸褎绲诲鍫嗗洤娅ら梺鎻掔Х椤╋箓鎯冮崟顒佹闁硅鍣槐婵囦繆閸屾粍鏆忛柟纾嬫腹娣囧﹪骞侀妯峰亾娴i攱鍞夐柡鍕崄椤斿洩銇愰弴妯峰亾娴i鐟归柛鏂哄墲閺嗭拷...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-3

缂傚啯鍨块妴澶愬礆閺堢數绋婇悽顖氭憸閺併倕顔忛妷銉ュ緮闁告粌鏈俊褔寮甸敓锟�...

缂傚啯鍨块妴澶愬礆閺堢數绋婃繛鎴濐槸瀵兘宕氶弶娆炬▼濞戞搩浜為獮鍡涙嚍閸岋妇绀夊ù鐘劙缁楀懏绋夋潪鎵☉濞寸姴顑囩划娑氭暜閸濄儲鏆忛柣銊ュ娴兼劙宕楀畡鐗堝闁瑰灈鍋撻柡鍫灲缁辨壆鏁崫銉︽殢鐎归潻鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

缂傚啯鍨归悵顖滄媼閹规劦鍚€闁艰褰冮崓鐢稿箹椤撱垹甯抽柛妯煎枔閹拷...

缂傚啯鍨归悵顖滄媼閹规劦鍚€濞戞搩鍘惧▓鎴︽嚌閹绘帒鍏婇柟纰卞弮閸樸倝宕㈤悢鐑樺€炴繛鎴濐槸瀵攱寰勫顐﹀殝闁哄倸缍婂ḿ浼存晬鐏炶姤鍊ら柣鐐叉缁诲秹鎮介妸銊х濞存粍绋戠敮顐︽偠閸℃璁插ù鐘劚閸拷...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

网站建设解决方案
缂傚啯鍨归悵顖滅磼鐎涙ê袘閻熸瑱绲介崰鍛村棘鐟欏嫷鏀� 濞撮棿妞掔粭鐔兼⒒閵婏箑鐓曠紓鍐╁灩閻濐垶姊块崱娆忣唺闁告牗鐗炶闁告劘娅曢弻鐔奉浖閿燂拷 闁解偓閵夆晜鏁橀柛銊ヮ儑缂嶅绮╁▎鎹帡宕橀搹顐g厵婵℃鎷� 闁稿繑妲掗埀顑跨窔濞呭瞼鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁告牕顭峰▍宀€鎷犳繝鍐暡缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁归潧顑嗗┃鈧柡浣瑰閻栨粎鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨柡鍌濐潐椤拷 濠㈣埖鐗為柨銈夊礂椤掆偓瀵板啰绱旈幋鐘靛讲鐎点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 闂佸弶鍨奸悗铏圭磾閹寸姷褰茬€点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 閻炴稑濂旂粭鐔煎础韫囧海绐楃紒顐ュ吹缂嶅绮╁▎蹇曠处閻犱焦宕樿闁告劘娅曢弻鐔奉浖閿燂拷 闁告繀鑳舵晶婵堚偓瑙勧缚缂嶅绱旈幋鐘靛讲鐎点倝缂氶鏇㈠棘鐟欏嫷鏀�