长沙电脑维修-长沙电脑上门维修-笔记本维修-上门修显示器
滚动新闻:
  网站首页     维修业界     网络安全     硬件故障     软件故障     系统故障     硬件维修     系统安装     驱动下载     维修信息  
欢迎来到长沙电脑维修网,一个电话上门维修电脑 13347311093 0731-82917806 您的满意是我们进步的动力! 请您留言|设为首页|加入收藏
长沙电脑上门维修
您当前位置:网站首页 >> 硬件故障 >> CPU故障 >> 正文阅读

设计表单的标签和输入区


来源:网络收集 发布时间:2009-05-02 01:07:41 查看次数:

长沙监控安装

有一些元素,看着很简单,设计起来却很头疼。往往这样的元素都具有一个共同的特点——变化多,表单的设计就是如此。你说见过20、30种以上不同的表单,我并不惊讶,产品需求、风格不同,必然五花八门。当然,换了设计师,表单的样式也可能会不同。然而,不能让这种情况继续下去,表单不是艺术展。不要让你的才华阻碍了别人的前进。

表单就是一扇门

古有大禹,三过家门而不入;今有用户,看到表单犯糊涂。难道大禹遇到的是这样的门?

表单,尤其是注册表单,就像一扇门,穿过他才能看到完整的产品。所以千万别做这种门,自己费事不说,用户也不会买账。这个设计最糟糕之处,就在于它有悖常理。好的设计应当遵循于其自然规律,这样一来符合人们预期,使用起来也就顺畅。

表单中标签与输入区的4种对齐方式
  • 标签垂直顶对齐
  • 标签水平右对齐
  • 标签水平左对齐
  • 标签在输入区内部

《Web Form Design》一书中对标签和输入区组合进行了一些研究,我整理了一份数据比较的表格:

数据对比表格

标签垂直顶对齐

标签和输入区垂直依次排列,从而降低了对页面宽度的要求。如果你的页面没有富裕的空间用于标签和输入区的横向排列,这种组合是个不错的选择。

标签垂直顶对齐

眼动轨迹表明,用户自上而下的扫描表单,焦点多集中在左侧一列,且跳动较小。

顶对齐的眼动轨迹

·上一条:主板不加电,真的是主板坏了吗?
·下一条:Dreamweaver中鲜为人知的小秘诀
相关文章
·Dreamweaver制作网页13种技巧详解 2009-04-28 17:05:21
·CPU故障排除 2009-12-17 22:03:08
·电脑cpu温度过高,噪音大,系统加载缓慢 2010-07-07 06:13:51
·CPU转接卡引起的故障 2009-12-17 22:02:50
·CPU散热不良引起的故障 2009-12-17 22:01:51
·由风扇引起的故障四例 2009-12-17 22:01:25
·用Dreamweaver制作网页中常用的过渡效果 2009-04-28 16:58:31
·如何解决CPU故障? 2009-12-17 22:01:04
文章评论
现在有0人对本文发表评论 查看所有评论
同行交流
电脑维修公司
宇翔电脑维修
  最新文章
·有什么办法防止电脑CPU使用率过高?
·电脑有时能开机有时不能开机原来是CPU坏
·电脑换CPU后开机报错 按F1才能进系统
·预防台式电脑CPU烧毁的方法
·夏天CPU风扇声音大是什么原因
·CPU的散热器过重对主板有什么影响
·电脑CPU双核变成单核的原因
·盒装CPU和散装CPU的区别在哪里?
·散热器卡扣没卡死导致频繁死机
·什么是双核CPU 处理器核心知识
·电脑CPU的全面认识基础知识普及
·处理器超频后电脑无法启动 断电后又正常开机
·电脑突然进不了系统 诊断卡显示"00"码
·四核处理器自动变成三核处理器
·重装处理器(CPU)后电脑无法开机
苹果双系统安装
  热门文章
·电脑有时能开机有时不能开机原来是CPU坏
·intel 775接口CPU底座更换过程图解
·迅驰CPU超频指南
·电脑电源一旦断电,半天开不了机,半至一天
·电脑换CPU后开机报错 按F1才能进系统
·电脑cpu温度过高,噪音大,系统加载缓慢
·AMD双核CPU无故变成了单核怎么解决
·CPU故障解决实例
·cpu故障分析案例
·设计表单的标签和输入区
·Dreamweaver表格边框制作详解
·重装处理器(CPU)后电脑无法开机
·主板CPU内存的带宽分别是指什么?
·电脑突然进不了系统 诊断卡显示"00"码
·处理器超频后电脑无法启动 断电后又正常开机
关于我们 | 公司介绍 | 维修报价 | 免责声明 | 阅读须知 | 内容目录 | 湘ICP备16016646号-1
联系邮箱:270024428@qq.com 联系QQ:270024428
Copyright 2019, 长沙电脑维修网版权所有.