联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

用户登录界面图标设计及要点

Time: 2019-12-26


随着现在网络技术的发展,人们经常会用到电脑来登录一些网站,而这时就会出现用户登录界面,那么用户登录界面设计图标有哪些呢?怎么设计的呢?下面就来具体的介绍一下。


如何用dreamweaver制作用户登录界面

  1、插入一个div,设置为400x300px大小,背景色为米黄色,居中。

  2、输入标题文字和用户名、密码,调整位置。

  3、继续插入填写部分,插入--表单--文本域,所以需要输入内容的“框”都是文本域。设置用户名文本域ID为username,点击确定。

  4、继续同样的方式插入密码的文本域,设置ID为password。因为密码是非明文的,不需要显示,所以我们在属性面板里选择文本域的类型--密码。

  5、插入按钮。插入--表单--按钮,插入两个按钮,ID分别设置为login和reg。login按钮设置为登陆,reg按钮设置为注册。

  6、初始值是我们未输入内容时,填写框显示的提示文字。

1.jpg

(图片来自网络)


如何设计用户界面

  界面统一,至关重要

  在进行用户界面设计的时候,保证页面、功能和选项设置之间的一致性很重要。用户在使用你的程序时会有所期待。如果每个页面上的相同元素老是变来变去,不但让人糊涂而且使人沮丧。

  比如说,如果在主页上用户使用的是顶部导航条在不同页面之间进行切换,你必须确保在打开的子页面中也有顶部导航条,且上面的链接顺序与主页的一致。

  其他需要保持一致的包括页面配色方案和整体布局,以及程序中可能会间接使用到的重要链接(比如说,帐号管理和FAQ帮助文件)。

  你的用户有时会犯错

  不管用户界面多么直观,你在设计的时候多么小心,你的用户偶尔还是会犯错。有时只是因为他们不小心点错了地方,有时是他们操作的时候没有注意到,或者根本没在看网页。

  不管怎样,重要的是确保用户能够轻易地撤销他们的错误操作。

  你会注意到在许多的网络程序中,包括Google Docs,几乎任何时候只要你做些什么,就会看到一个撤销上次操作的链接。在其他程序中,你可能得使用菜单来撤销一个操作。但是最好的网络程序还是会尽量保证任何时候都能轻松返回上一步或两步。


2.jpg

(图片来自网络)


  如何做界面UI设计的展示图

  第一部分:图标创意阶段;

  第二部分:草图绘制阶段;

  第三部分:草图渲染阶段。

  当然真正做界面图标不是就这么简单的。


  通过以上的介绍我们了解了用户登录界面设计图标的相关内容,只有选择合适的设计软件,才能设计出符合登录界面的图标。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开