登录注册页面设计图标，登录注册页面的作用

产品经理如何设计app的登录页

所以视觉设计师做页面需要去理清你界面上下游，或者界面中每个元素的逻辑，从哪里来到哪里去。 视觉设计的思考过程 下面我开始做视觉设计了。为了演示方便，我给自己出了一个题目，以绿色为虚拟的主题做设计登录页。 首先设计稿以iPhone7为基准设计，分辨率是1334×750，为什么选择这个分辨率，我的书说的很明白了。这里就不再赘述了。

登陆跳转的落地页（什么时候才让用户登陆）忘记密码流程（微信的解决思路不错）移动产品经理必须考虑的登录模块的业务逻辑 “抛开产品去谈功能逻辑是耍流氓”。也就是说注册和登录逻辑的关键取决于产品形态。谈功能逻辑要遵循业务逻辑。

工具选择：市场上有多种H5制作软件，如易企秀、maka等。操作流程：以maka为例，首先在搜索引擎中搜索并登录maka平台，选择“作品管理”，然后点击左上角“创造作品”，挑选自己喜欢的模板进行编辑。进行页面设计与制作：模板套用：若追求快速制作，可选择现成的模板进行套用，并根据需求调整内容。

用户需要很多登录后才能使用的功能和服务。例如电商产品、即时通讯产品等（很多产品的设计就是站在这个角度设计出很多很棒的功能，但是只有用户登录后才能使用，也就是变相的促使用户注册登录的一种方法） 业务角度 1）产品需要搭建 用户体系 2）企业需要收集到用户的关键信息。

注册和登录的样式要有所区别：因为注册登录的行为很相似——输入用户名密码，点击按钮——很多应用会将注册和登录设计得一摸一样，仅仅是按钮的名称不同。这会让用户搞混现在自己是在注册还是登录。

首先，打开Axure0，在站点地图里选择一个页面，重命名为“登录窗口”，双击该页面，进入该页面的编辑模式。

如何避免设计出“烦人”的登录和注册页面

1、我们在登录/注册时，经常需要输入账号和密码。这时候，简化或缩短用户输入时间是各网页/应用优化体验的的方式。允许第三方账号登录 使用第三方账号登录可以解决很多注册问题，用户无需注册表单，填写信息资料，密码甚至验证码等。最重要的一点便是用户不需要再记住一个新的用户名和密码了。

2、浏览网页注册表被禁用故障的排除。上网时，注册表被禁用，这是由于注册表HKEY_CURrenT_USER\ Software\Microsoft\Windows\CurrentVersion\Policies\System下的DWORD值“DisableRegistryTools”被修改为“1”的缘故，将其键值恢复为“0”即可恢复注册表的使用。

3、网页设计清晰简洁每当用户来到网站，然后到出现具体的下单行动，每多出现一次点击就会让部分用户出现流失。二级页面的设计，一定要要明确、合理、简洁，不能分散用户的专注度，用最短的时间将用户引导到特定的产品购买页或登录页。

4、确认产生锁屏广告的应用，再去设置界面中找到对应的应用关闭通知：打开设置，搜索进入应用管理，找到前面确认的应用，点击 通知/通知管理 ， 关闭允许通知。（关闭通知后可能会影响软件正常消息接收，请您谨慎操作）检查广告页面中是否有设置按钮，若有，点击并选择锁屏显示关闭。

APP界面设计分析——抖音,快手

APP界面设计 桌面图标：抖音：以上浅下深的渐变灰色为底，中间是深灰色为主的音符形状，音符外围用红色和蓝色做出了立体的感觉，整体很低调。快手：以橙黄色为底，中间是手的形状，在手的中间有视频播放暂停的三角形符号，整体比较亮眼。

误解纠正：首先需要澄清的是，快手和抖音并不属于同一个字节公司。快手是北京快手科技有限公司旗下的产品，而抖音则是北京微播视界科技有限公司（字节跳动公司旗下）开发的一款短视频APP。

快手：打开快手APP后，主页面呈现方格排列的形式，用户可以通过点击方格进入不同的短视频内容。抖音：抖音打开后的主页面直接是短视频播放页面，用户可以直接浏览到正在播放的短视频内容。使用人群差异：随着时间的推移和使用人数的增多，快手和抖音的使用人群逐渐出现了差异。

首先，对比一下两款产品的 UI 界面。当你在抖音上看完一个视频，向上滑动的时候出现的是另一个视频；而在快手上，呈现的是评论区。 作为一个日活几亿的软件，任何 UI 界面的微小设计影响都非常大。而且一家公司的第一性原理也正体现在这些细节的地方。 UI 界面设计背后传递出两家公司不同的策略意图。

抖音和快手主要有以下不同：公司归属：虽然两者都属于短视频平台，但并非同属于一家公司。抖音属于字节跳动公司，而快手则属于快手公司。功能体验：客户端界面设计有所不同。快手主界面视频是按方格排列的，而抖音则不是这种布局。

它们的界面布局有所不同：快手主界面上的视频是按方格排列的，而抖音则不是，这种差异让你在使用时会有不同的视觉感受。功能体验上大同小异：都可以刷视频、转发分享评论，也都有直播功能，可以开小店卖东西。

干货集锦——20个最佳bootstrap着陆页模板,快速网页设计不是事儿

SukcesSukces是一款功能强大的Html5 / CSS3个人简历网站着陆页模板，适合所有人群，无论是自由职业者，设计师，摄影师，还是其他任何行业人群都可以使用该模板快速设计网页。该模板是基于Bootstrap 3框架，具有完全响应式的设计，因此在任何设备上都可以完美展现。

coming Soon是一个基于Bootstrap 4的主题网站模板，适用于着陆页设计。该模板拥有移动友好背景图像的视频背景、社交图标和Newsletter注册通道，完全免费，适应所有主流浏览器和平台。

Mamba为扁平风格的单页面模板，用bootstrap构建。Mamba下载页 SuitsTheme SuitsTheme 模板的设计主要为蓝色风格，适全做企业网站官方首页，应该不错哦。SuitsTheme下载页Landy 是一个灵活的单页面网站模板。下载页ShopShop 适合用于小型购物网站模板。Shop下载页ZeencesZeences为一个暗调配色的博客模板。

使用Axure怎么制作一个多角色登录原型图?

状态4（内部员工登录页面）内部员工登录的页面和上面两个登录页面的材料是一样的，只不过是改改文字和背景，登录输入的不是手机号或企业邮箱，变成了员工号。交互也是一样的，我们简单修改提示弹窗在3种错误状态下的文字即可。

生成html文件 打开设计好的网页原型：首先，在Axure RP中打开你已经设计完成的登陆页面原型。发布并生成HTML文件：点击软件右上角的“发布”按钮。在弹出的菜单中，找到并选择“生成HTML文件”一项。你也可以直接按F8快捷键来打开这个选项。

文字下方放置6个大小相同的文本框及横线（文本框需分别命名，以便交互时区分）。示例如下：制作一个验证码弹窗，需注意验证码6个数字部分需加不同矩形框且分别命名（以便交互时区分及随机抽取数字使用）。

首先，下载并安装Axure软件。 针对iTouch或iPhone设计，可使用320×480的分辨率来绘制辅助线，并据此绘制原型图。 按下F5键生成原型时，在“Mobile/Device”选项中，可以针对移动设备调整特殊的原型设置。 具体设置方法可参考下图：（此图显示页面大小设置为320×480，默认不缩放。

首先我们打开一个已经设计好了的网页原型。然后点击软件右上角的发布按钮，找到生成HTML文件一项。或者直接在打开的网页原型中按F8，使用快捷键打开。选择存放HTML文件的目标文件夹。选择需要立即打开的浏览器，也可以选择不打开，只生成HTML文件。点击生成，需要等待几秒钟。