爱米*阅

不是日志,不是剪切板

高质量的网页设计 - [技术 | Tech]

发布时间   2010-12-14 @ 10:08:00 标签    网页 图片 jpg gif png UI 编辑 | 分享 0

版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://www.blogbus.com/amixyue-logs/88998716.html

从 UI 元素入手

热爱前端的同学其实更喜欢 code 一张页面,而不是切一张页面,如果可能,请“轻量级设计“。

轻量级设计:尽可能采用 css 可以实现的高光、阴影、渐变、圆角的设计。

优点:网页加载快、形式内容相分离(以精巧的布局、突出的内容取胜)

实现成本:

1)视觉设计师,需要有一定的、高素质的 css 基础(不靠谱!)

2)网页设计师,建立一个 UI 库,把自己尽可能实现的 UI 元素都摆进去;

如果必须用图,请让图片高质量

色彩的描述,从纯度、灰度、亮度 3 个方面。图片的描述,从颜色多少、色彩层次、亮度。请尽可能:

1)颜色少、色彩层次可以多(在一定范围)、亮度差异明显(以区分)。这是一张 png

2)颜色多、色彩层次多、但亮度一定差异少。这是一张 jpg

3)网页设计师,可能使用 spirit ,那么请协助“索引色优化”,即用已存在的索引色对缺失的地方进行补色

图片、UI 是你我不懈的动力

这里有几篇文章推荐,请自行点击查看:

网页切图一些些

Clever JPEG Optimization Techniques

Clever PNG Optimization Techniques

分享到:

    评论

  • 每天学习一点点~~ 共同进步
    回复shell说:
    那是必须的!
    2010-12-15 20:45:19