非凡资讯

网页设计培训资讯>网站登录界面设计心得、网页设计培训

网站登录界面设计心得、网页设计培训
发布日期:2013/1/9 11:21:32    网页设计培训 4706 分享
无论是互联网、邮箱、软件系统、操作台等,想要做深入的下一步操作,都“必先登录”。对广大用户而言“登录界面”就是一扇大门:互联网的这扇门开得晚一些,让你尝尽各种甜头还是得跨过这扇门;而工作软件等业务系统只能无情的对用户说:Sorry, please sign infest! ,比如你要进网银查看余额,就必须先登录。以下是在登录界面设计中的心得,网页设计培训和“有爱”设计师一起交流。

1.登录界面的内容

登录界面内容是根据企业、品牌、软件的需求而议,主要内容有LOGO、软件名称、企业宣传语、广告区、登录区、提示信息区、版权信息、客服条款、隐私声明、帮助反馈等.

一个登录界面内容的细致程度涵盖企业的宣传目标与品牌推广意向等,不同的产品需求、用户感受,决定了登录界面展示内容的多少.

网页设计培训,非凡学院
QQ邮箱的登录界面

电脑培训,非凡学院
企业管理系统的登录界面(计算机培训) 

2.登录界面的尺寸标准

与其说尺寸有标准,还不如说适配性和良好的操作感受。我们以较小的分辨率为基准,定义了登录界面的尺寸为800*600px的标准(WAP登录界面另行考虑),那么登录界面的有效设计区域为:宽小于800px,高小于600px。

3.登录界面的布局

根据自然匹配原则,视觉流线总是从上到下,从左至右。根据这一原则及流

线,结合需要展示的内容,把登录界面的布局归纳为:左右布局、上下布局、

center布局3种.

【左右布局】

左右布局也是最常见的布局,通常登录界面左侧为软件说明、功能介绍、企业宣传、品牌推广的区域;右侧登录信息录入区,较多运用于商务网站.

上海网页设计培训
淘宝登录界面

电脑培训,非凡学院
百度登录界面(网页制作培训

【上下布局】

上下布局,上面是展示推广信息;底部是视觉的落脚点,也是最方便操作的区域,设定为登录框的位置。软件系统的登录界面有涉及到。

网页设计培训,非凡学院
企业管理系统的登录界面

【center布局】

多运用于弹出式登录框,也有登录界面大量运用,center布局,简洁,没有太多冗余的品牌效应,目的就是为了登录。

电脑培训,非凡学院

4、登录界面的设计形式

在设计过程中,我把登录界面总结为丙中设计形式,一种是封闭式的,一种是开放式的。

【封闭式】

与背景分离为两个部分,有固定的内容展示及登录区域,在界面或居中或居左。(网页设计培训班

上海计算机培训

【开放式】

与整个背景融为一体,没有任何条条框框与边线,给人无限延伸的感觉。

上海网页设计培训
网页设计培训,非凡学院
相关文章:
合理的留白设计出简洁大气的网页
网页设计培训教程-介绍PS的五个快速选择工具
非凡学院 设计就业明星学员
国内wap站LOGO现状小结-上海网页培训
网页设计培训教程-使用fireworks制作水滴效果
免费试听热门课程
在线客服
免费试听
最新活动
学费查询
开班查询
就业薪资