视觉设计思维:如何设计APP的登录页面?
1。应用分类属性。
为什么上海网站设计,需要注册这个应用程序?因为这个应用需要你的个人信息。这是幸存的用户，而不是过路人。根据注册的必要性，App分为三类:
第一个类型:不需要登录。
直接使用App的功能，主要是工具App，如日历、计算器等，如手电筒App，但现在这样的纯App几乎不存在，因为没有用户的App没有价值。没有经济价值你无法生存。所以市场上没有这样的活雷锋，而是被系统应用所取代。为了不被系统应用所取代，本实用程序可以提供一些个性功能来吸引用户注册。
第二类型:非强制性登录。
主要是一些信息和生活应用，如网易新闻、网易云音乐等;你第一次启动应用程序,你可以选择立即注册,或者你也可以选择不注册并直接进入主界面的应用程序。用户不需要登录到使用功能的一部分,如果你需要开启某些特性,您必须登录。例如，听音乐，并尝试根据你的倾听习惯推荐一个个性化的特征。
第三种类型:强制登录。
这种应用程序有很强的个人隐私，比如支付宝，你的钱包不能让人们知道你有多少钱，比如，Momo，你不能让任何人知道最近的情况。还有淘宝，最近买了一些未被描述的东西，不可能被随便看到。所有这些与金钱和隐私相关的音乐都是强制性的。你不能在没有登录的情况下使用这个应用程序。
2。注册和登录的四种方法。
如果您知道哪些应用程序需要登录，那么让我们看看有多少种注册方法。
第一种类型:手机号码登录注册。
一个接口完成登录或注册过程。这是通过手机号码验证码进行注册或登录的最有效方法。如果新用户通过电话验证码直接注册，老用户也可以通过验证码登录。请登录并注册。用户甚至不需要记住密码，只要手机在手，你就可以登录。
第二种类型:用户名密码注册登录。
注册和登录是分开的，简单地说，登录和注册接口是两个接口。其优点是多平台登录对用户名密码有用。缺点是注册过程繁琐。如果您需要注册以单击新页面，则可以使用legend B用户名/邮箱登录等界面表单。外国用户非常喜欢用邮箱注册，他们总觉得外国人的用户习惯与中国人的不同。当然，如果您不想注册一个新页面，那么选择图表CD的标签开关也可以使界面变得简单。
第三种类型:用户名或移动电话登录。
这个接口表示在图EF中显示，这是一个标签栏切换登录模式。一个接口可以用来切换电话号码和帐户登录。您将其放在表上的方式是为用户提供多个登录选项。事实上，为了便于企业维护App账号系统，可能有大量的用户已经从PC上转换了。他们之前没有登记过电话。当然，没有登录的手机号码。例如，Meituan肯定会选择像EF这样的PC用户。从用户体验角度看，用户不方便，因为选择越多，使用起来就越困难。
第四:第三方社会账户登录。
通常通过微信、微博、watercress等第三方常用的社交网络账号登录，不仅可以快速便捷的登录体验产品，同时通过社交账号方便的跟进，分享APP推广。一般来说，小型应用程序会选择这种方法，因为入门门槛很低。然而，一些高隐私的用户会选择建立自己的帐户系统。例如，财富管理应用程序的支付偏向于自构建用户系统，因为对于此类应用程序，用户帐户数据是至关重要的信息。
我之前说过的很多东西都是为了让你知道UI需要基于产品设计，以及页面的交互逻辑。因此，视觉设计人员会在页面上对界面的上游和下游的逻辑进行排序，或者在接口中对每个元素的逻辑进行排序，从哪里开始。
3所示。视觉设计的思维过程。
现在我要做视觉设计。为了演示方便，我给自己一个标题来设计虚拟主题的登录页面。
首先，设计基于iPhone7，分辨率是1334x750。为什么选择这一决议?我的书很清楚。所以我们不讨论这个。让我们先做强制登录。在应用开放后，一般国外的应用非常喜欢选择登录注册界面。在这里，我给自己一个绿色设计的主题。
不要选择纯色。
1。填补这一品牌的颜色。
整个界面背景填充了App的主色调，因为它是绿色主题，而临时所有者是绿色。色相选择不要太纯色，不要选择像绿色这样的第一行的颜色。并且喜欢第二排，如深绿色，翠绿色。如果我们直接使用油漆，就会显得很僵硬。而经过多色调整的色彩显得层次丰富。如果原色饱和度较高，请降低原色饱和度。因为太亮的颜色会降低应用的质量。
多级混合模式。
2。添加矢量纹理。
纯色背景适合反白标志，所以你需要设计一个特征线或剪影图标。在很多情况下，应用程序并没有单独设计文本的名称。在这个时候，logo的logo通常是粗体的。界面上只有两个按钮，用于突出显示或突出显示登录。这是产品的需求。因为不同的应用程序有不同的登录优先级。如果你的老板觉得这个极简主义的背景太敷衍了事。我们可以考虑加入一些向量的纹理。当然，我们需要找到绿叶的纹理。这就是你的主题。为了使颜色更适合主色，我将给矢量的图像着色，图层模式，选择亮度模式。
3所示。背景图
很多时候，矢量纹理可能不适合，或者厌倦了各种规则纹理，我们可以尝试找到一些漂亮的图片作为背景。一般选择整体画面的暗色调，使画面前景的按钮、logo等元素。对于需要强调的按钮，您可以使用纯白色来做底部，您需要削弱白色基础的透明度。如果图像的顶部颜色不适合在线电池柱，你可以添加一个绿色半透明的渐变。似乎这个按钮感觉有点空，所以我们可以用一个诗意的语句:
“看起来在下雨之后，绿色的叶子看起来更漂亮了。”
这里有四个选择图片的建议。
4所示。如何选择图片
这也是一项非常技术性的工作，通过前几个步骤找到所选的图形。画面不好，整体视觉风格不高。怎么做呢。因为使用VPN有时太慢。所以我经常搜索花瓣。花瓣上有很多图片。许多来自国外的美丽照片都被收集了。搜索绿色，植物，树叶和你能想到的一切。然后你通过画板找它。一些高质量的画板已经拍出足够多的图片。剩下的就是选择。
(1)局部特写图片。
局部特写图像适合背景图像，因为局部图形不会显得琐碎，对于前景文本有适当的重叠颜色，按钮视觉干扰非常少。
(2)矢量纹理图像。
矢量纹理图像适合于背景图像，一些元素可以作为激励参考，在界面中作为装饰元素单独提取。
(3)透明底画。
这幅图的透明底部节省了裁剪的时间。一般的界面是二维的，当前景放置在图片中，它有效地打破了界面的规则。使整个界面更加坚固。
(4)一个人的照片。
有些人的照片很好，所以你可以在自然环境中选择一些人。选择图片的主要目的是感受整个画面的情感。寂寞,安静,或温暖。
四、设计案例演示。
(1)登录注册独立界面,上面的开关,当背景图片有区别,区别和团结,所以共同选择的材质是不一样的,绿色的照片可能不同,所以同样的绿色的相互叠加,降低了透明度。使界面图像更加统一。
(2)白色的文字和半透明的按钮看起来很时尚，所以画面应该是明亮和黑暗的，所以背景图片不太亮，前景也不能清晰的显示出来。也不太暗，使这画面气氛压抑。
(3)如果界面只是一个计划，它会显得很死板。此时，我们需要打破界面的边界。在界面设计中，选择透明底部的图片，界面的叶子，花和其他元素，加上阴影。这可以增加界面的立体效果。
(4)登录注册开关的界面可以选择一对近似的和不同的图片。此时，我选择了两幅以森林中人物为背景的图片。在大自然中，人们很容易有神秘的孤独。所以最好有两行诗。当然文本不是随机的，需要配合当前的界面意境。
5。登录界面设计摘要。
在视觉设计之前，要了解界面的逻辑，界面中每个元素的点击都指向哪里。App与产品账户系统不同，有各种登录注册方法。有四种登录方式。每种方法都可以用不同的背景来设计。
寻找那些被不同类型的人故意分类的图片。善于使用一些透明的底部图片来调整界面的尺寸。丰富的接口细节。设计师也应该学会使用文字的力量，最后的触摸会提高界面设计的质量。
