精华内容
下载资源
问答
  • {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云数据库专家保驾护航,为用户的数据库应用系统进行性能和风险评估,参与配合进行...

    {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云数据库专家保驾护航,为用户的数据库应用系统进行性能和风险评估,参与配合进行数据压测演练,提供数据库优化方面专业建议,在业务高峰期与用户共同保障数据库系统平稳运行。","link1":"https://www.aliyun.com/service/optimization/database","link":"https://www.aliyun.com/service/chiefexpert/database","icon":"https://img.alicdn.com/tfs/TB1a5ZfonnI8KJjy0FfXXcdoVXa-100-100.png","btn2":"数据库紧急救援服务","tip":"还有更多专家帮助您解决云上业务问题:立即查看","btn1":"云上数据库优化服务","link2":"https://www.aliyun.com/service/databaserescue","title":"数据库专家服务"}],"search":[{"txt":"安全首席专家","link":"https://www.aliyun.com/service/chiefexpert/security"},{"txt":"中间件首席专家","link":"https://www.aliyun.com/service/chiefexpert/middleware"},{"txt":"系统与平台首席专家","link":"https://www.aliyun.com/service/chiefexpert/platform"},{"txt":"存储首席专家","link":"https://www.aliyun.com/service/chiefexpert/storage"}],"countinfo":{"search":{"length_pc":0,"length":0},"card":{"length_pc":0,"length":0}},"simplifiedDisplay":"newEdition","newCard":[{"link":"https://www.aliyun.com/product/rds/mysql","icon":"rds_mysql1","contentLink":"https://www.aliyun.com/product/rds/mysql","title":"云数据库RDS MySQL版","des":"云数据库RDS MySQL版 MySQL 是全球最受欢迎的开源数据库,阿里云MySQL版 通过深度的内核优化和独享实例提供稳定极致的数据库性能,同时灵活的部署架构及产品形态,可满足不同场景下的数据库需求。","btn1":"了解详情","link1":"https://www.aliyun.com/product/rds/mysql","btn2":"管理控制台","link2":"https://rdsnext.console.aliyun.com/#/rdsList/cn-hangzhou/basic/","btn3":"在线咨询","link3":"https://www.aliyun.com/core/online-consult?spm=5176.8789780.7y9jhqsfz.115.47ea55caeL2Mfu&from=OVtXEBmlH8","infoGroup":[{"infoName":"最新活动","infoContent":{"firstContentName":"MySQL 1年仅19.9元","firstContentLink":"https://www.aliyun.com/database/dbfirstbuy#J_9036464270","lastContentName":"ECS+MySQL 0.7元/日","lastContentLink":"https://www.aliyun.com/1111/enterprise"}},{"infoName":"快速入门","infoContent":{"firstContentName":"选型指南","firstContentLink":"https://help.aliyun.com/document_detail/164594.html?spm=a2c4g.11186623.6.551.56b67384ispvvk","lastContentName":"上手指南","lastContentLink":"https://help.aliyun.com/document_detail/26124.html?spm=a2c4g.11174283.2.16.51795b83pbkzav"}},{"infoName":"最佳实践","infoContent":{"firstContentName":"X-Engine的应用场景","firstContentLink":"https://help.aliyun.com/document_detail/148402.html?spm=a2c4g.11186623.2.14.3f592685zjuUxu#concept-2364901","lastContentName":"读写分离功能","lastContentLink":"https://help.aliyun.com/document_detail/96073.html?spm=a2c4g.11174283.2.53.42db5b83VvZvMJ"}},{"infoName":"产品推荐","infoContent":{"firstContentName":"云数据库PolarDB","lastContentName":"云原生数据仓库MySQL","firstContentLink":"https://www.aliyun.com/product/polardb","lastContentLink":"https://www.aliyun.com/product/ads"}}]}],"visual":{"textColor":"dark","topbg":""}}

    {"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云数据库专家保驾护航,为用户的数据库应用系统进行性能和风险评估,参与配合进行数据压测演练,提供数据库优化方面专业建议,在业务高峰期与用户共同保障数据库系统平稳运行。","link1":"https://www.aliyun.com/service/optimization/database","link":"https://www.aliyun.com/service/chiefexpert/database","icon":"https://img.alicdn.com/tfs/TB1a5ZfonnI8KJjy0FfXXcdoVXa-100-100.png","btn2":"数据库紧急救援服务","tip":"还有更多专家帮助您解决云上业务问题:立即查看","btn1":"云上数据库优化服务","link2":"https://www.aliyun.com/service/databaserescue","title":"数据库专家服务"}],"search":[{"txt":"安全首席专家","link":"https://www.aliyun.com/service/chiefexpert/security"},{"txt":"中间件首席专家","link":"https://www.aliyun.com/service/chiefexpert/middleware"},{"txt":"系统与平台首席专家","link":"https://www.aliyun.com/service/chiefexpert/platform"},{"txt":"存储首席专家","link":"https://www.aliyun.com/service/chiefexpert/storage"}],"countinfo":{"search":{"length_pc":0,"length":0},"card":{"length_pc":0,"length":0}},"simplifiedDisplay":"newEdition","newCard":[{"link":"https://www.aliyun.com/product/rds/mysql","icon":"rds_mysql1","contentLink":"https://www.aliyun.com/product/rds/mysql","title":"云数据库RDS MySQL版","des":"云数据库RDS MySQL版 MySQL 是全球最受欢迎的开源数据库,阿里云MySQL版 通过深度的内核优化和独享实例提供稳定极致的数据库性能,同时灵活的部署架构及产品形态,可满足不同场景下的数据库需求。","btn1":"了解详情","link1":"https://www.aliyun.com/product/rds/mysql","btn2":"管理控制台","link2":"https://rdsnext.console.aliyun.com/#/rdsList/cn-hangzhou/basic/","btn3":"在线咨询","link3":"https://www.aliyun.com/core/online-consult?spm=5176.8789780.7y9jhqsfz.115.47ea55caeL2Mfu&from=OVtXEBmlH8","infoGroup":[{"infoName":"最新活动","infoContent":{"firstContentName":"MySQL 1年仅19.9元","firstContentLink":"https://www.aliyun.com/database/dbfirstbuy#J_9036464270","lastContentName":"ECS+MySQL 0.7元/日","lastContentLink":"https://www.aliyun.com/1111/enterprise"}},{"infoName":"快速入门","infoContent":{"firstContentName":"选型指南","firstContentLink":"https://help.aliyun.com/document_detail/164594.html?spm=a2c4g.11186623.6.551.56b67384ispvvk","lastContentName":"上手指南","lastContentLink":"https://help.aliyun.com/document_detail/26124.html?spm=a2c4g.11174283.2.16.51795b83pbkzav"}},{"infoName":"最佳实践","infoContent":{"firstContentName":"X-Engine的应用场景","firstContentLink":"https://help.aliyun.com/document_detail/148402.html?spm=a2c4g.11186623.2.14.3f592685zjuUxu#concept-2364901","lastContentName":"读写分离功能","lastContentLink":"https://help.aliyun.com/document_detail/96073.html?spm=a2c4g.11174283.2.53.42db5b83VvZvMJ"}},{"infoName":"产品推荐","infoContent":{"firstContentName":"云数据库PolarDB","lastContentName":"云原生数据仓库MySQL","firstContentLink":"https://www.aliyun.com/product/polardb","lastContentLink":"https://www.aliyun.com/product/ads"}}]}],"visual":{"textColor":"dark","topbg":""}}}

    展开全文
  • 通过STelnet登录华为交换机配置实例1、组网需求 如上图1所示,用户希望安全的远程登录设备,但是Telnet缺少安全的认证方式,用户可以通过STelnet方式进行远程的安全登录。终端PC1、PC2和SSH服务器之间路由可达,10....

    通过STelnet登录华为交换机配置实例

    1、组网需求

    a30f34634455e549824b7a5b58dbd8af.png

    如上图1所示,用户希望安全的远程登录设备,但是Telnet缺少安全的认证方式,用户可以通过STelnet方式进行远程的安全登录。终端PC1、PC2和SSH服务器之间路由可达,10.137.217.203是SSH服务器的管理口IP地址。在SSH服务器端配置两个登录用户为client001和client002,PC1使用client001用户通过password认证方式登录SSH服务器,PC2使用client002用户通过RSA认证方式登录SSH服务器。

    2、配置思路

    1、PC1端已安装登录SSH服务器软件,PC2端已安装密钥对生成软件、公钥转换软件、登录SSH服务器软件。

    2、在SSH服务器端生成本地密钥对,实现在服务器端和客户端进行安全地数据交互。

    3、在SSH服务器端配置SSH用户client001和client002分别使用不同的认证方式。

    4、在SSH服务器端开启STelnet服务功能。

    5、在SSH服务器端配置SSH用户client001和client002的服务方式为STelnet。

    6、用户client001和client002分别以STelnet方式实现登录SSH服务器。

    3、操作步骤

    以下命令行释义请参考Stelnet(ssh)登陆华为交换机配置教程

    3.1、在服务器端生成本地密钥对

    system-view

    [HUAWEI] sysname SSH Server

    [SSH Server] rsa local-key-pair create

    The key name will be: SSH Server_Host

    The range of public key size is (512 ~ 2048).

    NOTES: If the key modulus is greater than 512,

    it will take a few minutes.

    Input the bits in the modulus[default = 2048]:2048

    Generating keys...

    ......................++++++++

    ........................................................++++++++

    ........+++++++++

    .....+++++++++

    3.2在服务器端创建SSH用户

    [SSH Server] user-interface vty 0 4

    [SSH Server-ui-vty0-4] authentication-mode aaa

    [SSH Server-ui-vty0-4] protocol inbound ssh

    [SSH Server-ui-vty0-4] quit

    3.3、创建SSH用户client001,且认证方式为password。

    [SSH Server] aaa

    [SSH Server-aaa] local-user client001 password irreversible-cipher Huawei@123

    [SSH Server-aaa] local-user client001 privilege level 3

    [SSH Server-aaa] local-user client001 service-type ssh

    [SSH Server-aaa] quit

    [SSH Server] ssh user client001 authentication-type password

    3.4、创建SSH用户client002,且认证方式为RSA。

    [SSH Server] ssh user client002 authentication-type rsa

    3.4.1、在PC2端生成客户端的本地密钥对。

    在客户端运行puttygen.exe。用于生成公用密钥、私用密钥两个文件,供后续使用。

    选取“SSH2 RSA”,点击“Generate”,进入密钥生成状态,此时只要将鼠标在空白处进行移动,就可以看到密钥不断的生成。

    2d13553326d9e8c92844e33f76da5170.png

    图2 生成客户端密钥对(1)

    4071f08cac4d3c0c3af68520bb8d28ba.png

    图3 生成客户端密钥对(2)

    待到密钥生成完毕,点击“Save public key”保存文件名为key.pub。

    点击“Save private key”,弹出对话框,提醒是否保存没做任何保护措施的私钥,选择“Yes”,保存文件名为private.ppk。

    aad5e3af915eefc8e7143c526bbdba3c.png

    图4 生成客户端密钥对(3)

    3.4.2、在客户端运行sshkey.exe。将生成的公有密钥转化为设备所需要的字符串。

    打开上一个程序所生成的SSH所需的公有密钥文件key.pub。

    eff969c819027bc21867b1495abb7d66.png

    图5 转换客户端公钥(1)

    点击“Convert(C)”,查看到生成前后的公钥。

    9c52b937b253cfc5ff315b776dbd4f61.png

    图6 转换客户端公钥(2)

    在SSH服务器端输入PC2端上产生的RSA公钥。

    [SSH Server] rsa peer-public-key rsakey001

    [SSH Server-rsa-public-key] public-key-code begin

    [SSH Server-rsa-key-code] 30820108 02820101 00DD8904 1A5E30AA 976F384B 5DB366A7

    [SSH Server-rsa-key-code] 048C0E79 06EC6B08 8BB9567D 75914B5B 4EA7B2E5 1938D118

    [SSH Server-rsa-key-code] 4B863A38 BA7E0F0D BE5C5AE4 CA55B192 B531AC48 B07D21E3

    [SSH Server-rsa-key-code] 62E3F2A5 8C04C443 CF51CF51 136B5B9E 812AB1B7 1250EB24

    [SSH Server-rsa-key-code] A4AE5083 A1DB18EC E2395C9B B806E8F0 0BE24FB5 16958784

    [SSH Server-rsa-key-code] 403B617F 8AAAB1F8 C6DE8C3C F09E4D23 7D1C17BF 4AAF09C4

    [SSH Server-rsa-key-code] 74C083AF 17CD3075 3396B322 32C57FF0 B1991971 02F1033B

    [SSH Server-rsa-key-code] 81AA6D47 44520F23 685FAF72 04BA4B6E 615EF224 14E64E2A

    [SSH Server-rsa-key-code] 331EEB7F 188D9805 96DBFD30 0C947A5A BA879DC4 F848B769

    [SSH Server-rsa-key-code] 513C35CD B52B2917 02B77693 F79910EE 5287F252 977F985E

    [SSH Server-rsa-key-code] 5F186C94 93F26780 4E7F5F9D 5287350A 0A4F4988 1BF6AB7C

    [SSH Server-rsa-key-code] 1B020125

    [SSH Server-rsa-key-code] public-key-code end

    [SSH Server-rsa-public-key] peer-public-key end

    在SSH服务器端为SSH用户client002绑定STelnet客户端的RSA公钥。

    [SSH Server] ssh user client002 assign rsa-key rsakey001

    3.5、SSH服务器端开启STelnet服务功能

    [SSH Server] stelnet server enable

    3.6、配置SSH用户client001、client002的服务方式为STelnet

    [SSH Server] ssh user client001 service-type stelnet

    [SSH Server] ssh user client002 service-type stelnet

    3.7、验证配置结果

    PC1端client001用password认证方式连接SSH服务器。通过putty软件登录设备,输入设备的IP地址,选择协议类型为SSH。

    167ff4cafc19f84245e7d61e35755c59.png

    图7 通过putty软件用password认证方式连接SSH服务器示意图

    点击“Open”,出现如下界面,输入用户名和密码,并按Enter键,至此已登录到SSH服务器。
    login as: client001

    Sent username "client001"

    client001@10.137.217.203's password:

    Info: The max number of VTY users is 8, and the number

    of current VTY users on line is 5.

    The current login time is 2012-08-06 09:35:28+00:00.

    PC2端client002用RSA认证方式连接SSH服务器。通过putty软件登录设备,输入设备的IP地址,选择协议类型为SSH。

    4568d4c4938facceb382bf4a509ebddd.png

    图8 通过putty软件用RSA认证方式连接SSH服务器示意图(1)
    单击左侧导航栏“Connection->SSH”,出现下图9的界面,选择SSH协议版本为2。

    c01817d984c4a964e85604b2ffc58f72.png

    图9 通过putty软件用RSA认证方式连接SSH服务器示意图(2)

    单击左侧导航栏“Connection->SSH”下面的“Auth”(认证),出现下图10的界面。选择与配置到服务器端的公钥对应的私钥文件private.ppk。

    0ef6a53f1c9655ab5dc705c81a7c66e7.png

    图10 通过putty软件用RSA认证方式连接SSH服务器示意图(3)

    点击“Open”,出现如下界面,输入用户名,并按Enter键,至此已登录到SSH服务器。

    login as: client002

    Authenticating with public key "rsa-key"

    Info: The max number of VTY users is 8, and the number

    of current VTY users on line is 5.

    The current login time is 2012-08-06 09:35:28+00:00.

    4、配置文件

    SSH服务器的配置文件

    #

    sysname SSH Server

    #

    rsa peer-public-key rsakey001

    public-key-code begin

    30820107

    02820100

    DD89041A 5E30AA97 6F384B5D B366A704 8C0E7906 EC6B088B B9567D75 914B5B4E

    A7B2E519 38D1184B 863A38BA 7E0F0DBE 5C5AE4CA 55B192B5 31AC48B0 7D21E362

    E3F2A58C 04C443CF 51CF5113 6B5B9E81 2AB1B712 50EB24A4 AE5083A1 DB18ECE2

    395C9BB8 06E8F00B E24FB516 95878440 3B617F8A AAB1F8C6 DE8C3CF0 9E4D237D

    1C17BF4A AF09C474 C083AF17 CD307533 96B32232 C57FF0B1 99197102 F1033B81

    AA6D4744 520F2368 5FAF7204 BA4B6E61 5EF22414 E64E2A33 1EEB7F18 8D980596

    DBFD300C 947A5ABA 879DC4F8 48B76951 3C35CDB5 2B291702 B77693F7 9910EE52

    87F25297 7F985E5F 186C9493 F267804E 7F5F9D52 87350A0A 4F49881B F6AB7C1B

    0201

    25

    public-key-code end

    peer-public-key end

    #

    aaa

    local-user client001 password irreversible-cipher %@%@*~Br";[g6Pv5Zf>$~{hY+N!`{$

    local-user client001 privilege level 3

    local-user client001 service-type ssh

    #

    stelnet server enable

    ssh user client001

    ssh user client001 authentication-type password

    ssh user client001 service-type stelnet

    ssh user client002

    ssh user client002 authentication-type rsa

    ssh user client002 assign rsa-key rsakey001

    ssh user client002 service-type stelnet

    #

    user-interface vty 0 4

    authentication-mode aaa

    protocol inbound ssh

    #

    return

    展开全文
  • 同一个微信账号只能在一个手机上登录在线,不能同时在两个手机上保持在线,但是可以在手机和电脑同时保持登录在线。同一个手机也只能同时登录一个微信账号,通过切换账号,手机版微信只能保留两个微信账号。但是电脑...

    同一个微信账号只能在一个手机上登录在线,不能同时在两个手机上保持在线,但是可以在手机和电脑同时保持登录在线。

    同一个手机也只能同时登录一个微信账号,通过切换账号,手机版微信只能保留两个微信账号。但是电脑版微信,可以实现同时登录两个以上的微信账号,只要电脑配置足够高,无上限。

    2cee7e3b9cf8e117c9fbc3a9432e4da5.png

    首先,鼠标点击桌面空白的地方一下,这样做是确保没有点选到任何程序,然后按住回车键不松手,再去单击桌面微信的快捷程序,这样就会出来很多个个微信登录界面重叠显示,在登录界面的最左上角,进行移动拖放即可看到被重叠的其它登陆框。

    如果你需要电脑同时登录两个微信账号,是不能使用同一个手机,用切换账号的方式扫码登录电脑版的,因为切换账号的时候,手机微信只要下线,已经登录的电脑版微信也会跟着下线,所以还得使用两个手机,登录好两个微信账号,并保持在线,扫码电脑版微信登录才行。

    手机微信可以通过直接关闭手机,让电脑版微信继续保持在线,只要手机微信没有在网络连接状态时,切换或关闭微信账号,电脑版微信就不会被下线。当电脑版微信有两个以上账号登录时,会提示热键冲突,截取屏幕和打开微信的快捷键,不能使用一样的按键,需要修改它,发送消息都是回车键,这个不会冲突,不用修改。

    c3a3dfec9ea6c7ccee18501b62b105e6.png

    展开全文
  • (不同APP的界面)界面作为我们认识APP的第一道门槛,是APP的“面子”,更是不可忽视的一项重点设计,为了建立有效的UI,设计师需要根据移动端APP本身的特性和当下趋势,作出不一样的改变。但当今设计趋势瞬息万变,在...
    20d00713f4e0f9a4a97319a0e45bb61c.gif

    随着互联网的发展和智能手机的普及,移动应用成了人们最热爱的宠儿,许多移动APP也会根据用户的需求而更迭本身的UI设计。

    7812eff4f0e9d8a7a57184a5c953031e.png
    a80d897253294b720c22f68d0daf220d.png
    2a9743f99000241e997f8ea815c4511d.png

    (不同APP的界面)

    界面作为我们认识APP的第一道门槛,是APP的“面子”,更是不可忽视的一项重点设计,为了建立有效的UI,设计师需要根据移动端APP本身的特性和当下趋势,作出不一样的改变。

    但当今设计趋势瞬息万变,在没有统一标准的设计规则之下,紧跟设计趋势,才能保证UI对用户的吸引力常在。

    f43ec8f8e46a016a87c50a246d63ef74.png

    今天,数艺君就给大家介绍几种常见,也是时下比较流行的移动端UI界面类型,希望对大家有帮助。

    01

    闪屏页

    每次打开App时第一眼看到的就是闪屏页(又称启动页),该页面承载了用户对这款App的第一印象,因此对设计的要求是很考究的。闪屏页给用户观看的时间很短,通常只有一秒的时间,因此,如何在这么短的时间内表达出产品的定位就是设计师需要重点考虑的问题。

    只有设计出定位明确且吸引人的闪屏页,才能加深用户对产品的认知度。闪屏页分为品牌宣传型节假关怀型活动推广型3种类型,不同类型的闪屏页承载的内容信息和表达方式也不一样。

    品牌宣传型

    App的闪屏页是为了体现产品的品牌而设定的,主要组成部分是“产品名称+产品形象+产品广告语”,如图所示。品牌宣传型的闪屏页是最为直白的闪屏页,设计较为精简,力求凸显品牌特点。

    d1f28755a66324dddbea4efb58288ea0.png
    7baf3e682e6cf742a0fc15595531f754.png
    cc933af9497475f413c4a37dc69a9cd4.png

    品牌宣传型闪屏页

    节假关怀型

    当节假日来临,很多App会通过营造节假日的气氛来体现人文关怀。当眼前出现一幅朴实的节假日插图时,观者会从内心感受到软件带来的祝福,从而拥有美好的心情。

    QQ音乐在设计中,对品牌的LOGO进行了延展设计,以凸显节假日的元素。这种设计不仅能够加强与用户的情感交流,还能加深用户的品牌的印象,如图所示。

    8171acdce9e08797be5589793b10e1b9.png
    1ce845891431c066f4375f635cf364f8.png
    c655a671cb3394ecaad3ab3826622828.png

    用LOGO体现假日元素的闪屏页

    另外,也可以用整个场景的插画来营造节假日的氛围,这也是非常讨喜的表现方式,如图所示。

    36f68acd2c1b8c9e0fad16119975048e.png
    e0bdd09231b11fa798c2e6e38b7013da.png
    b657eed310657602e2c883471a566438.png

    用插画体现节日气氛的闪屏页

    活动推广型

    有时候产品在运营过程中会做一些活动或者广告,推广内容通常会显示在闪屏页上。活动推广型的闪屏页多以插画形式表现。

    要着重体现的是活动主题及时间节点,营造热闹的活动氛围。在设计时一定要抓住主次,避免因为烦琐的场景影响到主题的体现,如图所示。

    b2faedaf75f513a84bb3ceb532b6bfc5.png
    58dcf535c70dba6d6a6ab2857d6fab45.png
    31ebc4913fe9518f8fc394a8a593e811.png
    40943f339ce7f84108e2ee80c1bcfaba.png
    f00983c08259f53143aa64060f2c4916.png
    053c7a5122246b8e9d5101f2533d1c41.png

    活动推广型闪屏页

    02

    引导页

    一个好的App引导页能够迅速抓住使用者的眼球,让他们快速了解App的价值和功能,起到很好的引导作用。有一句话是这么说的:“优秀的UI可以造就App的点击率”。

    在做引导页之前,我们首先要学会定位,了解App的目标用户群。简单来说,引导页分为功能介绍型情感带入型搞笑型3种类型。

    功能介绍型(基础型)

    功能介绍型引导页是最基础的一种引导页。这种引导页要保证信息展示一针见血,切忌啰唆、表达不清。在这样一个网络化、碎片化的时代,用户停留在引导页上的时间越来越短,浏览时间通常不会超过3秒。

    在这宝贵的3秒钟内,设计师需要把简洁明了、通俗易懂的文案和界面呈现给用户,如图所示。请记住这句话:“用户需求就是你的文案,功能介绍型的例子比比皆是。

    e5ff144bbc99b7dc8d0315c969c842e7.png
    16e0f5cda34dfb97cbedc8cbd7ee4f60.png
    523d4f4e737da5c6263fa3849f22531b.png

    功能介绍型引导页

    功能介绍型引导页分为带按钮的引导页和不带按钮的引导页两种类型。一般社交类的产品会强制引导用户去登录,所以会在引导页面中加入登录的入口,如图所示。

    4c98cc569c442e2a3110f15f6078c52c.png
    581abcaa5b190aa7c1943a41c66406ce.png
    48b9e83934465d672c206019784022cd.png

    引导页登录入口

    情感带入型(中级型)

    情感带入型的引导页能通过文案和配图,把用户需求通过某种形式表现出来,引导用户去思考这个App的价值,如图所示。这种类型的引导页要求设计形象化、生动化、立体化,能够增强产品的预热效果,同时给用户带来某种惊喜。

    94f00b96a8417302151c69cd29cf01cd.png
    7bdcfc05d7a131bc91e9b2d4aa7dbe46.png
    2aab72905bce456829cc72e7c6c21668.png

    情感带入型引导页

    品牌宣传型

    搞笑型引导页的阅读量一般都比较高,拼的是设计效果或动画效果,如图所示。

    在一般情况下,这种类型的引导页对设计师的要求比较高,需要设计师学会扮角色和讲故事,综合运用拟人化和交互化的表达方式,根据目标用户的特点来进行设计,最终让用户身临其境,在页面上停留更长的时间。

    308ef76e6f1970f64590cbf2f6a9c056.png
    c99f431e4f5961a636937006e68054b6.png
    d8e6ac532597e2ec3b3ff2babc1ff7d4.png
    618aa31a95bc24ffb4c9360b73d05a21.png
    ca031fc8d82d95d9d25008cf99b110a6.png
    56d47b02c8faf0d1017ef635428bbb81.png

    搞笑型引导页

    03

    浮层引导页

    浮层引导页一般出现在功能操作提示中,是为了能够让用户在使用过程中更好地解决问题而提前设计的用户教育。

    这种引导页的浮层通常以手绘表现方式为主,会使用箭头和圆圈来进行设计,并用高亮的颜色来突出信息,同时采用蒙版方式来加强突出功能,如图所示。

    346c2af8b2c016decb7e8bd1e7cb759c.png
    724b23fedf9744874d4df970c7d87af7.png
    055625e9cfe5adf7f2c8427e97f1a5ad.png
    604322996882d36bb138f8b9afcd59f0.png
    1ddb202c7e0420632d8e08788c6f21f2.png
    c47c38bf6f154994de328e679b5824c6.png

    浮层引导页

    04

    空白页

    空白页分为首次进入型错误提示型两种。简单来说,空白页就是由于网络问题造成的页面或者是没有内容的页面,例如页面中显示“没有信息”“列表为空”“错误”和“无网络”等内容的页面就属于空白页。

    在一般情况下,这种页面都会通过文字信息给用户提示。好的空白页面会花费不少设计时间,因为这种页面不仅是用于提示,还会引导用户进行实质性的操作,从而加强用户对产品的黏性。要注意,空白页的设计一定要简洁明了。

    首次进入型

    在用户第一次打开应用的时候,App会利用空白页的提示引导用户进行操作,指引用户找到需要的内容,如图所示。

    62493c46755e6c84125eecb46b9dfed3.png
    f06868cd50404bbbd4b099901b198e59.png
    d08f7ec57ed8572290f9d8069e678109.png

    首次进入型的空白页

    错误提示型

    错误提示型的空白页不仅在网页中很常见,而且在App中也经常出现,例如显示“找不到页面”或者“网络中断”等,如图所示。这种页面中一般会指引用户解决问题,例如点击“刷新页面”按钮可以刷新页面等。

    a8c2fe59ed7cb2ef3feb1d9ddef369bf.png
    da33202106ea96021b58e0d156c2a7d0.png
    7609c1fb3445b71287a1fe480b743da2.png
    2ca7cf339a0677409b18c34b8242fe05.png
    cfe189e4ee8baecf1b17d9236cd0efe5.png
    36ffb1d4101575f6ff438f4048cfd9d4.png

    错误提示型的空白页

    05

    首页

    不同功能的App有着不一样的首页模块,选择一种适合产品本身的首页展示方式非常重要。现在,App首页同质化现象越来越严重,页面基本都朝着一个方向去设计。

    作为设计师,一定要做到多看多用才能够找到更适合产品本身的展示方式。下面介绍一下首页最常见的4种表现形式,分别是列表型首页图标型首页卡片型首页综合型首页,不同类型的首页布局承载着不同的内涵。

    列表型

    列表型首页是指在一个页面上展示同一个级别的分类模块。模块由标题文案和图像组成,图像可以是照片,也可以是图标,如图所示。列表型的首页更方便点击操作,上下滑动也可以查看更多的内容。

    e5e2d495341b6ec757473edde9a73c2a.png
    8e515c20a3e95da8e408abed5ee458f3.png
    696ccfa5a6037f7a3e183274d8078e52.png

    列表型首页

    图标型

    当首页包含几个主要的功能时,可以采取图标的形式进行展示,如图所示。图标型的首页最好是在第一屏展示完整,并将点击做到最简单。

    cae56d93a82d6df75ad918c1522507c2.png
    4fc837ec83ce808c961fbda3e82feebe.png
    a7bc14edf02a5942ca20ab038bcf641a.png

    图标型首页

    卡片型

    在遇到操作按钮、头像和文字等信息比较复杂的情况时,可以选用卡片型首页方式。卡片型首页能让分类中的按钮和信息紧密联系在一起,让用户一目了然,同时能还有效地加强内容的点击性,如图所示。

    0be5b187c81a4c511fa6e1604bd05118.png
    e26f42be5a0b18fd79a0d1f61bad3444.png
    de17ebf9496468a779dc1957e063dd60.png

    卡片型首页

    综合型

    电商类产品模块的表现方式比较多,有图标形式也有卡片形式等。如何才能让多块内容在页面中显示得清晰易读,这是对设计师能力的考验。

    综合型的首页设计要特别注意分割线和背景颜色的区分不能太过明显,选择比较淡的分割线和背景色来区分模块即可,因为要保证页面模块的整体性,如图所示。

    68eab67647912400671c876250ff8e6f.png
    9bf28ee310cf7474b5a74eadc8ad7b37.png
    3a698767c904ed347d2f4960e9aa21bb.png
    02b48e94ef41024e9b88526f63ed12c3.png
    f6603447c8be36bb41da63b8d0f061e4.png
    4aab27ae227b8af5e38227d3f58641ef.png

    综合型首页

    06

    个人中心页

    在App中,个人中心页又称为“我的”页面,通常设计在底部菜单栏的最右侧。社交应用中,个人中心有两种角色的划分,一个是自己的主页面,还有一个是他人的中心页面。

    自己的个人页面可以自己进行编辑,而他人的页面是供用户关注或进行私信交流的。所以,个人中心页与其他页面在功能上需要有场景区分。

    个人中心页主要由头像、个人信息和内容模块组成,通常会采用头像居中对齐的方式进行设计,目的是为了体现当前页面的信息都与本人有关。头像一般会采用圆形,因为这样看起来更为协调,同时画面也会显得更为饱满,如图所示。

    d0bff9715b34ed54fafe40730353e23a.png
    a63699dfc248b0fcb692ce0b1fc5d131.png

    居中对齐的个人中心页

    还有一种设计是以头像居左对齐为主,通常在信息比较多的情况下会采用这种设计,不仅能节省空间,同时也能让内容在一屏上展示完整,如图所示。

    831dfd217591aa21f93eb04576680247.png
    b0c29a6710ca78ec7e5156fe0fdf53ba.png
    b03aea10fa9991e3cf6be6c402ca6f6e.png

    头像居左对齐的个人中心页

    在社交应用中,更多的是要凸显人与人的关系,所以个人中心“关注”和“粉丝”的数量是两个非常重要的信息。设计时应该着重凸显数字,体现个人在群体中的价值,如图所示。

    e4a5b164d677bebffdb0c59d13796222.png

    社交应用需要凸显数字的价值

    07

    列表页

    在使用软件搜索或点击分类查找后会出现结果页面。结果页面通常会以列表的形式来体现,包括单行列表双行列表两种,展示的内容为“图片+名称+介绍”。另外,还可以用时间轴图库的形式来设计列表页。列表页的设计虽然简单,但却困扰着不少设计师。

    总体而言,设计列表页时,需要遵循这些原则:留白空间要张弛有度,且要有亲疏之分;对齐的方式要规整;粗细元素的组合要有节奏感;需要重点突出的元素的颜色要明亮;列表的层次感要分明;在用虚实方式进行结合设计时,要保证实的对象在前,虚的对象在后。

    单行列表

    大多数消费类产品的结果页面都会以单行列表的形式进行展示,左边为图,右边为文字信息、评分和价格等,这样的展示方式易于用户阅读,如图所示。图片能够诱导用户进行点击,文字则用来解释商品。

    5c9bbf968c347e758c4ffddb57472d3b.png
    2688d3f49de75ed8cdc8ec337e546b5f.png
    bddf683d9ba6f2640c6dab7cbe59aaf8.png

    单行列表页

    双行列表

    双行列表页的表现形式更加节省空间,每个卡片的排布方式为上面是图片下面是文字,可以让页面显得更为饱满,如图所示。

    ff47678d2c8f44a05f9c26a7a85ee407.png
    620e6a1837c869af14f83904c63056ce.png
    34cbbcae2517b6205632220ad0370f21.png

    双行列表页

    时间轴

    为了加强内容的前后时间关系,通常会使用时间轴的方式来设计列表页,这样的表现形式能够更好地凸显每条信息之间的关系,让用户阅读起来更有条理性,如图 所示。时间轴列表页的展示方式为左边是时间轴上各节点,右边是与时间节点对应的内容。

    5e9115faccd9533ed35acfde6c83596b.png
    5ed623548330c75598a1d5f3e27db98e.png
    ca03a6e759ddec1e5f267a15e68612c2.png

    时间轴列表页

    图库列表

    图库列表页主要出现在相册或图片编辑类App中,其中相册的图库列表页有文档和图片平铺两种显示方式。为了让分布更为均匀规整,图片通常会采用正方形的形式进行排列,如图所示。

    1c79250e59b787fc6f113ff9171b1717.png
    c1886ee5656dd21f9aa172c46ecb1c56.png
    81e876d27beb1ab953786216a5f65a22.png
    ccca66622d63b2ad4721771ea4b135bf.png
    93a10f1d6a80a374d8197ff8baaec673.png
    9a98459663dc2a8b4db6c3e7cd0a0a55.png

    图库列表页

    08

    播放页面

    播放页面包括音乐播放页视频播放页音频播放页。在音乐类App中,通常会将歌手或CD的大图居中对齐放在中上方,下方摆放可操作性的按钮,如图所示。

    8576ec3e432361e76a6199ad2e59a44a.png
    13d6973546b1e73cfc127d3799bf9a74.png
    e6da3da7f9791bdeca765f54a71521db.png

    音乐播放页

    在视频播放页中,为了增强用户的易用性,通常会采用两种播放方式:一种是在信息流或详情页面中直接预览;另外一种是全屏预览视频,如图所示。

    前者在内容页面中进行播放是为了加强界面的可操作性,例如选集、点评和分享等功能,而全屏播放视频的目的是让用户体验更舒服、更沉浸。

    c4d041a57502648c8bf153eb52d869ed.png

    视频播放页

    09

    详情页

    详情页是整个App中产生消费的页面,页面中的内容比较丰富。在阅读类App中,详情页主要以图文信息为主,相对来说更加注重文字的可读性,所以会选择比较大的字号来突出标题和内容,如图所示。

    cf2c7be0ae2fa1b5d90bac8223a4fd0f.png
    2583cc82da3b7dd61c52bf640c13a7fe.png
    e06b2612d962a1b999ed6e215cb7e608.png

    阅读类App的详情页

    在电商类应用中,详情页的主要目的是引导用户去购买产品,所以购买的按钮会一直呈现在界面的顶部,方便用户购买商品,如图所示。

    78c41c78cd7e5b3abc4808bd8bc124b1.png
    9d5f2d1cbeff94271f959fca9514f4bb.png
    4831c73304fb36583d894d6a287c2655.png

    电商类应用的详情页

    10

    可输入页面

    在社交软件中,注册登录页面是必不可少的,这类页面的设计务必要做到易用简便。注册登录页要考虑唤起键盘的时候文字信息会不会被遮挡,输入框的宽度是否易于操作,文字提示是不是达到最精简程度等。

    例如有些输入框显示的提示文字是“请您输入邮箱”,其实只需要提示“邮箱”两个字就足够了,所以注册登录页的设计在注重可操作性的同时一定要注意文字的表达是否言简意赅,如图所示。

    071196a5db2ac1edc07a7c8d8e53b73d.png
    6a71d4c998fac4df96201385b6789f7a.png
    7966bffdab28eedfcf2766e8cc4227c8.png

    注册登录页面

    在发布信息内容的时候会出现相关的内容填写页面,这种页面很注重类别的分组,例如将图片分为一组,货号和批发价分为一组,将内容有条理地进行分组等。

    可以减少用户的填写压力,如图所示。在分类比较多的情况下,选用的背景和分割线的颜色不宜太重,否则会让页面显得琐碎不堪。

    dce15a646d63c0edde30394b09a54fea.png
    764bf1e68cbbe4b1a594aff1e2778e4a.png
    b4092893e406ff24477a3b3c3d8af3be.png

    发布信息内容的填写页面

    展开全文
  • {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云数据库专家保驾护航,为用户的数据库应用系统进行性能和风险评估,参与配合进行...
  • vs2013登录界面mfc

    2018-05-11 17:15:00
    学生登录界面vs2013写的,有读取文件,写入文件功能
  • VS的30天的评估期过后,可能会出现 登录失效 ,无法正常更新检测更新许可证 以及 登陆界面无法正常加载的问题。 解决方案 开始–>Visual Studio Installer -->更新 (如果已经更新可以忽略此操作) 更新...
  • 主要为大家详细介绍了VS2012实现简单登录界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 界面授权登录的相关说明 环境配置 新建的基于对话框的MFC界面; 在链接器的输入下的附加依赖项下添加sqlite3.lib文件; 图1 附加依赖项下添加文件 3) 将sqlite3.h和sqlite3.dll文件添加到解决方案的.cpp文件...
  • VS写的图书管理系统登录界面
  • vs2005写的登录界面

    2010-01-20 18:43:59
    vs2005写的简单登录界面,想要的速度下载把
  • VS & C# 之设计QQ用户登录界面 VS & C# 之设计QQ用户登录界面
  • VS注册登录不显示界面内容

    千次阅读 2018-12-12 10:09:24
    有时候在VS里登录微软账号,登录界面内容迟迟显示不出来,如下图所示.这样的问题可能是你用的公共网络,我一般是把网线拔了,用手机USB共享网络,就可以登陆了. 公共网络 自己的手机USB共享网络 ...
  • 登录界面设计比较简单,适合初学者(me too),有用户名和密码输入功能,附加键盘输入密码功能呦~
  • 1、打开VS2017之后,当我们点击“登录”按钮想要登录微软账户时,弹出的框一直没有内容,感觉像是网络特别慢加载不出来的问题。如下: 2、其实是由于所连接网络"TCP/IPv4"中的DNS获取有问题。其实解决办法非常...
  • vs2015或者其他版本登录界面得不到返回 断开电脑的网线,使用手机热点(本人为移动网络,测试可行)
  • 用户登录信息存放到session中,我们先准备一个对象 get/set方法自动生成 将登录信息存放,如果没有登录过我们存放到session中,如果登录过,就判断是否一致(模拟数据存放) 我们再来看注册模块,添加一个跳转页面 先...
  • 需求:在登录界面中需要设置服务器IP,端口,在第一次设置后下一次打开登录界面时要显示上一次所设置的IP地址以及端口 实现思路:将本次设置的IP地址以及端口保存到本地文件,在下一次打开登录界面时,从本地文件中...
  • 新建数据库:VS2013视图—SQL Server 对象资源管理器—数据库右键新建数据库—表右键添加新表 AdminRegister是表名。括号里是表内容,主键是可以唯一标识一个元素的一行或一列。这里选用Name做主键。编辑完表结构...
  • 本人在安装完Vs 2017的时候发现登录界面是一片空白,并且要用vs必须要登录,不登陆就卡界面了,就用不了vs 解决方法:看手速 打开vs几秒内不会弹出登录界面,这时迅速点击右上角的登录按钮来进行登录,登录好后就...
  • 今天介绍shiro安全框架的应用,主要简介登录相关,权限控制此次不做讲解.项目框架为Springboot,Maven管理jar包.(万字,要有耐心喔)1.maven引入shiro相关依赖<dependency><groupId>org.apache.shirogroupId&...
  • 1.新建一个login的Dialog,并为其新建一个Login类 2为用户名和密码的编辑框绑定变量 CString m_name; CString m_password; ...3 双击登录按钮,在主对话框的BEGIN_MESSAGE_MAP(COpenCamerMFC...
  • 纯属个人爱好,推荐一下这款产品,相比于传统HMI,优势很明显,不足也很明显,各位看官仁者见仁智者见智吧... exe(服务)运行环境:windows(支持CE),TwinCAT3.4024软件安装:支持嵌入Beckhoff TC3 XAE或VS2017及VS20...
  • 本程序用的数据库是SQL2005 ,使用前需要把SQL数据还原回去就可以在VS2008下运行了,实现了QQ的简单界面框架,聊天网络通信功能还在写,希望能对大家有点帮助 在VS2008下 用MFC 模仿 QQ 聊天, 通过连接SQL2005...
  • 去掉VS2005中水晶报表的登录界面

    千次阅读 2007-09-28 16:30:00
    在CSDN中经常有朋友问在ASP.NET下用水晶报表的网站会出现水晶报表的登录界面,我来用实例说明如何去掉这个界面(PULL模式) 首先,为了登录方便,将数据库的用户名和密码先写到Web.config中: 然后写个类来统一验证登录...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 616
精华内容 246
关键字:

vs登录界面