Web应用界面设计学习1

1、表单
表单无处不在:从注册账号到填写查询信息、调查问卷等,都离不开表单的存在。在设计这些表单时,我们应该通过一些方式,让用户得知自己的填写进度(使用类似手风琴的折叠表单,如果表单很长的话)、填写正确与否(赞扬与指出错误,比如小小的绿色对勾,以及醒目红色提示语)。

2、按钮
按钮的外形设计,最好按照用户的需求高低进行:例如,在注册填写完信息后,“确认注册”的按钮颜色鲜明、图形显眼;而“取消注册”的按钮可以是只带下划线的文本。因为用户就是来注册的,让用户不必看清按钮上的文字,就能快速地进行操作,这无疑为用户带来了更好的体验。

3、用户“做主”,而不是应用“做主”
在平常生活中,我们常遇到的各项应用的菜单中的功能名称,几乎都是”动宾“形式的词组,如”创建工程“而不是”工程“或者”工程创建“。仅仅一个名称顺序,都足以让用户对自己的操作充满自信。毕竟,谁不喜欢让自己显得更聪明呢?

4、用户的阅读顺序
首先,我们必须明白,Web技术发展到现在,世界上早已经充斥着大量的Web应用。因此,你不能指望你的应用所服务的用户多么有耐心。大部分用户是带有功利性的进行阅读的,他们迫切需要马上了解一款应用的作用是哪些、应该需要怎么操作。所以,按照应用功能的重要程度,给予它们不同的外观大小、颜色进行区分。

https://visualstudio.microsoft.com/zh-hans/downloads/ 下载按钮色彩鲜明
https://visualstudio.microsoft.com/zh-hans/downloads/来自微软
另外,一般用户的阅读顺序是:从上到下,从左到右。就像一个箭头,从左上角一直划到右下角。所以,我们可以牢记这一原则,在设计过程中多加运用。
微软账号注册,左上到右下,一目了然;文字均靠左,依次排列
在这里插入图片描述
5、动图、视频比一切文字都富有说服力
我想大家也深有体会,在应用中看到一小段动图,比一大串密密麻麻的描述文字好受地多。我就很欣赏Dreamweaver的做法,在我刚使用的时候,它会很亲切地对一些功能弹出一个小视频进行介绍,这样我就省去了自己去阅读、理解那可怕长度的帮助文档的时间了。
在这里插入图片描述
最后,推荐大家一本书《瞬间之美:Web界面设计如何让用户心动》,可以通过jiumo获取,鸠摩图书,从这本书中我学到了很多

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值