登录页面设计软件(网页设计用什么软件最好)

本文目录
网页设计用什么软件最好
设计网页不仅仅是用到网页设计工具,它还要用到动画制作工具以及图片处理工具。一般设计网页我们只要三个软件基本就可以搞定。这三个软件分别为Dreamweaver,Fireworks,Flash。这三个软件被称为是网页三剑客。
之所以称之为三剑客,很大一部分是因为这三种软件能相互无缝合作。制作网页,通常由Fireworks导出切片、图片等,然后在Dreamweaver中绘制表格;较为流行的一种是在Fireworks中做好主要页面,然后导出,在Dreamweaver中加以修改,添加链接等,便做出一个非常好看的页面。
但是由于ps的功能比Fireworks的功能还要强大,所以ps在网页制作方面更显得突出。
Axure怎么设计网页的登陆页面
Axure是一款功能强大的交互设计软件,作为产品小白入门时的必学软件,从做一个登录界面开始展开我们的学习历程。 这里我用的是Axure RP 8为大家演示如何制作一个登录界面。作为一个学习分享,如果有不妥之处,还望各位多多指教,敬请见谅。
1、打开Axure,在默认的元件库先拖入一个矩形,在右侧检查器里设置矩形方框的大小、填充颜色,阴影和圆角半径的数据,使其稍微美观点,效果如图:
2、从元件库中拖选横线控件,将方框进行一个简单划分,之后在方框上部分拖入一个文本标签,并输入文字login;
3、之后分别拖入登录界面剩余所需的控件合理放置到方框上,需拖入的控件有:两个文本框,一个复选框,一个按钮;为了美观创意也可以拖选一些小标记美化界面,这里全看个人创意喜好。(这里我随便加了两个水滴标记)
4、
拖入用作输入用户名和密码的文本框后还需对他们进行一些设置,如:设置文本类型,文本提示(用来提示用户应该输入什么内容),最大输入字数等。
5、这里有个注意的就是文本提示后有两个提示隐藏的选项Typing和获得焦点。Typing表示的是当用户输入时,文本框的提示文字才会隐藏,获得焦点表示的是当文本框获得了点击表示输入时(用户还没输入),文本框的提示就隐藏了。图为用户名和密码的文本框属性设置:
6、为体现良好的人性交互,当用户输入密码错误或者用户名不存在时界面会提示,这里我们拖入一个标签框作为提示,如图;
7、到这里总体的界面设计就出来了,接下来是要对登录界面的用例逻辑进行设置,当用户名输入为空、密码输入为空、用户名输入错误、密码输入错误、用户名和密码正确时都应该有相应的逻辑用例,这里以当用户名输入为空做例子介绍如何设置登录界面的用例。到这里总体的界面设计就出来了,接下来是要对登录界面的用例逻辑进行设置,当用户名输入为空、密码输入为空、用户名输入错误、密码输入错误、用户名和密码正确时都应该有相应的逻辑用例,这里以当用户名输入为空做例子介绍如何设置登录界面的用例。
8、点击登录按钮,在登录按钮属性一栏的交互双击选择鼠标单击时进入点击登录按钮动作后的用例设置。在用例器的顶部点击新增条件,在条件生成的界面设置当元件uname等于空时,点击确定按钮。之后继续在用例器上选择设置文本,在配置动作那一栏选择tips元件,将文本的值设置为Please enter your username !,这样就可以在用户没输入密码点击登录时在提示框显示提示内容。
9、其余的用例设置大致是一样的,这里我的用例设置为当用户名,密码为空或者输入错误时,点击登录按钮提示框会显示对应的提示信息,当用户输入正确的用户名和密码时(用户名:幻云思密达,密码:123456),点击登录按钮跳转到www.baidu.com。图为本案例用例逻辑设置:
10、到这里就完成了一个登录界面的制作了,按下F5就可以看看模型是咋样的了。这里需要注意的是用例的设置先后顺序也是有影响的,设置的时候一定要考虑清楚,比如如果先设置提醒用户名或者密码输入错误的用例再设置提醒当用户名或者密码为空的用例时,模型的用例执行是从第一个用例开始的,所以后面的用户名或密码为空的提示可能就会被前一个当用户名或密码错误的提示覆盖掉了(因为用户名或密码为空也算是用户名或密码输入错误)。

更多文章:
制作网页时通常需要在同一网页内跳转常常采用制作什么超链接(简述在网页设计中制作超链接的类型)
2026年9月5日 07:00
开发工具按钮是表格部分数据清零(怎么添加一个Excel批量删除多个单元格内容按钮)
2026年9月5日 05:45
石家庄网站优化全包(石家庄公交第三批线网线优化什么时候开始)
2026年9月5日 05:15
一个卖东西的微信小程序,都需要什么条件怎么制作?我想做一个社区团购的小程序,怎么入手呢,大概需要花多少钱
2026年9月5日 05:00






