SERVICE


云启未来,智造互联
企业上云升级,助力企业腾飞

网站的表单如何设计,网页按钮设计

发布时间:2016-12-15 13:29:38您的位置: > 微信开发,小程序开发 > 正文

阅读本节时,你可能也正在为某个网站设计按钮,并想知道该如何处理这些简单的控件。此外,你可能还在想着如何既保证按钮的功能,又能让其美观大方,不至于看上去像默认按钮一样平淡无奇。毕竟,我们不能总让按钮呈现默认状态,否则毫无趣味可言。有些网站采用相当标准的样式,将按钮装饰美化以提升其视觉效果.并方便于网站的使用.如Airbnb网站l图1)和Notable网站(图3)。虽然这些按钮在样式上相当普通,但它们能与网页设计浑然一体,提升视觉效果,当然也就避免了不合适的默认风格。其他一些网站也作了一些有益的尝试。例如.GoFreelanCe网站在视觉效果上将两个按钮合二为一,如图2所示。又如www.mzwkj.com网站(图4)和NCover网站(图5)将大量额外信息融入超大按钮的设计中。这些超大尺寸的按钮包含了大量的信息,其外形尺寸也相当大。通过这样的网页设计方式,不仅让信息得以传达,而且提供了足够的空间,可以准确详尽地告诉访客点击后将到达的地点。这种方式对于吸引眼球极为有效,并驱使人们更进一步地使用网站。相比默认的按钮风格,上述实例中的按钮都网页设计得更大.也更醒目,其实这很常见。这表明某种常授忽略的元素也可以通过有效的方式得到更好地利用,进而达到预期的效果。我们还可以跳到7.3节.看看其中展示的许多表单,它们使用了各式各样的个性化网页设计的按钮。网页网页设计结构元素功能性页脚·首页幻灯片演示.404页面表单元素没有哪种基本HTML元素会像表单控件那样问题丛生了。表单控件包括了文本框、下拉列表、单选按钮、复选框和按钮等。长久以来,这都是网站网页设计开发人员的犯错之源.因为他们不可避免地想通过一些貌似简单的方式来美化这些控件。然而,就像网络排宇一样,你越能理解其中所含元素的具体局限性,就越能够针对这些元素进行更好的网页设计。本节提供的范例也进一步证实了这样一点:表单也可以非常漂亮,同时兼具实用性。在GuiFied网站(图1)中,标准表单控件已经网页设计妥当,而且看上去很舒服。关于这些控件需要特别注意的第一要点是它们的尺寸大小。由于宇段相对较少,把控件做得大一些也没有什么问题。大控件可以确保用户的方便使用,因为量令人恼火的莫过于,费劲地去辨认在袖珍的文本框中输入的一段文字。该网站的表单网页设计并没有什么特别之处,但却十分成功地融入到了整个网站的网页设计之中。Kartel网站(图2)向我们展示了美化表单控件的另一种有趣方法。网页设计师并没有去调整表单元素,而是巧妙地处理了一下周围的其他一些元素,而这些元素当然比表单元素更好控刨。这些控件看起来就好像是默认样式所呈现的结果,但却与一体化的容器完美融合。这也是在限定范围内节省时间和金钱的极佳范例。还有一些网站不遗余力地让表单控件以不可思议的方式呈现。以图3中的Firsthost注册表单为例。该网页上使用的滑块控件其实就是单选按钮,因为它们仅允许用户选择一个选项。不同的方式,同样的功能,那又何必弃简求繁呢?(除非开发人员有意让网页显得古怪离奇。)在这种情况下,我也建议使用滑块,因为这样做可以使你更清楚地意识到自己正在作出实质性的改变。滑块提醒用户他不仅是在选择一些新的参数,同时也完全将其他参数排除掉了。滑块方法让用户可以清楚地看到并理黑他的更改是如何影响着最后的结果的。

梦之网科技 http://www.mzwkj.com

梦之网科技
本文网址:http://www.mzwkj.com/news/818.html

济南梦之网科技:济南网站建设,济南网站设计公司,网站建设开发公司,专业网站制作公司,拥有专业的技术团队,一流的服务团队.专业团队为您提供网站设计,网站定制服务,公众号应用开发,微信小程序开发,为用户提供成套解决方案,智能农业物联网系统

您可能感兴趣