技术开发 频道

Web开发者加以重视的10个设计元素

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

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

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

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

  7. HTML基本元素

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

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

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

  8. 网站邮件(Website emails)

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

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

  邮件列表注册确认。

  登记确认。

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

  购买后的订单验证

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

  9. 页面拉伸

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

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

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

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

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

  列举如下,请谨记。

  Tooltips(工具提示)

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

  Image rotators(图片旋转)

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

  Lightbox(灯箱)

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

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

  为什么很在乎?

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

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

0
相关文章