快速业务通道

10个web设计元素,你不能忽略

作者 佚名技术 来源 CSS编程 浏览 发布时间 2012-05-26
其他的事件也会发生。规划好你站点的消息机制,是良好的交互性的需要。

在Life Today上,我看到一些验证消息,可作为错误消息,风格符合全球各地。对颜色和图标进行少量更改,也可以用作警告,真是确认消息。

6. 拓展背景到更大的屏幕

依据网站风格的不同,背景元素可有更好的运用。绝大部分背景很简单,不需要更多的准备,但是也存在复杂的需要(梯度、图案和意象)。

考虑到大的显示器已经非常普及,大部分设计师仅规划960像素宽度,忽略了大量的显示器。如果你的背景复杂,你理当拓展至更大的屏幕。

下面是我创建的例子,木式背景可做更大的延伸。

7. HTML基本元素

HTML基本元素是基础,并且不能被忽略。但是在许多市场为导向的网站上,杂乱的布局,迥异的视觉风格,基本元素都被遗忘。

标准网页模板规划好,很重要,基本元素包括:段落,标题1至6,整齐的列表,列表数据,表单域,粗体文本,斜体文本。

我在很多网站工作过,总结样式如下,以助开发者。

8. 网站邮件(Website emails)

我从未见任何设计师规划网站邮件,它很容易被忽略是因为它不是网站核心焦点。然而邮件是提升和拓展服务的强大工具。

我的建议是在规划阶段,仔细查看站点内容。

邮件列表注册确认。

登记确认。

表单完成确认(比如一联系表单)

购买后的订单验证

如果你真想做好网站邮件,那么还要准备好邮件营销模板。

9. 页面拉伸

页面拉伸以适应内容的改变,很少用,但是也很重要。例子如下:

网站Full Moon BBQ有个紧凑的主页,每个元素都有特定的尺寸和位置。那么如果决定加长欢迎信息或者增加图片,将会发生什么?幸运的是,他们考虑了这一点。看明白了嘛?可以登录网站一试。

准备好多内容的布局的版本,你忽略了吗?

10. 动画:弹出框、工具提示、转换等

标准的HTML/CSS网站,动画和转换很容易被忽略。一旦忽略,效果会很不合适。

列举如下,请谨记。

Tooltips(工具提示)

当鼠标经过某元素时的提示。

Image rotators(图片旋转)

首页幻灯片至今仍很流行,对于转换与风格可有更多的选项。

Lightbox(灯箱)

规划的风格,不仅灯箱,还有转换。

每个动画元素都有明显的视觉风格,比如适合它本身。

为什么很在乎?

这里列出的大部分的元素,对于开发者比设计师更有用。如果你提前准备好这些元素,开发者会对设计师的工作另眼相看。如果你是开发者,同样做到这一点,那么老板对你也会是刮目相看。

记住并做到这些,意味着你至少享受到了web设计工作一半的乐趣。

原文链接:10-web-design-elements-that-you-shouldn’t-overlook

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号